/* «السماء الحقيقية» — planets, retrogrades, eclipses, sky calendar. Uses main.css tokens only. */

.sc{padding-bottom:var(--section)}
.sc .num{font-variant-numeric:tabular-nums lining-nums}
.sc-head{max-width:860px}
.sc-head--seal{display:flex;gap:var(--s4);align-items:flex-start}
.sc-head--seal>.seal,.sc-head--seal>.sc-ehead{flex:none;margin-top:6px}
.sc-ehead{width:72px;height:72px}
.sc-sec{margin-block:var(--s7)}
@media (min-width:960px){.sc-sec{margin-block:var(--s8)}}
.sc-h3{font-size:var(--t-h3);line-height:var(--lh-h3);margin:var(--s5) 0 var(--s3)}

/* prose (templates.css is not loaded on these views) */
.sc-prose{max-width:var(--readw)}
.sc-prose p,.sc-prose li{font-size:var(--t-body-l);line-height:var(--lh-body-l)}
.sc-prose .lead{color:var(--ink)}
.sc-lead{margin-block:var(--s6)}
.sc-two{display:grid;gap:var(--s6)}
@media (min-width:960px){.sc-two{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:var(--s7)}}

/* planet seals: gold ring, glyph in ink-gold */
.pseal{--el:var(--gold)}
.pseal .seal__g{color:var(--gold-hi)}
.pseal.is-retro{--el:var(--rubric)}
.seal.pseal.is-current .seal__svg{filter:none}
.sc-glyph{width:20px;height:20px;color:var(--gold-hi);vertical-align:middle}

/* banners and status panels */
.sc-banner{border:1px solid var(--rule);border-inline-start:3px solid var(--rubric);border-radius:var(--r-panel);background:var(--night-2);padding:var(--s4) var(--s5);margin-block:var(--s5)}
.sc-banner p{margin:0 0 var(--s2)}
.sc-banner p:last-child{margin-bottom:0}
.sc-banner__h{display:flex;align-items:center;gap:8px;font-size:var(--t-h3);line-height:var(--lh-h3);margin:0 0 var(--s2);color:var(--gold-hi)}
.sc-banner__big{font:700 var(--t-h2)/var(--lh-h2) var(--f-display)}
.sc-banner__big a{color:var(--ink);text-decoration:none}
.sc-banner__big a:hover{color:var(--gold-hi)}
.sc-status p{margin:0 0 var(--s2)}
.sc-status--big{margin-block:var(--s5)}
.sc-status--big .sc-status__line{font-size:var(--t-body-l);line-height:var(--lh-body-l)}
.sc-status__cd{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:var(--s2) 0;padding:6px 12px;border:1px solid var(--rule-strong);border-radius:var(--r-ctl);font-size:var(--t-meta);color:var(--ink-2)}
.sc-cd .num{color:var(--gold-hi);font-weight:500}
.sc-pill{display:inline-block;padding:0 10px;border-radius:var(--r-chip);background:var(--rubric);color:var(--night);font-size:var(--t-micro);line-height:22px;font-weight:500;vertical-align:middle}
.sc-rx{display:inline-flex;align-items:center;gap:4px;color:var(--rubric);font-weight:500;white-space:nowrap}
.sc-rx b{font:600 1.05em/1 var(--f-body)}
.sc-dir{color:var(--ink-2)}
.sc-nowlist{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.sc-nowlist li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.sc-nowlist a{font-weight:500}
.sc-moonlink{display:flex;align-items:center;gap:8px;font-size:var(--t-meta);color:var(--ink-2);margin-top:var(--s4)}

/* now panel */
.sc-now{margin-block:var(--s5)}
.sc-now__big{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:600 var(--t-h3)/var(--lh-h3) var(--f-display);margin-bottom:var(--s4)}
.sc-now__big .num{font-family:var(--f-body);font-size:1.15em;color:var(--gold-hi)}
.sc-now .almanac-table{margin-bottom:var(--s3)}
.sc-now .sc-status{border-top:1px solid var(--rule);padding-top:var(--s3);margin-top:var(--s3)}

/* tables */
.sc-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter)}
.sc-table{width:100%;border-collapse:collapse;font-size:var(--t-body);line-height:1.5}
.sc-table th,.sc-table td{padding:12px 10px;border-bottom:1px solid var(--rule);text-align:start;vertical-align:middle}
.sc-table thead th{font:500 var(--t-meta)/1.4 var(--f-body);color:var(--gold-hi);border-bottom-color:var(--rule-strong);white-space:nowrap}
.sc-table tbody th{font-weight:500}
.sc-table tr.is-past{color:var(--ink-3)}
.sc-table tr.is-past a{color:var(--ink-2)}
.sc-table tr.is-now td,.sc-table tr.is-now th{background:rgba(229,138,107,.08)}
.sc-table tr.is-retro th .sc-body span{color:var(--ink)}
.sc-table .sc-yrow th{font:700 var(--t-h3)/1.4 var(--f-display);color:var(--ink);padding-top:var(--s5);border-bottom-color:var(--rule-strong)}
.sc-table .sc-yrow a{text-decoration:none}
.sc-body,.sc-sign{display:inline-flex;align-items:center;gap:10px;min-height:44px}
.sc-body{color:var(--ink);text-decoration:none;font-weight:500}
.sc-body:hover span{color:var(--gold-hi)}
.sc-list{max-width:var(--readw)}

