body{background:#090c18;color:#f3efe6;--accent:#d8b98a;--ink:#f3efe6;--ink2:#c7c6cf;--ink3:#b8b5bf;--line:rgba(216,185,138,.2)}body::after{opacity:.3}.wrap{max-width:1120px}.brand{font:32px 'Cormorant Garamond',Georgia,serif}.brand img{width:40px;height:40px}.top nav a{font-size:14px;color:#ccc}.guide{padding:48px 0 80px}.guide article,.guide>.intro,.guide>section:not(.related),.guide-cta,.toc{max-width:760px;margin-inline:auto}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}h1{font-size:clamp(40px,5vw,64px);line-height:1.06}h2{font-size:36px;margin-top:42px}h3{font-size:27px}.guide p{line-height:1.85;color:#c7c6cf}.intro{font-size:20px}.byline,.crumb,.source{font-size:14px;color:#b8b5bf}.crumb{margin-bottom:34px}.label{font-size:12px;letter-spacing:.12em}.toc{padding:24px;background:#101321;border:1px solid var(--line);border-radius:16px;margin-block:32px}.toc ol{padding-left:22px;margin-bottom:0}.toc li{padding:4px}.toc a{color:#d8b98a}.guide-cta{padding:28px;border:1px solid var(--line);border-radius:16px;margin-block:48px}.guide-cta h2{margin-top:0}.cta{display:inline-block;padding:12px 18px;border-radius:8px;background:#d8b98a;color:#17130e;text-decoration:none}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-block:32px}.guide-card{padding:26px;background:#101321;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:inherit}.guide-card:hover{border-color:#d8b98a}.guide-card p{font-size:16px;margin:0}.hub>h1,.hub>.label,.hub>.intro{max-width:850px;margin-inline:auto}.hub>.label{display:block}.related>h2{text-align:center}.skip{position:fixed;top:-100px;z-index:10;background:#090c18;padding:12px}.skip:focus{top:0}:focus-visible{outline:2px solid #d8b98a;outline-offset:4px}section[id]{scroll-margin-top:24px}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.guide{padding-top:24px}.top{align-items:flex-start;gap:16px}.top nav{display:flex;flex-direction:column;gap:6px;text-align:right}.top nav a{margin:0}.brand{font-size:26px}.guide-grid{grid-template-columns:1fr}.intro{font-size:18px}h2{font-size:30px}.guide-card{padding:22px}footer nav a{display:inline-block;margin-bottom:12px}}
/* Illustrated editorial direction approved from the guide mockup. */
body{background:#070c13}body::after{display:none}.wrap{width:min(100% - 64px,1400px)}.top{padding-block:20px}.brand{font-size:36px}.brand img{width:48px;height:48px}.guide.hub{padding-top:0}.hub-hero{position:relative;padding:64px 20px 74px;min-height:300px;background:linear-gradient(90deg,#070c13 0%,rgba(7,12,19,.93) 35%,rgba(7,12,19,.1) 75%),url('/assets/guide-celestial.webp') right 47%/760px auto no-repeat}.hub-hero h1{font-size:clamp(40px,4.3vw,66px);max-width:850px;font-weight:500;position:relative;line-height:1.12;margin:14px 0}.hub-hero .intro{max-width:770px;font-size:20px;position:relative}.hub-hero .label{letter-spacing:.22em;font-size:13px}.guide-grid{gap:18px;margin:0 0 30px}.guide-card{display:grid;grid-template-columns:46% 54%;padding:0;overflow:hidden;min-height:220px;border:1px solid #d8b98a99;background:linear-gradient(130deg,#0c131c,#070b11);border-radius:16px}.card-art{width:100%;height:100%;min-height:220px;object-fit:cover;display:block}.art-celestial{object-position:75% center}.card-copy{padding:28px 26px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.card-copy h3{font-size:34px;font-weight:400;line-height:1.12;margin:0 0 12px}.card-copy p{font-size:16px;line-height:1.55;margin:0 0 25px}.card-link{font-size:14px;letter-spacing:.06em;color:#d8b98a;border-bottom:1px solid #d8b98a66;padding-bottom:3px;margin-top:auto}.start-banner{text-align:center;padding:48px 24px 58px;margin-block:30px 52px;background:linear-gradient(#070c1355,#070c1380),url('/assets/midnight-landscape.webp') center 68%/cover;border-block:1px solid var(--line)}.start-banner h2{margin:0 0 20px;font-size:44px}.start-banner a{font-size:17px;text-underline-offset:7px}.editorial-note{padding-top:6px}.article-art{display:block;width:100%;height:280px;object-fit:cover;object-position:center 45%;border-radius:16px;margin:32px 0}.related .guide-card{min-height:210px}.related .card-copy h3{font-size:29px}.related{margin-top:50px}.guide article{max-width:800px}.guide-card:hover .card-link{border-color:#d8b98a}.guide-card:focus-visible{outline-offset:5px}
@media(max-width:1000px){.card-copy{padding:22px 18px}.card-copy h3{font-size:28px}.card-copy p{font-size:15px}.guide-card{grid-template-columns:40% 60%}.hub-hero{background-size:650px auto}.hub-hero h1{max-width:650px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.brand{font-size:28px}.top nav{gap:10px;flex-direction:row;flex-wrap:wrap;justify-content:flex-end}.top nav a{font-size:13px;margin:0}.top{align-items:center}.brand img{width:38px;height:38px}.hub-hero{padding:45px 0 38px;background:linear-gradient(90deg,#070c13ee,#070c1399),url('/assets/guide-celestial.webp') 70% center/cover}.hub-hero h1{font-size:45px;max-width:420px}.hub-hero .intro{font-size:17px;max-width:440px}.guide-grid{grid-template-columns:1fr;gap:16px}.guide-card{grid-template-columns:40% 60%;min-height:185px}.card-art{min-height:185px}.card-copy{padding:22px 17px}.card-copy h3{font-size:29px}.card-copy p{font-size:15px;margin-bottom:18px}.card-link{font-size:13px;letter-spacing:0}.start-banner{padding:36px 20px}.start-banner h2{font-size:35px}.article-art{height:220px}.related .card-copy h3{font-size:27px}}
@media(max-width:360px){.guide-card{grid-template-columns:1fr}.card-art{height:160px;min-height:0}.card-copy h3{font-size:30px}}
/* Editorial article: celestial header, warm reading surface and contents rail. */
.reading-page::before{display:none}.reading-page>.top{border-bottom:1px solid #d8b98a22}.reading-hero{background:#080e17;overflow:hidden}.reading-hero-inner{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:36px;min-height:380px}.reading-hero-copy{padding:26px 0 34px;position:relative;z-index:1}.reading-hero .crumb{font-size:12px;margin:0 0 27px;color:#bfc1ca}.reading-hero .crumb a{color:inherit}.reading-hero .label{font-size:12px;letter-spacing:.2em}.reading-hero h1{font-size:clamp(38px,4.2vw,62px);line-height:1.06;margin:12px 0 18px;font-weight:400}.reading-hero .intro{font-size:17px;line-height:1.65;max-width:620px;color:#d6d7dc;margin-bottom:15px}.reading-hero .byline{font-size:12px;margin:0;color:#a9abb4}.reading-hero-art{width:100%;height:380px;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 90%,transparent);object-position:75% center}.reading-ground{background:#f6f3ed;color:#172031}.reading-layout{display:grid;grid-template-columns:255px minmax(0,1fr);gap:50px}.reading-sidebar{padding:40px 25px 40px 0;border-right:1px solid #d8d1c5}.reading-contents{position:sticky;top:26px}.reading-contents summary{font:28px 'Cormorant Garamond',Georgia,serif;cursor:pointer;list-style:none;color:#172031}.reading-contents summary::-webkit-details-marker{display:none}.reading-contents ol{list-style:none;padding:12px 0 0;margin:0}.reading-contents li{margin:0}.reading-contents a{display:grid;grid-template-columns:23px 1fr;gap:11px;padding:13px 0;font-size:13px;line-height:1.55;text-decoration:none;color:#505767}.reading-contents a span{font-size:11px;color:#8a7552;padding-top:2px}.reading-contents a:hover{color:#8b622d}.sidebar-back{display:block;margin-top:30px;font-size:13px;color:#816135}.reading-copy{padding:36px 0 55px;max-width:860px}.reading-copy section{scroll-margin-top:24px;margin:0 0 34px}.reading-copy h2{font-size:clamp(30px,3vw,42px);font-weight:500;line-height:1.12;margin:0 0 17px;color:#172031}.reading-copy p{font-size:17px;line-height:1.85;color:#444b58;margin:0 0 17px}.reading-copy a{color:#805b29;text-underline-offset:3px}.reading-copy .reading-source{font-size:14px;border-top:1px solid #d8d1c5;padding-top:22px}.sign-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-block:1px solid #d8d1c5;padding:24px 0;margin:25px 0 40px}.sign-summary>div{position:relative;padding-left:46px;border-right:1px solid #d8d1c5}.sign-summary>div:last-child{border:0}.summary-glyph{position:absolute;left:0;top:0;font:38px Georgia;color:#a37f42}.sign-summary h3{font-size:27px;margin:0 0 5px;color:#172031}.sign-summary p{font-size:13px;line-height:1.5;margin:0;color:#8a6935}.reading-bottom .guide-cta{max-width:none;text-align:center;padding:40px;background:linear-gradient(110deg,#101926,#080e17)}.reading-bottom .guide-cta h2{font-size:43px}.reading-page .reading-ground :focus-visible{outline-color:#936a31}
@media(max-width:1000px){.reading-layout{grid-template-columns:200px minmax(0,1fr);gap:30px}.reading-hero-inner{gap:10px}.sign-summary{gap:10px}.sign-summary>div{padding-left:0}.summary-glyph{position:static;display:block}.reading-copy p{font-size:16px}}
@media(max-width:700px){.reading-hero-inner{display:block;position:relative;min-height:0}.reading-hero-art{position:absolute;right:-18px;top:0;width:75%;height:100%;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.reading-hero-copy{padding:23px 0 30px}.reading-hero .crumb{font-size:11px;margin-bottom:24px}.reading-hero h1{font-size:42px}.reading-hero .intro{font-size:16px;line-height:1.65}.reading-layout{display:block}.reading-sidebar{padding:22px 0 0;border-right:0}.reading-contents{position:static;border-bottom:1px solid #d8d1c5;padding-bottom:15px}.reading-contents summary{font-size:25px;display:flex;justify-content:space-between}.reading-contents summary:after{content:'−';font:20px Inter,sans-serif}.reading-contents:not([open]) summary:after{content:'+'}.reading-contents a{font-size:13px;padding:7px 0}.sidebar-back{display:none}.reading-copy{padding-top:28px}.reading-copy h2{font-size:33px}.reading-copy p{font-size:16px;line-height:1.8}.sign-summary{gap:12px;padding-block:20px}.sign-summary h3{font-size:23px}.sign-summary p{font-size:12px}.summary-glyph{font-size:30px}.reading-bottom .guide-cta{padding:28px 18px}.reading-bottom .guide-cta h2{font-size:35px}}
/* Keep contents and the back link in one sticky sidebar, without overlap. */
@media(min-width:701px){
 .reading-sidebar{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow-y:auto;padding-top:16px;margin-top:24px}
 .reading-contents{position:static}
 .sidebar-back{position:static;margin-top:24px;padding-bottom:16px}
}