/* An instrument-inspired, six-destination clock and compass. */
.atlas-home .site-layout{min-height:calc(100svh - 230px)}
.atlas-home .home-main{padding:14px 0 30px}
.home-section-divider{height:0;border:0;border-top:1px solid #cbd6de;margin:24px 0 30px}
.atlas-orbit{container-type:inline-size;max-width:1040px;width:100%;min-width:0;margin:0 auto;padding:28px 24px 0}
.compass-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30cqw,304px);gap:32px;align-items:center;direction:rtl}
.compass-instrument{min-width:0;padding-inline:8px}
.compass-explainer{min-width:0;border:1px solid #d8e1e5;border-radius:12px;overflow:hidden;background:#ffffff78}
.compass-guide{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;text-align:right;direction:rtl;color:#526472;font:400 11px/1.85 Noto,Arial,sans-serif}
.compass-guide th,.compass-guide td{padding:9px 8px;vertical-align:middle;border-bottom:1px solid #dfe6e9}
.compass-guide th{width:29%;font:700 11px/1.8 Cairo,Noto,sans-serif;color:#2b4c5d;border-left:1px solid #dfe6e9;background:#edf2f480}
.compass-guide .compass-guide-meaning{width:25%;border-right:1px solid #dfe6e9;background:#f1ede338;color:#7a633c;font:700 11px/1.8 Cairo,Noto,sans-serif}
.compass-guide tr:last-child>*{border-bottom:0}
.compass-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.orbit-map{--needle-angle:0deg;--active-tone:#b08a47;--rim-inset:2.875%;--crown-stem:6px;container-type:inline-size;position:relative;isolation:isolate;width:min(100%,640px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle,#e4ebeb66 40%,transparent 70%)}
.compass-north{position:absolute;left:50%;top:2.1%;transform:translate(-50%,-100%);width:clamp(22px,5cqw,32px);padding:0;border:0;background:transparent;z-index:4;cursor:pointer;line-height:0}
.compass-north svg{display:block;width:100%;height:auto}
.compass-north:focus-visible{outline:2px solid #b99858;outline-offset:5px;border-radius:4px}
.compass-north:hover,.compass-north[aria-pressed="true"]{filter:drop-shadow(0 0 4px #b9985870)}
.orbit-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;direction:ltr}
.dial-shadow{filter:drop-shadow(0 9px 9px #213e4910)}
.dial-tick{stroke:#aebbbb;stroke-width:1.2}
.dial-hour{stroke:#a18b64;stroke-width:2.3}
.dial-marker{fill:#af9d7b;stroke:#af9d7b;stroke-width:1;opacity:.55;transition:opacity .25s,fill .25s,stroke .25s}
.orbit-map[data-active="names"] .marker-names,.orbit-map[data-active="worship"] .marker-worship,.orbit-map[data-active="mashiah"] .marker-mashiah,.orbit-map[data-active="emotions"] .marker-emotions,.orbit-map[data-active="equations"] .marker-equations,.orbit-map[data-active="categories"] .marker-categories{fill:var(--active-tone);stroke:var(--active-tone);opacity:1}
.dial-sweep{stroke:#c3a368;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:85 1405;opacity:.7}
.compass-needle{filter:drop-shadow(0 3px 3px #31454b18)}
.balance-axes{opacity:0;visibility:hidden;transition:opacity .2s;pointer-events:none}
.balance-axis{display:none}
.orbit-map[data-balance-step="1"] .balance-axis-0,.orbit-map[data-balance-step="2"] .balance-axis-1,.orbit-map[data-balance-step="3"] .balance-axis-2,.orbit-map[data-balance-step="4"] .balance-axis{display:inline}
.balance-axis-0{--balance-color:#2878b0}.balance-axis-1{--balance-color:#b27a30}.balance-axis-2{--balance-color:#8155a1}
.balance-shaft{stroke:var(--balance-color);stroke-width:3;stroke-linecap:round;opacity:.9}
.balance-tip{fill:var(--balance-color);stroke:var(--balance-color);stroke-width:.6;stroke-linejoin:round}
.orbit-map.is-balanced .balance-axes{opacity:1;visibility:visible}
.orbit-map.is-balanced .compass-needle{visibility:hidden}
.orbit-map.is-balanced .orbit-revolve{opacity:.3}
.needle-fit{transform-origin:400px 400px;transform:scale(.9)}
.orbit-center{position:absolute;left:50%;top:50%;width:28%;aspect-ratio:1;transform:translate(-50%,-50%);padding:5px;border:1px solid #bfa476;border-radius:50%;background:linear-gradient(135deg,#efe4cd,#b09a70 45%,#f1e6d2 75%,#bb9f70);box-shadow:0 0 0 5px #fafbf8a6,0 9px 24px #14364720;pointer-events:none}
.orbit-center-face{position:relative;height:100%;display:grid;place-items:center;border-radius:50%;border:1px solid #d9c49666;background:radial-gradient(circle at 35% 23%,#35576a,#173b4c 70%,#102f40);box-shadow:inset 0 0 0 5px #193d4d,inset 0 0 0 6px #82927a55;text-align:center}
.orbit-center h1{width:100%;margin:0 0 3%;font-family:Cairo,Noto,sans-serif;line-height:1.7;color:#fffaf0}
.orbit-peaks{display:block;width:58%;height:auto;margin:0 auto -2px;color:#ead3a0;stroke-width:1.9}
.orbit-peaks .peak-ridges{stroke:#c6b587;stroke-width:1;opacity:.7}
.orbit-center h1>span{display:block;font-size:clamp(21px,5.5cqw,36px);font-weight:800;line-height:1.25}
.orbit-center h1>strong{display:block;font-size:clamp(10px,2.8cqw,18px);font-weight:700;white-space:nowrap;line-height:1.8}
.compass-center-dot{position:absolute;bottom:10%;width:4px;height:4px;background:#d7bd82;border-radius:50%;box-shadow:8px 0 0 #d7bd8255,-8px 0 0 #d7bd8255}
/* Whole Arabic phrases are shaped first, then their connected outlines follow circular arcs. */
.orbit-topics{position:absolute;inset:0;pointer-events:none;z-index:2}
.orbit-labels{display:block;width:100%;height:100%;overflow:visible}
.orbit-node{--node-color:#28576d;color:var(--node-color);cursor:pointer;pointer-events:auto}
.orbit-label{fill:currentColor;stroke:none;pointer-events:none;transition:fill .2s}
.orbit-hit{fill:transparent;stroke:none;pointer-events:fill}
.orbit-focus{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;opacity:0;pointer-events:none;transition:opacity .2s}
.orbit-node:hover,.orbit-node:focus-visible{color:var(--node-color);background:transparent}
.orbit-node:hover .orbit-focus,.orbit-node:focus-visible .orbit-focus{opacity:.8}
.orbit-node:focus-visible{outline:none}
.compass-hours{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;direction:ltr}
.compass-hour{cursor:pointer;pointer-events:auto;outline:none}
.compass-hour-sector{fill:#d8c2980c;stroke:#bda47760;stroke-width:.9;pointer-events:fill;transition:fill .18s,stroke .18s}
.compass-hour-number{font:400 16px/1 Arial,sans-serif;fill:#8a795c;pointer-events:none;font-variant-numeric:tabular-nums}
.compass-hour:hover .compass-hour-sector,.compass-hour.is-active .compass-hour-sector{fill:#c8a96a40;stroke:#ac884b}
.compass-hour:focus-visible .compass-hour-sector{fill:#c8a96a40;stroke:#795d2c;stroke-width:2.5}
.compass-hour.is-active .compass-hour-number{fill:#664b22;font-weight:700}
.compass-hour-notes{position:fixed;inset:0;z-index:1000;pointer-events:none}
.compass-hour-note{position:absolute;box-sizing:border-box;width:max-content;max-width:min(160px,calc(100vw - 16px));padding:6px 10px;border:1px solid #d2bf98;border-radius:9px;background:#faf7ef;box-shadow:0 3px 10px #193c4c12;direction:rtl;text-align:center;color:#344e5d;font:700 13px/1.8 Cairo,Noto,sans-serif;pointer-events:auto;white-space:normal}
.compass-hour-note[hidden]{display:none}
.orbit-names{--node-color:#866326;--node-soft:#f7f0df}
.orbit-worship{--node-color:#20557c;--node-soft:#edf5fb}
.orbit-mashiah{--node-color:#486758;--node-soft:#eef4ec}
.orbit-categories{--node-color:#654275;--node-soft:#f5edf8}
.orbit-emotions{--node-color:#27685f;--node-soft:#eaf5ef}
.orbit-equations{--node-color:#4c5f87;--node-soft:#edf0f8}
.orbit-controls{display:flex;align-items:center;justify-content:center;gap:8px 18px;flex-wrap:wrap;margin:9px 0 14px;color:#637685;font:400 13px/1.8 Cairo,Noto,sans-serif}
.orbit-controls p{margin:0}
.orbit-controls p::before{content:"";display:inline-block;vertical-align:middle;width:5px;height:5px;transform:rotate(45deg);background:#b99b60;margin-inline-end:8px}
/* Crown stems meet the r=377 outer rim of the 800-unit dial at every size. */
.orbit-crown{position:absolute;left:calc(var(--rim-inset) - var(--crown-stem));right:auto;top:50%;transform:translate(-100%,-50%);z-index:4;display:grid;place-items:center;width:clamp(24px,4.8cqw,32px);height:clamp(48px,9cqw,60px);padding:6px 3px;border:1px solid #ac9670;border-radius:11px;appearance:none;background:linear-gradient(90deg,#b8a481 0%,#f7f0de 24%,#e8dcc4 51%,#beaa83 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #8c795940,0 3px 6px #1b37441b;color:#4c605f;cursor:pointer;direction:ltr}
.orbit-crown::after{content:"";position:absolute;right:calc(-1 * var(--crown-stem));top:50%;transform:translateY(-50%);width:calc(var(--crown-stem) + 1px);height:18px;border-block:1px solid #aa946c;border-radius:0 2px 2px 0;background:linear-gradient(#c0ac86,#f2eadb,#b9a37c);z-index:-1;pointer-events:none}
.orbit-crown::before{content:"";position:absolute;inset:7px 1px;border-radius:8px;background:repeating-linear-gradient(0deg,transparent 0 5px,#8f795828 5px 6px);pointer-events:none}
.crown-guard{position:absolute;inset:-7px -12px -7px 6px;z-index:-1;pointer-events:none}
.crown-guard svg{display:block;width:100%;height:100%;overflow:visible}
.crown-switch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:100%;height:100%;border:1px solid #c6b89d;border-radius:7px;background:linear-gradient(120deg,#f5eee0,#e8ddc7);box-shadow:inset 0 1px 3px #6a593a16;font:700 clamp(7px,1.3cqw,9px)/1 Arial,sans-serif;letter-spacing:0}
.crown-on{color:#285f51}.crown-off{color:#686c63;opacity:.38}
.crown-separator{width:3px;height:3px;border-radius:50%;background:#467762;box-shadow:0 0 0 2px #46776210}
.orbit-crown[aria-pressed="true"] .crown-on{color:#686c63;opacity:.38}
.orbit-crown[aria-pressed="true"] .crown-off{color:#674d2d;opacity:1}
.orbit-crown[aria-pressed="true"] .crown-separator{background:#967950;box-shadow:none}
.orbit-crown:hover{border-color:#897044;box-shadow:inset 0 1px 1px #fff,0 3px 7px #1b374426}
.orbit-crown:active{transform:translate(calc(-100% + 1px),-50%)}
.orbit-crown:focus-visible{outline:2px solid #b99858;outline-offset:4px}
.orbit-balance{left:auto;right:calc(var(--rim-inset) - var(--crown-stem));transform:translate(100%,-50%);width:clamp(40px,7cqw,48px);padding:4px;color:#366584}
.orbit-balance::after{right:auto;left:calc(-1 * var(--crown-stem));border-radius:2px 0 0 2px}
.orbit-balance .crown-guard{inset:-7px 6px -7px -12px;transform:scaleX(-1)}
.orbit-balance:active{transform:translate(calc(100% - 1px),-50%)}
.balance-switch{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;height:100%;border:1px solid #c5baa2;border-radius:7px;background:linear-gradient(120deg,#f7f2e7,#e5ddcd);font:700 9px/1.4 Cairo,Noto,sans-serif;white-space:nowrap;direction:rtl}
.balance-switch svg{width:21px;height:16px}
.orbit-balance[aria-pressed="true"] .balance-switch{color:#15598a;border-color:#7da5bd;background:linear-gradient(135deg,#f2faff,#cbdfea);box-shadow:inset 0 1px 3px #1c567a16}
.orbit-motion[hidden],.orbit-balance[hidden]{display:none}
@media(max-width:900px){.atlas-home .site-layout{min-height:0}.atlas-home .home-main{padding:0 0 8px}}
@container(max-width:690px){.compass-layout{grid-template-columns:minmax(0,1fr);gap:12px}.compass-explainer{width:100%;max-width:460px;margin:0 auto 16px}.compass-guide{font-size:12px}.compass-guide th{font-size:12px}.compass-guide th,.compass-guide td{padding:8px 10px}}
@container(max-width:440px){.needle-fit{transform:scale(.64)}.orbit-center{padding:3px;box-shadow:0 0 0 3px #fafbf8a6,0 5px 12px #1436471c}.orbit-center-face{box-shadow:inset 0 0 0 3px #193d4d,inset 0 0 0 4px #82927a55}.compass-center-dot{width:3px;height:3px;bottom:8%}}
@media(max-width:480px){.orbit-controls{font-size:12px;gap:5px 12px;margin:9px 0 12px}}
@media(prefers-reduced-motion:reduce){.orbit-label,.dial-marker,.balance-axes,.compass-hour-sector{transition:none}}