/* Visual cues carry structure; artwork stays secondary to controls and reading. */
.visual-icon{width:24px;height:24px;flex-shrink:0;vertical-align:middle}
.visual-tile{width:58px;height:58px;display:grid;place-items:center;background:var(--soft);color:var(--accent);border:1px solid var(--line);border-radius:17px}
.visual-tile>.visual-icon{width:30px;height:30px}
.learn-submenu a{display:grid!important;grid-template-columns:40px 1fr;column-gap:12px;align-items:center}.learn-submenu .visual-tile{grid-column:1;grid-row:1/3;width:40px;height:40px;border-radius:12px}.learn-submenu .visual-icon{width:22px;height:22px}.learn-submenu strong,.learn-submenu a>span:not(.visual-tile){grid-column:2}
.visual-page-head{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:center;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid var(--line)}
.visual-head-copy{min-width:0}.visual-head-copy>p:last-child{margin-bottom:0}.visual-page-head h1{font-size:clamp(35px,4vw,56px)}
.day-cycle{margin:0;padding:20px 12px 15px;border:1px solid var(--line);border-radius:22px;background:var(--white);color:var(--accent)}.day-cycle svg{display:block;width:100%;height:auto;overflow:visible}.cycle-line{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:4 5;opacity:.6}.cycle-horizon{stroke:var(--line);stroke-width:1}.cycle-marker{fill:var(--accent);stroke:var(--white);stroke-width:4}.cycle-label{fill:var(--ink);font-size:14px;text-anchor:middle;font-family:inherit}.day-cycle figcaption,.school-constellation figcaption{font-size:11px;letter-spacing:.15em;text-align:center;color:var(--muted);margin:12px 0 0}
.school-constellation{margin:0;border-radius:28px;background:radial-gradient(ellipse,var(--soft),transparent 72%);color:var(--accent)}.school-constellation svg{width:100%;display:block}.constellation-line{stroke:var(--line);stroke-width:2;fill:none}.constellation-ring{stroke:var(--accent);stroke-width:1;fill:var(--white)}.constellation-star{fill:var(--accent)}.constellation-label{fill:var(--ink);text-anchor:middle;font:15px inherit;font-family:inherit}.school-constellation figcaption{margin-top:0}
.library-artwork{position:relative;display:flex;justify-content:center;gap:14px;align-items:center;min-height:160px;background:radial-gradient(ellipse,var(--soft),transparent 70%)}.library-artwork>span{display:grid;place-items:center;width:75px;height:100px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--accent);transform:rotate(-12deg);z-index:1}.library-artwork>span:nth-child(2){height:125px;transform:translateY(-10px);background:var(--action);color:var(--on-action)}.library-artwork>span:nth-child(3){transform:rotate(12deg)}.library-artwork .visual-icon{width:34px;height:34px}
.home-path-grid>a{position:relative;overflow:hidden;padding-right:100px}.home-path-grid .visual-tile{position:absolute;right:30px;top:30px;width:64px;height:64px}.home-path-grid>a:hover,.guide-chapters>a:hover,.library-card:hover{box-shadow:0 8px 25px #00000008}.home-time-rhythm>.day-cycle{margin-bottom:10px}.home-time-rhythm a>.visual-icon{color:var(--accent);width:24px;height:24px}
.comparison-selector button{display:flex;gap:11px;align-items:center;text-align:left;justify-content:flex-start;padding:16px 18px;min-height:62px}.comparison-selector .visual-icon{width:24px;height:24px;color:var(--accent)}[data-theme] .comparison-selector button.selected .visual-icon{color:var(--on-action)}
.school-card{position:relative;border-top:3px solid var(--line)}[data-theme] .school-card.school-in-use{border-color:var(--accent)}.school-index{font:13px Manrope,sans-serif;color:var(--muted);letter-spacing:.1em;margin-bottom:15px}.school-card .arabic{margin-top:0}
.library-card{position:relative;min-height:285px;border-radius:18px}.library-card .visual-tile{margin-bottom:24px}.library-card .eyebrow{font-size:12px}.library-card>span:last-child{border-top:1px solid var(--line);padding-top:17px;width:100%;font-size:14px;color:var(--accent)}.library-controls input{background-image:none;padding:15px 18px;font-size:16px}.library-controls select{font-size:14px}
.guide-chapters>a{position:relative;border-radius:16px}.guide-chapters .visual-tile{margin-bottom:22px}.guide-tree summary>.visual-icon{width:19px;height:19px;margin-right:8px;color:var(--accent)}.guide-tree a{font-size:14px}.guide-search label>.visual-icon{margin-right:10px;color:var(--accent)}.guide-breadcrumbs{font-size:14px}.map-stage>p:not(.eyebrow),.map-stage a{font-size:14px}.guide-reading{padding:28px 32px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.presence-tabs button{display:flex;gap:8px;align-items:center}.presence-tabs .visual-icon{width:19px;height:19px}.presence-foundations article{position:relative;padding-top:28px}.presence-foundations .visual-tile{float:right;margin:0 0 10px 20px}.presence-foundations .visual-tile:after{content:none}.presence-foundations .visual-tile>.visual-icon{color:var(--accent)}.presence-progress{position:relative;padding-bottom:22px}.reading-meter{position:absolute;left:0;right:0;bottom:3px;display:block;height:5px;background:var(--line);border-radius:10px;overflow:hidden}.reading-meter i{display:block;height:100%;background:var(--accent);border-radius:10px}.presence-list button{min-height:48px}.heart-reading{max-width:68ch}.presence-try{border-radius:12px}
.path button>.visual-icon{margin-left:auto;width:20px;height:20px}.workspace .panel.article>.visual-tile{margin-bottom:24px}
.movement-navigator{display:flex;gap:16px;align-items:center;padding:12px 15px;margin:0 0 18px;border:1px solid var(--line);border-radius:16px;background:var(--white)}.movement-nav-title{display:flex;flex-direction:column;gap:5px;flex-shrink:0}.movement-nav-title>span{font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--accent)}.movement-nav-title small{font-size:12px;color:var(--muted)}.movement-nav-stops{display:flex;gap:5px;width:100%;min-width:0}.movement-nav-stops button{flex:1;min-width:70px;border:1px solid transparent;border-radius:10px;background:transparent;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 8px;color:var(--muted);font-size:12px}.movement-mini{height:43px;width:65px;display:grid;place-items:center}.movement-mini img{max-width:60px;max-height:43px;width:auto;height:auto;object-fit:contain}.movement-nav-stops button:hover{background:var(--soft)}.movement-nav-stops button[aria-current]{background:var(--soft);border-color:var(--accent);color:var(--accent);font-weight:700}nav.movement-navigator button:focus-visible{outline-color:var(--accent)}body.studio-focus .movement-navigator{display:none}
.time-row>span{display:flex;align-items:center;gap:12px}.time-row .visual-icon{color:var(--accent)}.time-heading{position:relative;overflow:hidden}.time-heading:after{content:'';position:absolute;right:-50px;top:-65px;width:190px;height:190px;border:1px solid var(--line);border-radius:50%;pointer-events:none;opacity:.5}.time-row strong{font-variant-numeric:tabular-nums}.prayer-list{position:relative}
@media(max-width:1000px){.visual-page-head{grid-template-columns:minmax(0,1fr) 260px;gap:25px}.movement-navigator{display:block}.movement-nav-title{flex-direction:row;justify-content:space-between;margin-bottom:10px}.movement-nav-stops{overflow-x:auto;padding-bottom:3px}.movement-nav-stops button{flex:1 0 70px}}
@media(max-width:760px){.visual-page-head{grid-template-columns:1fr;gap:15px}.visual-page-head>.day-cycle{max-width:420px;width:100%;padding:10px 12px}.visual-page-head>.school-constellation{display:none}.visual-page-head>.library-artwork{display:none}.visual-page-head h1{font-size:36px}.visual-page-head{padding-bottom:20px;margin-bottom:20px}.home-path-grid>a{padding-right:80px}.home-path-grid .visual-tile{right:18px;top:22px;width:46px;height:46px}.comparison-selector button{min-height:68px;padding:12px;gap:8px;font-size:13px}.comparison-selector .visual-icon{width:21px;height:21px}.library-card{min-height:240px;padding:24px}.guide-reading{padding:23px 20px}.guide-prose{font-size:16px}.presence-tabs{gap:7px}.presence-tabs button{padding:11px;font-size:13px}.presence-tabs .visual-icon{width:17px;height:17px}.presence-foundations .visual-tile{width:48px;height:48px}.movement-navigator{padding:11px}.time-row>span{gap:8px}.time-row strong{font-size:21px}.time-row small{margin-left:0!important}.day-cycle figcaption{font-size:10px}.school-index{margin-bottom:10px}.path button>.visual-icon{display:none}}
@media(prefers-reduced-motion:reduce){.home-path-grid>a,.guide-chapters>a,.library-card{transition:none}}
.visual-page-head{max-width:none;width:100%}.visual-head-copy h1{max-width:820px}.visual-head-copy>p:not(.eyebrow){max-width:720px}
.presence-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.presence-tabs button{justify-content:center;white-space:normal;text-align:center;min-height:48px}.presence-tabs button:last-child{grid-column:span 2}
@media(max-width:760px){.presence-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.presence-tabs button{justify-content:flex-start}.presence-tabs button:last-child{justify-content:center}}
@media(max-width:580px){.comparison-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-selector button:last-child:nth-child(odd){grid-column:span 2}.comparison-grid{grid-template-columns:1fr}.school-card{padding:24px}.school-card .value{font-size:17px}.school-card .arabic{font-size:34px}}