
/* Readable HTML first; scripting enhances navigation, search and saved state. */
.radi-route-marker{display:block;height:0;overflow:hidden;scroll-margin-top:92px}
.radi-runtime-hint{border:1px solid var(--line-dark);background:var(--paper);border-radius:10px;padding:15px 20px;margin:0 0 25px;font-size:12px;line-height:1.9;color:var(--ink)}
.radi-runtime-hint strong,.radi-runtime-hint span{display:block}.radi-runtime-hint span{font-size:11px;color:var(--muted);margin-top:4px}.radi-runtime-hint>a{display:inline-block;color:var(--accent);margin-top:7px;text-decoration:underline;text-underline-offset:4px}
html.radi-live .radi-runtime-hint,html.radi-live .radi-static-only{display:none!important}
html:not(.radi-live) #homeView{display:block!important}
html:not(.radi-live) .radi-top-left,html:not(.radi-live) .radi-search-zone,html:not(.radi-live) #recentSection,html:not(.radi-live) .radi-studio-entry,html:not(.radi-live) .radi-mood-options,html:not(.radi-live) .radi-mood>small,html:not(.radi-live) #anotherHomeVerse,html:not(.radi-live) .heart,html:not(.radi-live) .sidebar-bottom button,html:not(.radi-live) .library-toolbar,html:not(.radi-live) .library-summary,html:not(.radi-live) #loadMore,html:not(.radi-live) #libraryGrid{display:none!important}
html:not(.radi-live) .radi-mood:after{content:"تصفّح الديوان، وافتح القصيدة التي تختارها من عنوانها.";font-size:11px;color:var(--accent);display:block;margin-top:20px;line-height:2}
html:not(.radi-live) #indexesView .astrolabe-experiment,html:not(.radi-live) #indexesView .astro-legacy-toggle,html:not(.radi-live) #indexesView .v235-index-finder,html:not(.radi-live) #indexesView .study-tools-grid{display:none!important}
.radi-static-library{margin-top:22px}.radi-static-intro{font-size:12px;line-height:2;color:var(--muted);margin:0 0 20px}.radi-static-poem{border:1px solid var(--line);border-radius:10px;background:var(--paper);margin:0 0 12px;scroll-margin-top:100px}.radi-static-poem:target{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}.radi-static-poem>details>summary{list-style:none;cursor:pointer;display:flex;gap:15px;align-items:center;justify-content:space-between;padding:18px 23px}.radi-static-poem summary::-webkit-details-marker{display:none}.radi-static-poem summary b{display:block;font:400 27px/1.7 "Noto Naskh Arabic",serif}.radi-static-poem summary small{display:block;color:var(--muted);font-size:10px}.radi-static-open{color:var(--accent);font-size:11px;white-space:nowrap}.radi-static-poem details[open]>.radi-static-verses{border-top:1px solid var(--line);padding:20px}.radi-static-verse{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:17px 20px;border-bottom:1px solid var(--line);font:400 26px/2 "Noto Naskh Arabic",serif;text-align:center}.radi-static-verse>small{position:absolute;right:0;top:22px;font:10px "Noto Sans Arabic",sans-serif;color:var(--muted)}.radi-static-citation{font-size:10px;color:var(--muted);text-align:center;padding-top:20px}.radi-static-tool-note{background:var(--paper-soft);border:1px solid var(--line);border-radius:10px;padding:17px 20px;font-size:13px;line-height:2;margin-bottom:22px}.radi-static-tool-note a{color:var(--accent);text-decoration:underline}.radi-static-index-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:30px}.radi-static-index-links a{padding:20px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:14px;color:var(--accent)}.radi-static-index{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:15px}.radi-static-index summary{cursor:pointer;font-family:"Noto Naskh Arabic",serif;font-size:24px}.radi-static-index summary small{font:10px "Noto Sans Arabic",sans-serif;color:var(--muted);margin-inline:12px}.radi-static-index>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.radi-static-index a{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;color:var(--accent)}
html:not(.radi-live) .mobile-nav{grid-template-columns:repeat(4,1fr)!important}.mobile-nav>a[data-static-mobile]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--accent);font-size:10px;min-height:44px}
@supports selector(:has(*)){
 html:not(.radi-live) #mainContent:has(> .radi-route-marker:target,#libraryView :target) > .view{display:none!important}
 html:not(.radi-live) #mainContent:has(> .radi-route-marker:target,#libraryView :target) > .radi-route-marker:target + .view{display:block!important}
 html:not(.radi-live) #mainContent:has(#libraryView :target) > #libraryView{display:block!important}
}
@media(max-width:760px){.radi-runtime-hint{padding:13px 15px;font-size:11px;margin-bottom:20px}.radi-runtime-hint span{font-size:10px}.radi-static-verse{grid-template-columns:1fr;gap:0;font-size:25px;padding:15px}.radi-static-poem>details>summary{padding:16px}.radi-static-poem summary b{font-size:25px}.radi-static-poem summary small{font-size:9px}.radi-static-open{font-size:9px}.radi-static-poem details[open]>.radi-static-verses{padding:8px 12px}.radi-static-intro{font-size:11px}.radi-static-index-links{gap:9px}.radi-static-index-links a{font-size:12px;padding:16px}.radi-static-index summary{font-size:23px}.radi-static-index{padding:13px}.radi-static-tool-note{font-size:11px;padding:15px}}
@supports not selector(:has(*)){
 html:not(.radi-live) #libraryView{display:block!important}
 html:not(.radi-live) .radi-route-marker:target + .view{display:block!important}
}