/* positions table → cards on small screens */
@media (max-width:639px){
	.sc-pos thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
	.sc-pos,.sc-pos tbody{display:block}
	.sc-pos tr{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--rule)}
	.sc-pos th,.sc-pos td{display:block;border:0;padding:0}
	.sc-pos td[data-l="البرج"]{grid-column:1;grid-row:2}
	.sc-pos td[data-l="الدرجة"]{grid-column:2;grid-row:1;align-self:center;font-size:var(--t-body-l)}
	.sc-pos td[data-l="الحركة"]{grid-column:2;grid-row:2;align-self:center;text-align:end;font-size:var(--t-meta)}
	.sc-pos td[data-l="الانتقال القادم"]{grid-column:1/-1;grid-row:3;font-size:var(--t-meta);color:var(--ink-2)}
	.sc-pos .sc-sign{min-height:36px;padding-inline-start:4px}
	.sc-periods thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
	.sc-periods,.sc-periods tbody{display:block}
	.sc-periods tr{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 0;border-bottom:1px solid var(--rule)}
	.sc-periods td{display:block;border:0;padding:0;font-size:var(--t-meta)}
	.sc-periods td::before{content:attr(data-l);display:block;font-size:var(--t-micro);color:var(--ink-3)}
	.sc-periods tr.sc-yrow{display:block;padding:var(--s5) 0 6px}
	.sc-periods tr.sc-yrow th{display:block;border:0;padding:0}
	.sc-periods td[data-l="الظل يبدأ"]{grid-row:2;grid-column:1}
	.sc-periods td[data-l="الظل ينتهي"]{grid-row:2;grid-column:2}
	.sc-periods td[data-l="المدة"]{grid-column:1/-1}
	.sc-periods td[data-l="التراجع يبدأ"]{grid-row:1;grid-column:1}
	.sc-periods td[data-l="الاستقامة"]{grid-row:1;grid-column:2}
}
.sc-local{min-width:640px}
.sc-local tr.is-total th,.sc-local tr.is-total td{background:rgba(217,180,90,.08)}
.sc-cities{min-width:0}
.sc-meter{display:inline-block;width:44px;height:6px;border-radius:3px;background:var(--night-3);margin-inline-end:8px;vertical-align:middle;overflow:hidden}
.sc-meter i{display:block;height:100%;width:calc(var(--v) * 1%);background:var(--gold)}

