/* v24.3 — map touch targets and clear labels */
#atlasStage .radi-map-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 7px}
.radi-map-zoom{display:flex;gap:6px}
.radi-map-zoom button,.radi-map-directory-toggle{background:var(--paper-strong);color:var(--ink);border:1px solid var(--line-dark);border-radius:11px;min-width:43px;min-height:43px;padding:8px 13px;cursor:pointer}
.radi-map-directory{border:1px solid var(--glass-border);background:var(--paper-strong);border-radius:14px;padding:12px;margin:5px 0 12px}
.radi-map-directory[hidden]{display:none!important}
.radi-map-directory label{display:block;margin:0 0 6px;font-size:12px;color:var(--muted)}
.radi-map-directory input{width:100%;min-height:43px;border:1px solid var(--line);border-radius:9px;padding:9px;color:var(--ink);background:var(--paper)}
.radi-map-place-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));gap:7px;max-height:245px;overflow-y:auto;padding:9px 0}
.radi-map-place-grid button{padding:9px 7px;border:1px solid var(--line);background:var(--glass-bg);color:var(--ink);border-radius:9px;min-height:44px;cursor:pointer}
.radi-map-place-grid button[hidden]{display:none}
#atlasStage .atlas-svg{touch-action:none;user-select:none;cursor:grab;min-height:0;aspect-ratio:1.6;max-height:620px}
#atlasStage .atlas-svg:active{cursor:grabbing}
#atlasStage .atlas-region-shape{pointer-events:none}
#atlasStage .atlas-node{outline-offset:3px}
#atlasStage .atlas-node text:not(.atlas-count){pointer-events:none;font-size:13px}
#atlasStage .atlas-node .atlas-count{pointer-events:none}
#atlasStage .radi-map-cluster{cursor:pointer;outline:none}
#atlasStage .radi-map-cluster circle{fill:var(--accent);stroke:var(--paper-strong);stroke-width:2;vector-effect:non-scaling-stroke}
#atlasStage .radi-map-cluster text{fill:#fff;font-family:var(--ui-font);font-weight:700;pointer-events:none}
#atlasStage .radi-map-cluster:focus-visible circle{stroke:#fff;stroke-width:4}
/* v24.3 — true separate Arabic fonts and poem layout */
.radi-font-setting,.radi-layout-setting{flex-wrap:wrap;gap:7px}
.radi-font-setting select,.radi-layout-setting select{max-width:65%!important;min-width:155px;border-radius:10px!important;padding:9px!important}
.radi-font-preview{font-family:"Radi Amiri",serif;min-height:68px;padding:11px 8px;text-align:center;font-size:27px;line-height:1.7;border:1px solid var(--line);border-radius:12px;background:var(--glass-bg);color:var(--ink)}
.radi-font-import{display:grid;gap:7px;margin:10px 0;font-size:12px;line-height:1.7}
.radi-font-import .radi-file-label{font-size:12px;color:var(--ink)}
.radi-font-import input{min-width:0;width:100%;font-size:11px}
.radi-font-import small{font-size:10px;color:var(--muted)}
.radi-font-import a{text-decoration:underline;color:var(--accent)}
#readerView .verse-body{min-width:0}
#readerView .hemistich{min-width:0;white-space:nowrap!important;overflow:visible!important;word-break:normal!important;overflow-wrap:normal!important;font-size:var(--radi-fitted-size,var(--poem-size))!important;line-height:1.95!important}
#readerView .poem-sheet{padding-inline:clamp(6px,2vw,26px)!important;overflow:visible!important}
#readerView .verse{padding-inline:clamp(8px,1.6vw,24px)!important}
html[data-verse-layout="stacked"] #readerView .verse-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:4px!important}
html[data-verse-layout="horizontal"] #readerView .verse-body{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}
html[data-verse-layout="horizontal"] #readerView .hemistich{padding:0!important}
@media(max-width:760px){
 #atlasStage .atlas-svg{aspect-ratio:1.15;min-height:290px;max-height:480px}
 #atlasStage .atlas-region-shape text,#atlasStage .atlas-river-group text{display:none!important}
 #readerView .poem-sheet{padding-inline:7px!important}
 #readerView .verse{padding:14px 4px!important}
 #readerView .verse-body{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important}
 #readerView .hemistich{padding-inline:1px!important;text-align:center!important}
 html[data-verse-layout="horizontal"] #readerView .verse-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
 .radi-font-preview{font-size:22px}
}