*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Georgia,'Times New Roman',serif;line-height:1.8;color:#222;background:#f4f1eb}
.astro-Z7Gu8deq{max-width:1100px;margin:0 auto;padding:0 24px}
.astro-ou7TATN1{background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;padding:48px 0;text-align:center;margin-bottom:48px}
.astro-ou7TATN1 h1{font-size:36px;letter-spacing:2px;text-transform:uppercase;margin-bottom:6px}
.astro-ou7TATN1 p{font-size:16px;opacity:.8;font-style:italic}
.astro-ou7TATN1 .astro-uvnAM74X{color:#fff;text-decoration:none;font-size:20px;letter-spacing:1px;text-transform:uppercase}
.astro-F57mbLdK{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.astro-njVxT2H8{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:28px;transition:box-shadow .2s}
.astro-njVxT2H8:hover{box-shadow:0 4px 20px rgba(0,0,0,.14)}
.astro-njVxT2H8 h2{font-size:22px;margin-bottom:10px;line-height:1.3}
.astro-njVxT2H8 h2 a{color:#2c3e50;text-decoration:none}
.astro-njVxT2H8 .astro-nfYgMmlS{font-size:12px;color:#888;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}
.astro-njVxT2H8 p{font-size:15px;color:#555;margin-bottom:14px}
.astro-3YCJfxG0{color:#e74c3c;text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}
.astro-AjjoTxgT{max-width:780px;margin:0 auto;padding:0 24px 60px}
.astro-AjjoTxgT h1{font-size:36px;margin-bottom:10px;line-height:1.2}
.astro-AjjoTxgT .astro-nfYgMmlS{font-size:13px;color:#888;display:block;margin-bottom:28px;text-transform:uppercase;letter-spacing:1px}
.astro-AjjoTxgT h2{font-size:24px;margin:36px 0 14px}
.astro-AjjoTxgT h3{font-size:19px;margin:28px 0 10px}
.astro-AjjoTxgT p{margin-bottom:18px;font-size:17px}
.astro-AjjoTxgT ul,.astro-AjjoTxgT ol{margin:0 0 18px 28px}
.astro-AjjoTxgT a{color:#e74c3c}
.astro-AjjoTxgT img{max-width:100%;height:auto;border-radius:4px;margin:20px 0}
.astro-y7c2LAkW{border-top:2px solid #ddd;padding:28px 0;margin-top:48px;text-align:center;font-size:13px;color:#888}
.astro-y7c2LAkW a{color:#888}
.astro-LP2tg8mt{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:14px 0;margin-bottom:28px;font-size:14px;color:#888;font-style:italic;text-align:center}
.astro-E1qO9Fsk{background:#f9f3e3;padding:16px 20px;margin-top:28px;font-size:13px;color:#7a6230;border-radius:4px}
.astro-orxOJHeP{font-size:11px;color:#888;margin:-22px 0 28px;text-transform:uppercase;letter-spacing:1.5px}
.astro-rtsiJUbB{margin:0 0 28px}
.astro-NRXtyg2P{width:100%;height:auto;border-radius:4px}
.astro-FsYpTOp9{border-top:2px solid #ddd;margin-top:40px;padding-top:24px}
.astro-FsYpTOp9 h4{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;color:#888}
.mag-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mag-related-item a{color:#2c3e50;text-decoration:none;font-size:15px}
.mag-related-item a:hover{color:#e74c3c}
.astro-hu5KStZO{background:#fff;border-radius:4px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:22px 28px;margin-top:28px}
.astro-hu5KStZO p{font-size:15px;padding:4px 0;margin:0}
.astro-hu5KStZO .astro-nfYgMmlS{margin:0 8px 0 0;display:inline}
.astro-hu5KStZO a{color:#2c3e50;text-decoration:none}
.astro-hu5KStZO a:hover{color:#e74c3c}
/* === Theme === */
:root{--primary:#4A2A5C;--accent:#A8754A;--bg:#F0EAD8;--fg:#1A0F1A;--border:#C4A8B0;--r:9px;--fb:'Mada';--fh:'Lustria'}
/* === Custom === */
/* Bodoni Moda (display) + Mada (text/meta). @font-face, not @import:
   the deploy concatenates custom.css AFTER other rules, so a leading @import is dropped. */
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTQ7PxzY382XsXX63LUYJSKSKjWXFBP.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Bodoni Moda';font-style:italic;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/bodonimoda/v28/aFTS7PxzY382XsXX63LUYJSPeKrcW3JNsao.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Mada';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/mada/v21/7Auwp_0qnzeSfTLGLQjUwkQ.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* === QA round-1 fixes (2026-07-21T16:45:32+0800) === */
/* Live markup is <nav>/<main>/<footer> with astro-* hashed classes — every rule below is
   element + structural only. Class weight budgeted against the template's `.astro-x y` pairs. */

:root{--fh:'Bodoni Moda';--fb:'Mada';--rust:#B34F2A;--disp:'Bodoni Moda',Didot,'Bodoni MT',Georgia,serif}

:root body{font-family:var(--fb),system-ui,-apple-system,sans-serif;color:var(--fg);background:var(--bg);line-height:1.72;font-size:16.5px;-webkit-font-smoothing:antialiased}
::selection{background:var(--primary);color:var(--bg)}
:root hr{border:0;border-top:1px solid var(--border);margin:30px 0}

/* ---------- Masthead: cabin photo + aubergine wash + italic wordmark + brow monogram ---------- */
:root body > nav:nth-of-type(1){background-color:#2A1434;background-image:linear-gradient(184deg,rgba(30,12,38,.84) 0%,rgba(46,22,58,.56) 44%,rgba(66,34,84,.90) 100%),url("/theme-assets/hero-masthead.jpg");background-position:center 42%;background-size:cover;background-repeat:no-repeat;color:var(--bg);text-align:center;margin:0;padding:0;border-bottom:3px solid var(--accent)}
:root body > nav:nth-of-type(1) > div{max-width:1120px;margin:0 auto;padding:64px 24px 42px}
:root body > nav:nth-of-type(1) > div::before{content:'';display:block;width:58px;height:58px;margin:0 auto 22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Ccircle cx='32' cy='32' r='30' fill='none' stroke='%23C89A62' stroke-width='1.8'/%3E%3Cpath d='M13.5 39C21.5 26.5 42.5 22.5 51 31' fill='none' stroke='%23F4EDDE' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M16 44.6C24 35 41.5 32 48.5 37.4' fill='none' stroke='%23C89A62' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
:root body > nav:nth-of-type(1) > div > h1{font-family:var(--disp);font-style:italic;font-weight:400;font-size:60px;line-height:1.02;letter-spacing:-.005em;text-transform:none;color:#F6F0E4;margin:0 0 16px;text-shadow:0 2px 26px rgba(18,6,24,.6)}
:root body > nav:nth-of-type(1) > div > p{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-style:normal;font-weight:600;letter-spacing:.22em;text-transform:uppercase;line-height:2;color:rgba(240,234,216,.7);max-width:600px;margin:0 auto;opacity:1}
:root body > nav:nth-of-type(1) > div > a{font-family:var(--disp);font-style:italic;font-weight:400;font-size:27px;letter-spacing:0;text-transform:none;color:#F6F0E4;text-decoration:none}

/* signature manifesto line — home masthead only */
:root body > nav:nth-of-type(1):has(> div > h1) > div::after{content:'Cabina propia en la Roma Norte: una década de cejas, ahora en polvo.';display:block;max-width:560px;margin:26px auto 0;padding-top:18px;border-top:1px solid rgba(168,117,74,.6);font-family:var(--disp);font-style:italic;font-weight:400;font-size:17.5px;line-height:1.5;color:rgba(243,236,220,.92);text-transform:none;letter-spacing:0}
/* compact bar on article pages */
:root body > nav:nth-of-type(1):has(> div > a){background-image:linear-gradient(184deg,rgba(28,10,36,.90) 0%,rgba(44,20,56,.78) 50%,rgba(62,30,80,.92) 100%),url("/theme-assets/hero-masthead.jpg")}
:root body > nav:nth-of-type(1):has(> div > a) > div{padding:22px 24px 20px}
:root body > nav:nth-of-type(1):has(> div > a) > div::before{width:34px;height:34px;margin-bottom:9px}

/* ---------- Shared shell ---------- */
:root main{max-width:820px;margin:0 auto;padding:0 24px 70px}
:root main:has(> div > div > h2){max-width:1120px;margin:54px auto 0}
:root main:has(> article){max-width:720px;margin:0 auto}

/* ================= HOME ================= */
:root main > div:has(> div > h2){display:grid;grid-template-columns:repeat(12,1fr);gap:38px 30px}

/* base card — the treatment QA liked, kept intact */
:root main > div > div:has(> h2){grid-column:span 6;background:#FFFBF0;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:0 var(--r) var(--r) 0;box-shadow:none;padding:22px 26px;transition:border-left-color .14s ease}
:root main > div > div:has(> h2):hover{border-left-color:var(--primary)}
:root main > div > div:has(> h2) > p:first-child{font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin:0 0 8px}
:root main > div > div:has(> h2) > h2{font-family:var(--disp);font-size:21px;font-weight:400;line-height:1.24;margin:0 0 8px;padding:0;border:0}
:root main > div > div:has(> h2) > h2 a{color:var(--primary);text-decoration:none}
:root main > div > div:has(> h2) > h2 a:hover{color:var(--accent)}
:root main > div > div:has(> h2) > p:not(:first-child){font-family:var(--fb),system-ui,sans-serif;font-size:14.5px;line-height:1.65;color:var(--fg);opacity:.8;margin:0 0 14px}
:root main > div > div:has(> h2) > a:last-child{font-size:0;background:transparent;padding:0;border:0;text-decoration:none;display:inline-block}
:root main > div > div:has(> h2) > a:last-child::after{content:'Seguir leyendo →';font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);border-bottom:1px solid var(--accent);padding-bottom:2px}

/* --- 1. HERO: the one loud voice --- */
:root main > div > div:nth-child(1):has(> h2){grid-column:1 / -1;display:grid;grid-template-columns:212px 1fr;column-gap:46px;background:#FFFBF0;border:1px solid var(--border);border-left:1px solid var(--border);border-top:3px solid var(--primary);border-radius:0;padding:38px 44px 42px;margin-bottom:8px}
:root main > div > div:nth-child(1) > p:first-child{grid-column:1;grid-row:1 / span 3;align-self:start;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0;padding:9px 0 0;border-top:2px solid var(--primary)}
:root main > div > div:nth-child(1) > p:first-child::before{content:'Última entrada';display:block;color:var(--primary);margin-bottom:9px}
:root main > div > div:nth-child(1) > p:first-child::after{content:'Por Sofía Ramírez\00000A Roma Norte, CDMX\00000A Entrada n.º I';white-space:pre-line;display:block;margin-top:18px;padding-top:15px;border-top:1px solid var(--border);font-family:var(--disp);font-style:italic;font-weight:400;font-size:14.5px;line-height:1.65;letter-spacing:0;text-transform:none;color:var(--fg);opacity:.8}
:root main > div > div:nth-child(1) > h2{grid-column:2;grid-row:1;font-family:var(--disp);font-weight:400;font-size:46px;line-height:1.08;letter-spacing:-.012em;margin:0 0 20px;padding:0;border:0}
:root main > div > div:nth-child(1) > p:nth-child(3){grid-column:2;grid-row:2;font-family:var(--fb),system-ui,sans-serif;font-size:17px;line-height:1.75;color:var(--fg);opacity:1;margin:0 0 26px;max-width:60ch}
:root main > div > div:nth-child(1) > p:nth-child(3)::first-letter{font-family:var(--disp);font-weight:500;font-size:58px;line-height:.82;float:left;padding:7px 13px 0 0;color:var(--rust)}
:root main > div > div:nth-child(1) > a:last-child{grid-column:2;grid-row:3;justify-self:start;font-size:0;padding:12px 28px;border:1.5px solid var(--primary);border-radius:999px;background:transparent;transition:background .15s ease}
:root main > div > div:nth-child(1) > a:last-child::after{content:'Leer la entrada completa →';font-family:var(--fb),system-ui,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--primary);border:0;padding:0}
:root main > div > div:nth-child(1) > a:last-child:hover{background:var(--primary)}
:root main > div > div:nth-child(1) > a:last-child:hover::after{color:var(--bg)}

/* --- 2. SELECCIÓN DE CABINA band: three quiet picks, flat, no card chrome --- */
:root main > div > div:nth-child(n+2):nth-child(-n+4){grid-column:span 4;background:transparent;border:0;border-top:2px solid var(--primary);border-radius:0;padding:15px 0 0;margin-top:36px}
:root main > div > div:nth-child(n+2):nth-child(-n+4):hover{border-top-color:var(--accent)}
:root main > div > div:nth-child(n+2):nth-child(-n+4) > h2{font-size:19px;line-height:1.26;margin-bottom:7px}
:root main > div > div:nth-child(n+2):nth-child(-n+4) > p:not(:first-child){font-size:13.5px;line-height:1.58;opacity:.7;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
:root main > div > div:nth-child(n+2):nth-child(-n+4) > a:last-child{display:none}
:root main > div > div:nth-child(2){position:relative}
:root main > div > div:nth-child(2)::before{content:'Selección de cabina — empieza por aquí';position:absolute;top:-27px;left:0;width:calc(300% + 60px);white-space:nowrap;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}

/* --- 3. Chronological grid, labelled --- */
:root main > div > div:nth-child(5),:root main > div > div:nth-child(6){margin-top:48px}
:root main > div > div:nth-child(5){position:relative}
:root main > div > div:nth-child(5)::before{content:'El diario, en orden';position:absolute;top:-31px;left:-1px;width:calc(200% + 30px);white-space:nowrap;padding-bottom:9px;border-bottom:1px solid var(--border);font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}

/* --- 4. Archive strip (was bare unstyled rows) --- */
:root main > div:last-of-type:has(> p > span){display:grid;grid-template-columns:1fr 1fr;column-gap:46px;background:transparent;box-shadow:none;border:0;border-top:2px solid var(--primary);border-radius:0;margin-top:60px;padding:0}
:root main > div:last-of-type:has(> p > span)::before{content:'Del archivo — entradas anteriores';grid-column:1 / -1;padding:14px 0 16px;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
:root main > div:last-of-type:has(> p > span) > p{margin:0;padding:13px 0;border-bottom:1px solid var(--border);font-size:15px;line-height:1.35}
:root main > div:last-of-type:has(> p > span) > p > span{display:block;margin:0 0 5px;font-family:var(--fb),system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
:root main > div:last-of-type:has(> p > span) > p > a{font-family:var(--disp);font-weight:400;font-size:17px;line-height:1.32;color:var(--primary);text-decoration:none}
:root main > div:last-of-type:has(> p > span) > p > a:hover{color:var(--accent)}

/* ================= ARTICLE ================= */
:root main:nth-of-type(1):has(> article) > h1{font-family:var(--disp);font-weight:400;font-size:43px;line-height:1.1;letter-spacing:-.014em;color:var(--primary);margin:0 0 20px}
/* photo plate breaks the measure without ever exceeding the viewport (no 100vw scrollbar trap) */
:root main:nth-of-type(1):has(> article) > h1::before{content:'';display:block;height:250px;width:min(1080px,94vw);margin:0 0 38px calc(50% - min(540px,47vw));background:url("/theme-assets/article-hero.jpg") center 58%/cover no-repeat;border-bottom:3px solid var(--accent)}

/* byline bar: kicker · date · author (was a lone thin date) */
:root main:nth-of-type(1):has(> article) > time{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 42px;padding:11px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
:root main:nth-of-type(1):has(> article) > time::before{content:'Diario de cabina';color:var(--primary);font-weight:700}
:root main:nth-of-type(1):has(> article) > time::after{content:'Por Sofía Ramírez';color:var(--primary);font-weight:700}

:root main:nth-of-type(1):has(> article) > article > p{font-family:var(--fb),system-ui,sans-serif;font-size:17px;line-height:1.8;margin:0 0 20px;max-width:none;color:var(--fg)}
:root main:nth-of-type(1):has(> article) > article > p:first-of-type{font-size:19px;line-height:1.68;font-style:normal;border:0;padding:0;margin:0 0 28px}
:root main:nth-of-type(1):has(> article) > article > p:first-of-type::first-letter{font-family:var(--disp);font-weight:500;font-size:68px;line-height:.78;float:left;padding:9px 14px 0 0;color:var(--rust)}
:root main:nth-of-type(1):has(> article) > article > p strong,:root main:nth-of-type(1):has(> article) > article li strong{color:var(--primary);font-weight:700}

:root main:nth-of-type(1):has(> article) > article > h2{font-family:var(--disp);font-weight:400;font-size:30px;line-height:1.2;color:var(--primary);margin:48px 0 18px;padding:0;border:0;max-width:none}
/* dinkus between sections (not above the first) */
:root main:nth-of-type(1):has(> article) > article > h2 ~ h2::before{content:'✷ ✷ ✷';display:block;text-align:center;margin:0 0 34px;text-indent:.55em;font-family:Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.55em;color:var(--accent)}
:root main:nth-of-type(1):has(> article) > article h3{font-family:var(--disp);font-weight:400;font-size:22px;color:var(--primary);margin:32px 0 12px;letter-spacing:0}
:root main:nth-of-type(1):has(> article) > article ul,:root main:nth-of-type(1):has(> article) > article ol{margin:0 0 22px 26px}
:root main:nth-of-type(1):has(> article) > article li{margin-bottom:8px;font-size:16.5px;line-height:1.7}

:root main:nth-of-type(1):has(> article) > article blockquote{position:relative;margin:36px 0 36px 10px;padding:4px 0 4px 34px;border-left:2px solid var(--accent);font-family:var(--disp);font-style:italic;font-weight:400;font-size:21px;line-height:1.5;color:var(--primary)}
:root main:nth-of-type(1):has(> article) > article blockquote::before{content:'“';position:absolute;left:-16px;top:6px;font-family:var(--disp);font-size:62px;line-height:1;color:var(--accent);opacity:.45}

/* editorial link vs. commercial CTA — two clearly different objects */
:root main:nth-of-type(1):has(> article) > article p a,:root main:nth-of-type(1):has(> article) > article li a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
:root main:nth-of-type(1):has(> article) > article p a:hover,:root main:nth-of-type(1):has(> article) > article li a:hover{color:var(--accent);text-decoration-color:var(--primary)}
:root main:nth-of-type(1):has(> article) > article a[href^="/deal/"],:root main:nth-of-type(1):has(> article) > article a[href^="/ref/"],:root main:nth-of-type(1):has(> article) > article a[href^="/try/"],:root main:nth-of-type(1):has(> article) > article a[href^="/go/"],:root main:nth-of-type(1):has(> article) > article a[href^="/out/"],:root main:nth-of-type(1):has(> article) > article a[href^="/check/"],:root main:nth-of-type(1):has(> article) > article a[href^="/partner/"]{display:inline-block;margin:2px 1px;padding:3px 16px 4px;background:var(--accent);color:#FFF9EF;border-radius:999px;box-shadow:0 2px 0 rgba(74,42,92,.4);font-family:var(--fb),system-ui,sans-serif;font-size:13.5px;font-weight:700;line-height:1.45;letter-spacing:.015em;text-decoration:none}
:root main:nth-of-type(1):has(> article) > article a[href^="/deal/"]::after,:root main:nth-of-type(1):has(> article) > article a[href^="/ref/"]::after,:root main:nth-of-type(1):has(> article) > article a[href^="/try/"]::after,:root main:nth-of-type(1):has(> article) > article a[href^="/go/"]::after,:root main:nth-of-type(1):has(> article) > article a[href^="/out/"]::after{content:' →';font-weight:400}
:root main:nth-of-type(1):has(> article) > article a[href^="/deal/"]:hover,:root main:nth-of-type(1):has(> article) > article a[href^="/ref/"]:hover,:root main:nth-of-type(1):has(> article) > article a[href^="/try/"]:hover,:root main:nth-of-type(1):has(> article) > article a[href^="/go/"]:hover,:root main:nth-of-type(1):has(> article) > article a[href^="/out/"]:hover{background:var(--primary);color:var(--bg)}

:root main:nth-of-type(1):has(> article) > article > div:last-child{background:#F7EFDE;border:0;border-top:2px solid var(--accent);border-radius:0;margin-top:46px;padding:20px 24px 22px;font-family:var(--fb),system-ui,sans-serif;font-size:13px;line-height:1.7;color:#5E4835}
:root main:nth-of-type(1):has(> article) > article > div:last-child > strong{display:block;margin-bottom:8px;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--primary)}

:root main:nth-of-type(1):has(> article) > aside{border-top:2px solid var(--primary);margin-top:58px;padding-top:0}
:root main:nth-of-type(1):has(> article) > aside > h4{margin:0;padding:14px 0 18px;border:0;font-family:var(--fb),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--accent)}
:root main:nth-of-type(1):has(> article) > aside > div{display:grid;grid-template-columns:1fr 1fr;gap:0 44px}
:root main:nth-of-type(1):has(> article) > aside > div > div{border-bottom:1px solid var(--border)}
:root main:nth-of-type(1):has(> article) > aside > div > div > a{display:block;padding:13px 0;font-family:var(--disp);font-weight:400;font-size:16.5px;line-height:1.34;color:var(--primary);text-decoration:none}
:root main:nth-of-type(1):has(> article) > aside > div > div > a:hover{color:var(--accent)}

/* ================= FOOTER ================= */
:root body > footer{background:transparent;border-top:1px solid var(--border);margin-top:64px;padding:28px 0 46px;text-align:center;font-family:var(--fb),system-ui,sans-serif;font-size:12px;letter-spacing:.05em;color:var(--fg);opacity:.62}
:root body > footer > p::before{content:'✷';display:block;margin-bottom:13px;font-size:12px;color:var(--accent)}
:root body > footer a{color:var(--fg);text-decoration:none;border-bottom:1px dotted var(--border)}
:root body > footer a:hover{color:var(--primary);border-bottom-color:var(--primary)}

/* ================= RESPONSIVE ================= */
@media (max-width:1000px){
  :root body > nav:nth-of-type(1) > div > h1{font-size:46px}
  :root main > div > div:nth-child(1):has(> h2){grid-template-columns:180px 1fr;column-gap:34px;padding:32px 32px 34px}
  :root main > div > div:nth-child(1) > h2{font-size:37px}
  :root main:nth-of-type(1):has(> article) > h1{font-size:36px}
}
@media (max-width:860px){
  :root main:has(> div > div > h2){max-width:660px;margin-top:40px}
  :root main > div:has(> div > h2){grid-template-columns:1fr;gap:24px}
  /* `span N` creates implicit tracks — every band must be reset explicitly */
  :root main > div > div:has(> h2){grid-column:1 / -1}
  :root main > div > div:nth-child(n+2):nth-child(-n+4){grid-column:1 / -1;margin-top:8px}
  :root main > div > div:nth-child(1):has(> h2){grid-column:1 / -1;display:block;padding:28px 24px 30px}
  :root main > div > div:nth-child(1) > p:first-child{padding-top:0;border-top:0;margin-bottom:14px}
  :root main > div > div:nth-child(1) > p:first-child::after{margin-top:14px;padding-top:12px;font-size:13.5px}
  :root main > div > div:nth-child(1) > h2{font-size:31px;margin-bottom:16px}
  :root main > div > div:nth-child(1) > p:nth-child(3){font-size:16px;margin-bottom:22px}
  :root main > div > div:nth-child(1) > p:nth-child(3)::first-letter{font-size:46px;padding-right:10px}
  :root main > div > div:nth-child(1) > a:last-child{display:inline-block;padding:11px 22px}
  :root main > div > div:nth-child(2)::before,:root main > div > div:nth-child(5)::before{width:auto;right:0;white-space:normal;top:-25px;padding-bottom:0;border-bottom:0}
  :root main > div > div:nth-child(2){margin-top:50px}
  :root main > div > div:nth-child(5),:root main > div > div:nth-child(6){margin-top:0}
  :root main > div > div:nth-child(5){margin-top:46px}
  :root main > div:last-of-type:has(> p > span){grid-template-columns:1fr;margin-top:44px}
  :root main:nth-of-type(1):has(> article) > aside > div{grid-template-columns:1fr}
  :root main:nth-of-type(1):has(> article) > h1::before{height:200px}
}
@media (max-width:620px){
  :root body > nav:nth-of-type(1) > div{padding:44px 20px 32px}
  :root body > nav:nth-of-type(1) > div > h1{font-size:36px}
  :root body > nav:nth-of-type(1) > div > p{font-size:9.5px;letter-spacing:.18em}
  :root body > nav:nth-of-type(1):has(> div > h1) > div::after{font-size:15.5px;margin-top:20px;padding-top:14px}
  :root main{padding:0 20px 56px}
  :root main > div > div:nth-child(1) > h2{font-size:27px}
  :root main:nth-of-type(1):has(> article) > h1{font-size:29px}
  :root main:nth-of-type(1):has(> article) > h1::before{height:160px;margin-bottom:28px}
  :root main:nth-of-type(1):has(> article) > time{flex-direction:column;align-items:flex-start;gap:5px}
  :root main:nth-of-type(1):has(> article) > article > h2{font-size:24px;margin-top:38px}
  :root main:nth-of-type(1):has(> article) > article > p:first-of-type{font-size:17.5px}
  :root main:nth-of-type(1):has(> article) > article > p:first-of-type::first-letter{font-size:54px}
}