/* split: table + wheel */
.sc-split{display:grid;gap:var(--s6);margin-top:var(--s5)}
@media (min-width:1024px){.sc-split{grid-template-columns:minmax(0,1fr) 400px;gap:var(--s7);align-items:start}.sc-split__side{position:sticky;top:calc(var(--header-h) + 24px)}}
.sc-wheelbox{border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--night-2);padding:var(--s4)}
.sc-wheel{display:block;width:100%;max-width:400px;height:auto;margin-inline:auto}
.sc-wheel__rim{fill:none;stroke:var(--rule-strong);stroke-width:1}
.sc-wheel__in{fill:none;stroke:var(--rule);stroke-width:1}
.sc-wheel__cusp{stroke:var(--rule-strong);stroke-width:1}
.sc-wheel__tick{stroke:var(--rule-strong);stroke-width:.8}
.sc-wheel__mark{stroke:var(--gold-hi);stroke-width:1.5}
.sc-wheel__g{color:var(--el,var(--gold))}
.sc-wheel__p circle{fill:var(--night);stroke:var(--gold);stroke-width:1.2}
.sc-wheel__p use{color:var(--gold-hi)}
.sc-wheel__p.is-retro circle{stroke:var(--rubric);stroke-width:1.8}
.sc-wheel__p.is-retro use{color:var(--rubric)}
.sc-wheel__p:hover circle,.sc-wheel__p:focus-visible circle{fill:var(--night-3);stroke:var(--gold-hi);stroke-width:2}
.sc-wheel__p:focus{outline:none}
.sc-wheel__ck{font:600 13px var(--f-display);fill:var(--ink-2)}
.sc-wheel__cd{font:500 14px var(--f-body);fill:var(--gold-hi)}

/* planet ring */
.sc-ring ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4) var(--s2)}
@media (min-width:760px){.sc-ring ol{grid-template-columns:repeat(10,minmax(0,1fr))}}
.sc-ring .seal{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--ink-2);min-height:44px}
.sc-ring .seal__label{font-size:var(--t-micro);line-height:1.3;text-align:center}
.sc-ring .seal[aria-current] .seal__label{color:var(--gold-hi);font-weight:500}
.sc-ring .seal[aria-current]{--seal-fill:rgba(217,180,90,.14)}

/* more links */
.sc-more{display:grid;gap:0;max-width:var(--readw);border-top:1px solid var(--rule)}
@media (min-width:960px){.sc-more{max-width:none;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s6)}}
.sc-more .ruled-link>span{display:flex;flex-direction:column;flex:1}

/* cards on the hub */
.sc-cards{display:grid;gap:var(--s4)}
@media (min-width:760px){.sc-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.sc-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-card__h{display:flex;align-items:center;gap:10px;font-size:var(--t-h3);line-height:var(--lh-h3);margin-bottom:var(--s3)}
.sc-card__h a{color:var(--ink);text-decoration:none}
.sc-card__h a:hover{color:var(--gold-hi)}
.sc-card .sc-status__line{font-size:var(--t-meta);line-height:var(--lh-meta);color:var(--ink-2)}
.sc-card .sc-status__line strong{color:var(--ink)}
.sc-yearnav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sc-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--rule-strong);border-radius:var(--r-chip);text-decoration:none;font-size:var(--t-meta);color:var(--ink)}
.sc-chip:hover,.sc-chip:focus-visible{border-color:var(--gold-hi);color:var(--gold-hi)}

/* retro diagram */
.sc-diagram{margin:0;border:1px solid var(--rule);border-radius:var(--r-panel);background:var(--night-2);padding:var(--s4)}
.sc-diagram svg{display:block;width:100%;height:auto;max-width:420px;margin-inline:auto}
.sc-diagram figcaption{margin-top:var(--s3)}
.sc-dg__band{stroke:var(--rule-strong);stroke-dasharray:2 4}
.sc-dg__lbl{font:400 12px var(--f-body);fill:var(--ink-2)}
.sc-dg__n{font:500 11px var(--f-body);fill:var(--ink-2)}
.sc-dg__n.is-retro{fill:var(--rubric)}
.sc-dg__orbit{fill:none;stroke:var(--rule-strong);stroke-width:1}
.sc-dg__sun{fill:var(--gold)}
.sc-dg__earth{fill:var(--air)}
.sc-dg__planet{fill:var(--fire)}
.sc-dg__seen{fill:var(--ink)}
.sc-dg__seen.is-retro{fill:var(--rubric)}
.sc-dg__sight{stroke:var(--ink-3);stroke-width:.8;stroke-dasharray:3 3}
.sc-dg__sight.is-retro{stroke:var(--rubric);opacity:.7}
.sc-dg__track{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round}

