*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,system-ui,sans-serif;line-height:1.7;color:#333;background:#fff}
.astro-y0QHapeU{max-width:780px;margin:0 auto;padding:0 20px}
header{background:#1a1a2e;color:#fff;padding:32px 0;margin-bottom:40px}
header h1{font-size:28px;margin-bottom:4px}
header p{opacity:.7;font-size:15px}
header .astro-m72zzmam{color:#fff;text-decoration:none;font-size:18px;font-weight:600}
.astro-iidMCmdn{border-bottom:1px solid #eee;padding:24px 0}
.astro-iidMCmdn h2{font-size:20px;margin-bottom:8px}
.astro-iidMCmdn h2 a{color:#1a1a2e;text-decoration:none}
.astro-iidMCmdn h2 a:hover{color:#e94560}
.astro-iidMCmdn .date{font-size:13px;color:#999;margin-bottom:8px}
.astro-FCnnftyS{color:#e94560;text-decoration:none;font-size:14px;font-weight:600}
.astro-wjJpeulK{padding-bottom:60px}
.astro-wjJpeulK h1{font-size:32px;margin-bottom:8px}
.astro-wjJpeulK time{font-size:13px;color:#999;display:block;margin-bottom:24px}
.astro-wjJpeulK h2{font-size:22px;margin:32px 0 12px}
.astro-wjJpeulK h3{font-size:18px;margin:24px 0 8px}
.astro-wjJpeulK p{margin-bottom:16px}
.astro-wjJpeulK ul,.astro-wjJpeulK ol{margin:0 0 16px 24px}
.astro-wjJpeulK a{color:#e94560}
.astro-wjJpeulK img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}
footer{border-top:1px solid #eee;padding:24px 0;margin-top:40px;text-align:center;font-size:13px;color:#999}
footer a{color:#999}
.astro-3XxbyCZx{background:#f5f5f5;border-left:3px solid #999;padding:10px 14px;margin-bottom:20px;font-size:13px;color:#777;font-style:italic}
.astro-gErK2ANP{background:#fef9e7;border:1px solid #f0c36d;padding:10px 14px;margin-top:20px;font-size:12px;color:#8a6d3b}
.astro-i5vOELsq{font-size:13px;color:#999;margin:-16px 0 24px;font-style:italic}
.astro-xEoVvCTN{text-align:center;margin:0 0 20px}
.astro-UQihLpcf{max-width:100%;height:auto;border-radius:6px}
.astro-tO3GH5Xu{margin-top:40px;padding-top:24px;border-top:1px solid #eee}
.astro-tO3GH5Xu h3{font-size:18px;margin-bottom:12px}
.astro-tO3GH5Xu ul{list-style:none;padding:0}
.astro-tO3GH5Xu li{padding:4px 0}
.astro-tO3GH5Xu a{color:#e94560;text-decoration:none}
.astro-AwP3kfch{padding:20px 0}
.astro-AwP3kfch ul{list-style:none;padding:0}
.astro-AwP3kfch li{padding:5px 0;font-size:15px}
.astro-AwP3kfch a{color:#1a1a2e;text-decoration:none}
.astro-AwP3kfch a:hover{color:#e94560}
/* === Theme === */
:root{--primary:#7A4A26;--accent:#5C7A95;--bg:#EFEAD5;--fg:#1F140A;--border:#C4B095;--r:3px;--fb:'Petrona';--fh:'Cormorant Garamond';--fm:'Archivo';--moment:#9C2B3E;--paper:#F7F2DF;--rule:#D8C9AC}
/* === Custom === */
/* NOTE: an @import here is inert — the deploy concatenates custom.css AFTER the
   template + theme rules, so @import is dropped per spec. Webfonts are declared
   as @font-face in the QA round-1 block at the bottom of this file. */

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

:root > body > header { background: var(--primary); color: var(--bg); padding: 50px 0 30px; margin-bottom: 44px; border-bottom: 3px solid var(--accent); }
:root > body > header > div { max-width: 740px; margin: 0 auto; padding: 0 24px; }
:root > body > header h1 { font-family: var(--fh), Cambria, serif; font-size: 36px; font-weight: 400; color: var(--bg); line-height: 1.16; margin-bottom: 8px; letter-spacing: .01em; }
:root > body > header p { font-family: var(--fb), system-ui, sans-serif; font-size: 14.5px; color: rgba(239, 234, 213, .82); max-width: 680px; font-style: italic; }
:root > body > header a { font-family: var(--fh), Cambria, serif; font-size: 26px; color: var(--bg); text-decoration: none; font-weight: 400; }

:root main { max-width: 740px; margin: 0 auto; padding: 0 24px 70px; }
:root main > h1 { font-family: var(--fh), Cambria, serif; font-size: 32px; font-weight: 400; color: var(--primary); line-height: 1.18; margin: 6px 0 6px; letter-spacing: .01em; }
:root main > time { display: block; font-family: var(--fb), system-ui, sans-serif; font-size: 12px; color: var(--accent); margin-bottom: 30px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; }

:root main > article > p { margin-bottom: 18px; font-size: 16.5px; }
:root main > article > h2 { font-family: var(--fh), Cambria, serif; font-size: 25px; font-weight: 400; color: var(--primary); margin: 38px 0 12px; padding-bottom: 6px; border-bottom: 1px solid var(--accent); letter-spacing: .01em; }
:root main > article ul, :root main > article ol { margin: 0 0 18px 24px; }
:root main > article li { margin-bottom: 6px; font-size: 16px; }
:root main > article li strong { color: var(--primary); font-weight: 700; }
:root main > article > p strong { color: var(--primary); font-weight: 700; }

:root main > article > p a, :root main > article > p a:visited { color: var(--primary); text-decoration: underline; text-decoration-color: var(--accent); text-underline-offset: 3px; text-decoration-thickness: 1.5px; font-weight: 700; }
:root main > article > p a:hover { color: var(--accent); text-decoration-color: var(--primary); }

/* (dead /ref/ /try/ /check/ /partner/ /go/ /out/ rules removed — this build
   emits affiliate links as /deal/…, styled in the QA round-1 block below) */

:root main > article > img, :root main > article > figure { margin: 0 0 28px; }
:root main > article > img, :root main > article > figure > img { width: 100%; height: auto; display: block; border-radius: var(--r); box-shadow: 0 3px 14px rgba(31, 20, 10, .14); }

:root main > article:has(> p.date) { background: #FFFCEC; border: 1px solid var(--border); border-left: 4px solid var(--accent); border-radius: 0 var(--r) var(--r) 0; padding: 22px 26px; margin-bottom: 18px; box-shadow: 0 1px 6px rgba(31, 20, 10, .06); transition: border-left-color .12s ease; }
:root main > article:has(> p.date):hover { border-left-color: var(--primary); }
:root main > article:has(> p.date) > h2 { font-family: var(--fh), Cambria, serif; font-size: 21px; font-weight: 400; margin-bottom: 6px; line-height: 1.22; padding-bottom: 0; border-bottom: 0; letter-spacing: .01em; }
:root main > article:has(> p.date) > h2 a { color: var(--primary); text-decoration: none; }
:root main > article:has(> p.date) > p.date { font-family: var(--fb), system-ui, sans-serif; font-size: 11px; color: var(--accent); letter-spacing: .14em; text-transform: uppercase; margin-bottom: 6px; font-weight: 700; }
:root main > article:has(> p.date) > p:not(.date) { font-family: var(--fb), system-ui, sans-serif; font-size: 14.5px; color: var(--fg); opacity: .82; margin-bottom: 12px; }
:root main > article:has(> p.date) > a:last-child { font-family: var(--fb), system-ui, sans-serif; font-size: 12.5px; color: var(--primary); background: transparent; padding: 0; text-decoration: none; letter-spacing: .04em; font-weight: 700; border-bottom: 1px solid var(--primary); }

:root footer { background: transparent; border-top: 1px solid var(--border); padding: 24px 0 36px; margin-top: 52px; text-align: center; font-family: var(--fb), system-ui, sans-serif; font-size: 12.5px; color: var(--fg); opacity: .60; letter-spacing: .03em; font-style: italic; }
:root footer a { color: var(--fg); text-decoration: none; border-bottom: 1px dotted var(--border); font-style: normal; }
:root footer a:hover { color: var(--primary); border-bottom-color: var(--primary); }

/* === R2 fixes (2026-06-10T00:10:06.490997+00:00) === */
:root main > article > p { line-height: 1.75; font-size: 17px; }
:root main > article > h2 { margin-top: 2.5em; margin-bottom: 0.6em; }
:root main > article li { font-size: 17px; }
:root > body > header p { font-size: 0.9rem; line-height: 1.4; opacity: 1; }
:root main > h1 { margin-bottom: 0.6em; }

/* === R3 fixes (2026-06-10T00:50:07.372550+00:00) === */
/* (class-based related-articles + disclaimer rules removed; the QA round-1
   block restyles both with structural selectors) */

/* Article H3 — serif styled to match warm visual chain, not browser-default bold */
:root main > article > h3 { font-family: var(--fh), Cambria, serif; font-size: 20px; font-weight: 400; color: var(--primary); margin: 1.8em 0 0.4em; letter-spacing: 0.01em; }

/* Lead paragraph — slightly larger and primary-colored to signal article entry point */
:root main > article > p:first-of-type { font-size: 18px; line-height: 1.82; color: var(--primary); }

/* === R4 fixes (2026-06-10T01:30:07.368713+00:00) === */
/* Article title — larger weight for emotionally heavy titles about grief and lineage */
:root main > h1 { font-size: 36px; margin-bottom: 0.9em; }

/* Lead paragraph — italic marks the opening scene as storytelling entry before analysis */
:root main > article > p:first-of-type { font-style: italic; }

/* Listing cards — remove perimeter border, keep left accent; editorial cuaderno feel not product catalog */
:root main > article:has(> p.date) { border: 0; border-left: 4px solid var(--accent); }


/* === QA round-1 fixes (2026-07-21T17:51:09+0800) === */
/* AlmaCeiba — editorial signature pass. Oaxacan cuaderno voice: Cormorant
   Garamond display / Petrona text / Archivo meta. Moment colour = grana
   cochinilla #9C2B3E (an Oaxacan dye) in exactly two places — the featured
   drop cap and the /deal/ links. Template rules are descendant class pairs at
   (0,2,0), so every selector below carries :root + :nth-of-type(1). */

@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYqXtKky2F7g.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/cormorantgaramond/v21/co3ZmX5slCNuHLi8bLeY9MK7whWMhyjYrEtImSqn7B6D.woff2) format('woff2')}
@font-face{font-family:'Petrona';font-style:normal;font-weight:300 700;font-display:swap;src:url(https://fonts.gstatic.com/s/petrona/v38/mtG64_NXL7bZo9XXgXJYtUkS0CQ.woff2) format('woff2')}
@font-face{font-family:'Petrona';font-style:italic;font-weight:300 600;font-display:swap;src:url(https://fonts.gstatic.com/s/petrona/v38/mtG44_NXL7bZo9XXgXdot0MV8ia-Fg.woff2) format('woff2')}
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/archivo/v25/k3kPo8UDI-1M0wlSV9XAw6lQkqWY8Q82sLydOxKsv4Rn.woff2) format('woff2')}

:root{--fm:'Archivo';--moment:#9C2B3E;--paper:#F7F2DF;--rule:#D8C9AC}
:root body{font-family:var(--fb),Georgia,serif;font-size:17px;line-height:1.72;color:var(--fg);background:var(--bg)}

/* ---------- masthead: photo + gradient, monogram, manifesto ---------- */
:root>body>header{background:linear-gradient(178deg,rgba(48,27,12,.58) 0%,rgba(38,21,9,.88) 100%),url("/theme-assets/hero-masthead.jpg") center/cover no-repeat;color:var(--bg);padding:0;margin:0 0 0;border-bottom:0;max-width:none}
:root>body>header>div{max-width:1120px;margin:0 auto;padding:58px 28px 46px;text-align:center}
:root>body>header>div::before{content:"";display:block;width:44px;height:44px;margin:0 auto 20px;opacity:.85;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23EFEAD5' stroke-width='1.5'%3E%3Ccircle cx='32' cy='32' r='30'/%3E%3Cpath d='M32 8v24'/%3E%3Cpath d='M32 32l7 11-7 11-7-11z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
:root>body>header>div>h1{font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:600;font-size:64px;line-height:.98;letter-spacing:.005em;color:var(--bg);margin:0}
:root>body>header>div>h1::before{content:"SANACI\0000D3N ANCESTRAL\0000A0\002014\0000A0OAXACA";display:block;font-family:var(--fm),system-ui,sans-serif;font-style:normal;font-weight:700;font-size:10px;letter-spacing:.34em;color:rgba(239,234,213,.62);margin-bottom:16px}
:root>body>header>div>p{font-family:var(--fb),Georgia,serif;font-style:normal;font-size:14px;line-height:1.6;color:rgba(239,234,213,.7);max-width:540px;margin:16px auto 0;opacity:1}
:root>body>header>div::after{content:"Lo que s\0000ED\0000A0movi\0000F3\0000A0algo, y lo que s\0000F3lo fue el marketing de alguien m\0000E1s.";display:block;max-width:520px;margin:22px auto 0;padding-top:20px;border-top:1px solid rgba(239,234,213,.28);font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:400;font-size:19px;line-height:1.4;color:rgba(239,234,213,.9)}
:root>body>header>div>a{font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:600;font-size:30px;color:var(--bg);text-decoration:none;letter-spacing:.01em}
:root>body>header>div:has(>a){padding:32px 28px 30px}
:root>body>header>div:has(>a)::before{width:32px;height:32px;margin-bottom:12px}
:root>body>header>div:has(>a)::after{content:none}

/* ================= HOME  (main with sibling articles) ================= */
:root main:nth-of-type(1):has(>article+article){max-width:1120px;margin:0 auto;padding:56px 28px 84px;display:grid;grid-template-columns:repeat(6,1fr);column-gap:34px;row-gap:0;align-items:start}

/* --- the one loud voice: featured entry --- */
:root main:nth-of-type(1):has(>article+article)>article:first-of-type{grid-column:1/-1;display:grid;grid-template-columns:196px 1fr;column-gap:44px;background:var(--paper);border:0;border-top:3px solid var(--primary);border-radius:0;box-shadow:none;padding:34px 40px 42px;margin:0 0 62px;transition:none}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>h2{grid-column:1/-1;font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:600;font-size:57px;line-height:1.04;letter-spacing:-.004em;margin:0 0 28px;padding:0;border:0}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>h2::before{content:"LA ENTRADA M\0000C1S RECIENTE";display:block;font-family:var(--fm),system-ui,sans-serif;font-style:normal;font-weight:700;font-size:10px;letter-spacing:.32em;color:var(--accent);margin-bottom:18px}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>h2 a{color:var(--primary);text-decoration:none}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>h2 a:hover{color:var(--accent)}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:first-of-type{grid-column:1;grid-row:2;margin:0;padding-top:15px;border-top:1px solid var(--rule);font-family:var(--fm),system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);line-height:1.9}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:first-of-type::before{content:"N.\0000BA\0000A0I";display:block;font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:600;font-size:32px;line-height:1;letter-spacing:0;text-transform:none;color:var(--primary);opacity:.5;margin-bottom:14px}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:first-of-type::after{content:"Por Mariana\00000ALectura de 7 min";display:block;white-space:pre-line;margin-top:10px;color:var(--primary);opacity:.62}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:nth-of-type(2){grid-column:2;grid-row:2;margin:0;font-family:var(--fb),Georgia,serif;font-size:20px;line-height:1.6;color:var(--fg);opacity:1}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:nth-of-type(2)::first-letter{font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:600;font-size:78px;line-height:.7;float:left;margin:9px 13px 0 0;color:var(--moment)}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>a:last-child{grid-column:2;grid-row:3;justify-self:start;margin-top:26px;padding:11px 26px 10px;background:transparent;border:1px solid var(--primary);border-radius:2px;font-size:0;color:transparent;text-decoration:none;transition:background .15s ease}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>a:last-child::before{content:"Leer la entrada completa";font-family:var(--fm),system-ui,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary)}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>a:last-child:hover{background:var(--primary)}
:root main:nth-of-type(1):has(>article+article)>article:first-of-type>a:last-child:hover::before{color:var(--bg)}

/* --- shared quiet card treatment for everything after the hero --- */
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2){background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0;transition:none}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>h2{font-family:var(--fh),Georgia,serif;font-style:normal;font-weight:600;font-size:22px;line-height:1.22;letter-spacing:0;margin:0 0 9px;padding:0;border:0}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>h2 a{color:var(--primary);text-decoration:none}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>h2 a:hover{color:var(--accent)}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>p:first-of-type{font-family:var(--fm),system-ui,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin:0 0 9px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>p:nth-of-type(2){font-family:var(--fb),Georgia,serif;font-size:15.5px;line-height:1.58;color:var(--fg);opacity:.78;margin:0 0 13px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>a:last-child{font-size:0;color:transparent;background:transparent;border:0;padding:0;text-decoration:none}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>a:last-child::before{content:"Leer\0000A0\00203A";font-family:var(--fm),system-ui,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--primary);border-bottom:1px solid var(--rule);padding-bottom:3px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2)>a:last-child:hover::before{color:var(--accent);border-bottom-color:var(--accent)}

/* --- second gear: Editor's Picks band (3 across, once) --- */
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2):nth-of-type(-n+4){grid-column:span 2;position:relative;border-top:2px solid var(--primary);padding-top:24px;margin-bottom:60px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(2)::before{content:"SELECCI\0000D3N DE LA EDITORA\0000A0\002014\0000A0EMPIEZA POR AQU\0000CD";position:absolute;top:-34px;left:0;white-space:nowrap;font-family:var(--fm),system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.3em;color:var(--accent)}

/* --- third gear: chronological grid, hairline rows --- */
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5){grid-column:span 3;border-top:1px solid var(--rule);padding:24px 0 30px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(5),:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(6){margin-top:54px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(5){position:relative}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(5)::before{content:"EL CUADERNO COMPLETO\0000A0\002014\0000A0POR FECHA";position:absolute;top:-34px;left:0;white-space:nowrap;font-family:var(--fm),system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.3em;color:var(--accent)}

/* --- odd final card would leave the right column empty: run it full width
       as a closing row, title+meta left / excerpt right --- */
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:34px;align-items:start}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>h2{grid-column:1;grid-row:1;font-size:25px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>p:first-of-type{grid-column:1;grid-row:2}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>p:nth-of-type(2){grid-column:2;grid-row:1/span 3;margin:4px 0 0;font-size:16px}
:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>a:last-child{grid-column:1;grid-row:3;justify-self:start}

/* --- archive index strip --- */
:root main:nth-of-type(1):has(>article+article)>section{grid-column:1/-1;margin-top:46px;padding:30px 0 0;border-top:2px solid var(--primary)}
:root main:nth-of-type(1):has(>article+article)>section::before{content:"M\0000C1S DEL CUADERNO";display:block;font-family:var(--fm),system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.3em;color:var(--accent);margin-bottom:18px}
:root main:nth-of-type(1):has(>article+article)>section>ul{columns:2;column-gap:46px;list-style:none;padding:0;margin:0}
:root main:nth-of-type(1):has(>article+article)>section>ul>li{break-inside:avoid;padding:0;font-size:inherit;border-bottom:1px dotted var(--rule)}
:root main:nth-of-type(1):has(>article+article)>section>ul>li>a{display:block;padding:9px 0;font-family:var(--fb),Georgia,serif;font-size:14.5px;line-height:1.42;color:var(--primary);text-decoration:none}
:root main:nth-of-type(1):has(>article+article)>section>ul>li>a:hover{color:var(--accent)}

/* ================= ARTICLE  (main with an h1) ================= */
:root main:nth-of-type(1):has(>h1){max-width:722px;margin:0 auto;padding:56px 26px 84px}
:root main:nth-of-type(1):has(>h1)>h1{font-family:var(--fh),Georgia,serif;font-style:normal;font-weight:600;font-size:47px;line-height:1.07;letter-spacing:-.004em;color:var(--primary);margin:0 0 16px}
:root main:nth-of-type(1):has(>h1)>h1::before{content:"CUADERNO DE SANACI\0000D3N ANCESTRAL";display:block;font-family:var(--fm),system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.32em;color:var(--accent);margin-bottom:20px}
:root main:nth-of-type(1):has(>h1)>time{display:block;font-family:var(--fm),system-ui,sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 34px;padding-bottom:20px;border-bottom:1px solid var(--rule)}
:root main:nth-of-type(1):has(>h1)>time::after{content:" \0000B7\0000A0Por Mariana"}
:root main:nth-of-type(1):has(>h1)>article>div:first-of-type>img{border-radius:2px;margin:0;box-shadow:0 2px 18px rgba(31,20,10,.16)}
:root main:nth-of-type(1):has(>h1)>article>div:nth-of-type(2){background:transparent;border:0;border-left:2px solid var(--rule);border-radius:0;padding:2px 0 2px 16px;margin:22px 0 32px;font-family:var(--fm),system-ui,sans-serif;font-style:normal;font-size:11.5px;line-height:1.62;color:var(--fg);opacity:.52}
:root main:nth-of-type(1):has(>h1)>article>p{font-family:var(--fb),Georgia,serif;font-size:17.5px;line-height:1.76;color:var(--fg);margin:0 0 22px}
:root main:nth-of-type(1):has(>h1)>article>p:first-of-type{font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:400;font-size:22px;line-height:1.46;color:var(--primary);margin:0 0 30px;padding:2px 0 2px 22px;border-left:2px solid var(--accent)}
:root main:nth-of-type(1):has(>h1)>article>h2{font-family:var(--fh),Georgia,serif;font-style:normal;font-weight:600;font-size:31px;line-height:1.18;letter-spacing:0;color:var(--primary);margin:52px 0 16px;padding:0;border:0}
:root main:nth-of-type(1):has(>h1)>article>h2:not(:first-of-type)::before{content:"";display:block;width:104px;height:18px;margin:0 auto 46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 18'%3E%3Cg fill='none' stroke='%235C7A95' stroke-width='1.3'%3E%3Cpath d='M0 9h34M70 9h34'/%3E%3Ccircle cx='52' cy='9' r='4'/%3E%3Cpath d='M52 1v16'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
:root main:nth-of-type(1):has(>h1)>article>h3{font-family:var(--fh),Georgia,serif;font-weight:600;font-size:23px;color:var(--primary);margin:34px 0 10px}
:root main:nth-of-type(1):has(>h1)>article ul,:root main:nth-of-type(1):has(>h1)>article ol{margin:0 0 22px 26px}
:root main:nth-of-type(1):has(>h1)>article li{font-family:var(--fb),Georgia,serif;font-size:17px;line-height:1.7;margin-bottom:8px}
:root main:nth-of-type(1):has(>h1)>article strong{color:var(--primary);font-weight:700}
:root main:nth-of-type(1):has(>h1)>article>p a,:root main:nth-of-type(1):has(>h1)>article li a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:var(--rule);text-decoration-thickness:1px;text-underline-offset:3px}
:root main:nth-of-type(1):has(>h1)>article>p a:hover{color:var(--accent);text-decoration-color:var(--accent)}
:root main:nth-of-type(1):has(>h1)>article>blockquote{font-family:var(--fh),Georgia,serif;font-style:italic;font-weight:400;font-size:25px;line-height:1.44;color:var(--primary);margin:36px 0;padding:0 0 0 54px;position:relative;border:0}
:root main:nth-of-type(1):has(>h1)>article>blockquote::before{content:"\00201C";position:absolute;left:0;top:-10px;font-family:var(--fh),Georgia,serif;font-style:normal;font-size:74px;line-height:1;color:var(--accent)}

/* monetization: the /deal/ links are the only other place cochineal appears */
:root main:nth-of-type(1):has(>h1)>article>p a[href^="/deal/"],:root main:nth-of-type(1):has(>h1)>article li a[href^="/deal/"]{font-family:var(--fb),Georgia,serif;font-weight:600;color:var(--moment);background:rgba(156,43,62,.09);padding:2px 7px 1px;border-radius:2px;text-decoration:none;box-shadow:inset 0 -2px 0 var(--moment)}
:root main:nth-of-type(1):has(>h1)>article>p a[href^="/deal/"]::after,:root main:nth-of-type(1):has(>h1)>article li a[href^="/deal/"]::after{content:"\0000A0\00203A";font-weight:700}
:root main:nth-of-type(1):has(>h1)>article>p a[href^="/deal/"]:hover,:root main:nth-of-type(1):has(>h1)>article li a[href^="/deal/"]:hover{background:var(--moment);color:var(--bg);box-shadow:none}
:root main:nth-of-type(1):has(>h1)>article>p:last-of-type:has(a[href^="/deal/"]){background:var(--paper);border-top:2px solid var(--primary);padding:26px 30px 28px;margin-top:40px;font-size:17.5px}

:root main:nth-of-type(1):has(>h1)>article>div:last-child{background:transparent;border:0;border-top:1px solid var(--rule);border-radius:0;padding:16px 0 0;margin-top:40px;font-family:var(--fm),system-ui,sans-serif;font-style:normal;font-size:11.5px;line-height:1.62;color:var(--fg);opacity:.5}
:root main:nth-of-type(1):has(>h1)>section{margin-top:58px;padding-top:28px;border-top:2px solid var(--primary)}
:root main:nth-of-type(1):has(>h1)>section>h3{font-family:var(--fm),system-ui,sans-serif;font-weight:700;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
:root main:nth-of-type(1):has(>h1)>section>ul{list-style:none;padding:0;margin:0}
:root main:nth-of-type(1):has(>h1)>section>ul>li{padding:0;border-bottom:1px dotted var(--rule)}
:root main:nth-of-type(1):has(>h1)>section>ul>li>a{display:block;padding:11px 0;font-family:var(--fb),Georgia,serif;font-size:16px;line-height:1.4;color:var(--primary);text-decoration:none}
:root main:nth-of-type(1):has(>h1)>section>ul>li>a:hover{color:var(--accent)}

/* ---------- static pages (about/author/…): h1 sits INSIDE article ---------- */
:root main:nth-of-type(1):has(>article>h1){max-width:722px;margin:0 auto;padding:52px 26px 80px}
:root main:nth-of-type(1):has(>article>h1)>article>h1{font-family:var(--fh),Georgia,serif;font-weight:600;font-size:42px;line-height:1.08;color:var(--primary);margin:0 0 28px;padding-bottom:22px;border-bottom:1px solid var(--rule)}
:root main:nth-of-type(1):has(>article>h1)>article>h2{font-family:var(--fh),Georgia,serif;font-weight:600;font-size:27px;line-height:1.2;color:var(--primary);margin:42px 0 14px;padding:0;border:0}
:root main:nth-of-type(1):has(>article>h1)>article>p{font-family:var(--fb),Georgia,serif;font-style:normal;font-size:17.5px;line-height:1.76;color:var(--fg);margin:0 0 22px}
:root main:nth-of-type(1):has(>article>h1)>article>p:first-of-type{font-family:var(--fh),Georgia,serif;font-style:italic;font-size:22px;line-height:1.46;color:var(--primary);margin:0 0 28px;padding:2px 0 2px 22px;border-left:2px solid var(--accent)}
:root main:nth-of-type(1):has(>article>h1)>article>p a{color:var(--primary);font-weight:600;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}

/* ---------- footer ---------- */
:root>body>footer{border-top:1px solid var(--rule);margin-top:0;padding:32px 0 46px;text-align:center;font-family:var(--fm),system-ui,sans-serif;font-style:normal;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);opacity:.52}
:root>body>footer>div{max-width:1120px;margin:0 auto}
:root>body>footer a{color:var(--fg);font-style:normal;text-decoration:none;border-bottom:1px solid var(--rule)}
:root>body>footer a:hover{color:var(--primary);border-bottom-color:var(--primary)}

/* ---------- responsive: spans must be reset, `span N` makes implicit tracks ---------- */
@media (max-width:980px){
 :root>body>header>div>h1{font-size:44px}
 :root>body>header>div::after{font-size:17px}
 :root main:nth-of-type(1):has(>article+article){grid-template-columns:1fr;column-gap:0;padding:36px 22px 64px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type{grid-column:1/-1;grid-template-columns:1fr;padding:26px 22px 30px;margin-bottom:46px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>h2{font-size:34px;margin-bottom:20px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:first-of-type{grid-column:1;grid-row:auto;border-top:0;padding-top:0;margin-bottom:18px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:first-of-type::before{font-size:26px;margin-bottom:8px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:nth-of-type(2){grid-column:1;grid-row:auto;font-size:17.5px}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>p:nth-of-type(2)::first-letter{font-size:58px;margin:6px 10px 0 0}
 :root main:nth-of-type(1):has(>article+article)>article:first-of-type>a:last-child{grid-column:1;grid-row:auto}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+2):nth-of-type(-n+4){grid-column:1/-1;margin-bottom:30px}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(3),:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(4){border-top-width:1px;border-top-color:var(--rule)}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5){grid-column:1/-1}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type{grid-template-columns:1fr}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>h2{font-size:22px}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>p:nth-of-type(2){grid-column:1;grid-row:auto;margin:0 0 13px;font-size:15.5px}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>h2,:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>p:first-of-type,:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(n+5):nth-of-type(odd):last-of-type>a:last-child{grid-column:1;grid-row:auto}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(5){margin-top:22px}
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(6){margin-top:0}
 /* nowrap band labels would force horizontal scroll on narrow screens */
 :root main:nth-of-type(1):has(>article+article)>article:nth-of-type(2)::before,:root main:nth-of-type(1):has(>article+article)>article:nth-of-type(5)::before{position:static;display:block;white-space:normal;letter-spacing:.22em;margin:0 0 14px}
 :root main:nth-of-type(1):has(>article+article)>section>ul{columns:1}
 :root main:nth-of-type(1):has(>h1){padding:36px 22px 64px}
 :root main:nth-of-type(1):has(>h1)>h1{font-size:33px}
 :root main:nth-of-type(1):has(>h1)>article>p:first-of-type{font-size:20px}
 :root main:nth-of-type(1):has(>h1)>article>h2{font-size:25px;margin-top:42px}
}