/* toc (year page) */
.sc-toc ol{list-style:none;margin:var(--s5) 0;padding:0;display:grid;gap:var(--s2)}
@media (min-width:760px){.sc-toc ol{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.sc-toc a{display:flex;flex-direction:column;gap:2px;padding:var(--s3) var(--s4);border:1px solid var(--rule);border-radius:var(--r-panel);text-decoration:none;color:var(--ink);background:var(--night-2)}
.sc-toc a:hover,.sc-toc a:focus-visible{border-color:var(--rule-strong)}
.sc-toc__n{font:600 var(--t-body)/1.5 var(--f-display);color:var(--gold-hi)}

/* period bar */
.sc-bar{position:relative;display:flex;height:14px;border-radius:7px;overflow:hidden;margin:var(--s2) 0 6px;background:var(--night-3)}
.sc-bar span{display:block;height:100%}
.sc-bar__pre{background:rgba(217,180,90,.35)}
.sc-bar__rx{background:var(--rubric)}
.sc-bar__post{background:rgba(217,180,90,.35)}
.sc-bar__now{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--ink);border-radius:2px}
.sc-bar__key{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:var(--s4)}
.sc-bar__key .k{display:inline-block;width:12px;height:12px;border-radius:3px}
.k--pre,.k--post{background:rgba(217,180,90,.35)}.k--rx{background:var(--rubric)}.k--now{background:var(--ink);width:3px!important}
.sc-period--past .section-title{color:var(--ink-2)}

/* eclipses */
.sc-feature{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s5);margin-block:var(--s5);border:1px solid var(--rule-strong);border-radius:var(--r-panel);background:radial-gradient(120% 140% at 100% 0,rgba(217,180,90,.12),transparent 60%),var(--night-2);text-decoration:none;color:var(--ink)}
.sc-feature>span{display:flex;flex-direction:column;flex:1;gap:2px}
.sc-feature strong{font:700 var(--t-h3)/var(--lh-h3) var(--f-display)}
.sc-feature:hover strong{color:var(--gold-hi)}
.sc-feature__art{width:64px;height:64px;flex:none}
.sc-corona{fill:rgba(235,203,126,.3);stroke:var(--gold-hi);stroke-width:1.5}
.sc-sun{fill:var(--gold)}
.sc-moondisc{fill:var(--night)}
.sc-lmoon{fill:#B5502F}
.sc-lmoon--penumbral{fill:#C9C2B2}
.sc-lmoon--partial{fill:#9A5A44}
.sc-rim{fill:none;stroke:var(--gold);stroke-width:1}
.sc-banner--ecl{border-inline-start-color:var(--gold)}
.sc-elist{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.sc-ecl{display:grid;grid-template-columns:52px 28px minmax(0,1fr);gap:var(--s3);align-items:center;padding:var(--s3) 0;border-bottom:1px solid var(--rule)}
.sc-ecl__date{display:flex;flex-direction:column;align-items:center;line-height:1.2}
.sc-ecl__d{font-size:1.5rem;color:var(--gold-hi)}
.sc-ecl__m{font-size:var(--t-micro);color:var(--ink-2)}
.sc-ecl__ic{color:var(--gold)}
.sc-ecl--lunar .sc-ecl__ic{color:var(--water)}
.sc-ecl__t{display:flex;flex-direction:column;gap:2px}
.sc-ecl__t>a{font:600 var(--t-body)/1.6 var(--f-display);color:var(--ink);text-decoration:none;min-height:28px}
.sc-ecl__t>a:hover{color:var(--gold-hi);text-decoration:underline}
.sc-ecl.is-past{opacity:.7}
.sc-ecl.is-next{background:linear-gradient(to left,rgba(229,138,107,.1),transparent)}
.sc-kinds{padding-inline-start:1.2em}
.sc-kinds li{margin-bottom:var(--s2)}

/* safety box: high contrast, impossible to miss */
.sc-safety{border:2px solid var(--rubric);border-radius:var(--r-panel);padding:var(--s5);background:rgba(229,138,107,.06)}
.sc-safety .section-head{margin-bottom:var(--s3)}
.sc-safety .section-head::before{display:none}
.sc-safety .section-title{color:var(--ink)}
.sc-safety__lead{font-size:var(--t-body-l);line-height:var(--lh-body-l)}
.sc-safety__list{margin:0;padding-inline-start:1.2em;display:grid;gap:var(--s3)}
.sc-safety__list li{font-size:var(--t-body);line-height:var(--lh-body);max-width:43.2em}
.sc-safety__list li::marker{color:var(--rubric)}

/* sky calendar */
.sc-months ol{list-style:none;display:flex;gap:6px;margin:0 0 var(--s4);padding:4px 0;overflow-x:auto;scrollbar-width:thin}
.sc-months a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--rule);border-radius:var(--r-chip);text-decoration:none;color:var(--ink);font-size:var(--t-meta);white-space:nowrap}
.sc-months a[aria-current]{border-color:var(--gold);color:var(--gold-hi)}
.sc-months a:hover{border-color:var(--rule-strong)}
.sc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:var(--s5)}
.sc-legend span{display:inline-flex;align-items:center;gap:6px}
.sc-legend .sc-ev__ic{width:18px;height:18px;font-size:13px}
.sc-calgrid{display:grid;gap:var(--s5)}
@media (min-width:860px){.sc-calgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s6)}}
@media (min-width:1180px){.sc-calgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-month{border-top:2px solid var(--rule-strong);padding-top:var(--s3);scroll-margin-top:calc(var(--header-h) + 16px)}
.sc-month__h{font-size:var(--t-h3);line-height:var(--lh-h3);margin-bottom:var(--s2);color:var(--gold-hi)}
.sc-evlist{list-style:none;margin:0;padding:0}
.sc-ev{display:grid;grid-template-columns:44px 22px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1px solid var(--rule)}
.sc-ev__day{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.sc-ev__day b{font-size:1.125rem;color:var(--ink)}
.sc-ev__day span{font-size:11px;color:var(--ink-3)}
.sc-ev__ic{width:22px;height:22px;margin-top:2px;color:var(--gold);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sc-ev__rx{font:600 15px/1 var(--f-body);color:var(--rubric)}
.sc-ev--sd .sc-ev__rx{color:var(--air);font-size:12px;border:1px solid currentColor;border-radius:4px;width:18px;height:18px}
.sc-ic-new{fill:var(--night);stroke:var(--ink-2);stroke-width:1.2}
.sc-ic-full{fill:var(--vellum)}
.sc-ic-blood{fill:#B5502F}
.sc-ev__t{display:flex;flex-direction:column;font-size:var(--t-meta);line-height:1.6}
.sc-ev__t a{color:var(--ink);text-decoration-color:var(--rule-strong)}
.sc-ev__t a:hover{color:var(--gold-hi)}
.sc-ev__time{font-size:var(--t-micro);color:var(--ink-3)}
.sc-ev--eclipse .sc-ev__t,.sc-ev--season .sc-ev__t{font-weight:500}
.sc-ev--eclipse{background:linear-gradient(to left,rgba(217,180,90,.08),transparent)}
.sc-printfoot{display:none}
html:not(.js) [data-sc-print]{display:none}

@media (prefers-reduced-motion:reduce){.sc *{transition:none!important;animation:none!important}}

/* print: black on white, no chrome */
@media print{
	@page{margin:12mm}
	html,body{background:#fff!important;color:#000!important}
	.site-header,.site-footer,.crumbs,.sc-noprint,.drawer,.skip,.mysign-chip,.ad-slot,.almanac-strip{display:none!important}
	.sc *{color:#000!important;background:none!important;border-color:#bbb!important;box-shadow:none!important}
	.sc a{text-decoration:none}
	.sc-cal .sc-calgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:6mm 8mm}
	.sc-month{break-inside:avoid;border-top:1.5pt solid #000!important}
	.sc-ev{padding:3px 0;font-size:9.5pt}
	.sc-ev__t,.sc-ev__time{font-size:9pt!important}
	.sc-ic-new{fill:#fff;stroke:#000}
	.sc-ic-full{fill:#ddd;stroke:#000;stroke-width:1}
	.sc-ev__rx{color:#000!important}
	.sc-cal .page-head .hero-sub{font-size:10pt}
	.sc-cal .sc-sec{display:none}
	.sc-printfoot{display:block;margin-top:6mm;font-size:8pt;text-align:center}
	.sc-safety{border:2pt solid #000!important}
}

/* overrides of shared components inside these views */
.sc-more .ruled-link{margin:0;border-top:0}
.sc .almanac-table dd{display:block}
.sc-moonlink{display:block}
.sc-moonlink .icon{margin-inline-end:6px}
.sc-now .almanac-table{margin-top:0}
.sc-local th .sc-pill{margin-inline-start:6px}
.sc-local td{white-space:nowrap}
.sc-ic-lpart{fill:#9A5A44}
.sc-ic-pen{fill:#C9C2B2;opacity:.75}