/* V1 editorial system — Cuaderno + Artículo family. Ported from
   lab/diseno-home-v1/css/editorial.css, scoped to html.v1.
   Archive is a ledger, never a card grid (doc 21 / cuaderno-preservation.json). */
html.v1 .editorial-page{max-width:var(--layout-max);margin:0 auto;padding:clamp(1.7rem,3.4vw,3.6rem) var(--page-gutter) var(--section-gap)}
html.v1 .editorial-breadcrumb{margin:0 0 clamp(2.5rem,5vw,5rem);font-size:var(--text-xs);color:var(--color-muted)}
html.v1 .editorial-breadcrumb ol{display:flex;flex-wrap:wrap;gap:.4rem .65rem;list-style:none;margin:0;padding:0}
html.v1 .editorial-breadcrumb li+li::before{content:"/";margin-right:.65rem;color:var(--color-border)}
html.v1 .editorial-breadcrumb a{text-decoration:none}
html.v1 .editorial-breadcrumb a:hover,html.v1 .editorial-breadcrumb a:focus-visible{text-decoration:underline}

/* Index */
html.v1 .cuaderno-masthead{display:grid;grid-template-columns:minmax(0,8fr) minmax(220px,3fr);gap:var(--grid-gap);align-items:end;max-width:var(--layout-wide);padding-bottom:clamp(3rem,6vw,6rem);border-bottom:1px solid var(--color-border)}
html.v1 .cuaderno-masthead h1{max-width:12ch;margin:.5rem 0 1.25rem;font-family:var(--font-display);font-weight:400;font-size:clamp(2.9rem,5.8vw,5.8rem);line-height:.92;letter-spacing:-.035em;text-wrap:balance}
html.v1 .cuaderno-masthead__lead{max-width:54ch;margin:0;font-family:var(--font-reading);font-size:clamp(1.15rem,1.5vw,1.5rem);line-height:1.48}
html.v1 .cuaderno-masthead__folio{align-self:stretch;display:grid;align-content:end;border-left:1px solid var(--color-border);padding-left:clamp(1rem,2vw,2rem);color:var(--color-muted)}
html.v1 .cuaderno-masthead__folio strong{display:block;color:var(--color-text);font-family:var(--font-display);font-size:clamp(2.05rem,3.3vw,3.5rem);font-weight:400;line-height:1}
html.v1 .cuaderno-masthead__folio span{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em}

html.v1 .cuaderno-feature{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,6rem);align-items:start;max-width:var(--layout-wide);padding:clamp(3.2rem,5.6vw,5.6rem) 0;border-bottom:1px solid var(--color-border)}
html.v1 .cuaderno-feature__meta{display:grid;gap:.75rem;position:sticky;top:110px}
html.v1 .cuaderno-feature__index{font-variant-numeric:tabular-nums;color:var(--color-muted);font-size:var(--text-xs)}
html.v1 .cuaderno-feature__body h2{max-width:17ch;margin:0 0 1.25rem;font-family:var(--font-display);font-size:clamp(2.05rem,4vw,4.35rem);font-weight:400;line-height:.98;letter-spacing:-.025em;text-wrap:balance}
html.v1 .cuaderno-feature__body h2 a{text-decoration:none}
html.v1 .cuaderno-feature__body h2 a:hover,html.v1 .cuaderno-feature__body h2 a:focus-visible{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:1px}
html.v1 .cuaderno-feature__body>p{max-width:58ch;margin:0 0 1.5rem;font-family:var(--font-reading);font-size:clamp(1.03rem,1.3vw,1.24rem);line-height:1.55;color:var(--color-muted)}

html.v1 .cuaderno-archive{max-width:var(--layout-wide);padding:clamp(2.8rem,4.8vw,4.8rem) 0}
html.v1 .cuaderno-archive__head{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,6rem);margin-bottom:1.5rem}
html.v1 .cuaderno-archive__head h2{grid-column:2;margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,2.9vw,2.9rem);font-weight:400;line-height:1}
html.v1 .cuaderno-ledger{list-style:none;margin:0;padding:0;border-top:1px solid var(--color-border)}
html.v1 .cuaderno-entry{display:grid;grid-template-columns:3rem minmax(110px,2fr) minmax(0,7fr);gap:clamp(1rem,2.5vw,2.5rem);padding:clamp(1.5rem,2.5vw,2.25rem) 0;border-bottom:1px solid var(--color-border);align-items:start}
html.v1 .cuaderno-entry__index{font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-muted);padding-top:.25rem}
html.v1 .cuaderno-entry__meta{display:grid;gap:.3rem;font-size:var(--text-xs);color:var(--color-muted);margin:0}
html.v1 .cuaderno-entry__body h3{margin:0 0 .55rem;font-family:var(--font-display);font-size:clamp(1.35rem,2vw,2.05rem);font-weight:400;line-height:1.05;text-wrap:balance}
html.v1 .cuaderno-entry__body h3 a{text-decoration:none}
html.v1 .cuaderno-entry__body h3 a:hover,html.v1 .cuaderno-entry__body h3 a:focus-visible{text-decoration:underline;text-decoration-color:var(--color-accent)}
html.v1 .cuaderno-entry__body p{max-width:62ch;margin:0;color:var(--color-muted);font-family:var(--font-reading);font-size:var(--text-sm);line-height:1.6}

html.v1 .cuaderno-utilities{max-width:var(--layout-wide);display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:1.5rem 0 0}
html.v1 .cuaderno-utilities p{margin:0;color:var(--color-muted);font-size:var(--text-xs)}

html.v1 .editorial-continuity,html.v1 .editorial-newsletter{max-width:var(--layout-wide);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(2rem,5vw,6rem);padding:clamp(2.8rem,4.8vw,4.8rem) 0;border-top:1px solid var(--color-border)}
html.v1 .editorial-continuity h2,html.v1 .editorial-newsletter h2{margin:.3rem 0 0;font-family:var(--font-display);font-size:clamp(1.65rem,2.5vw,2.7rem);font-weight:400;line-height:1.05}
html.v1 .editorial-continuity__links{display:grid;border-top:1px solid var(--color-border);align-content:start}
html.v1 .editorial-continuity__links a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--color-border);text-decoration:none}
html.v1 .editorial-continuity__links a span:last-child{color:var(--color-muted)}
html.v1 .editorial-continuity__links a:hover span:first-child,html.v1 .editorial-continuity__links a:focus-visible span:first-child{text-decoration:underline;text-decoration-color:var(--color-accent)}
html.v1 .editorial-newsletter__copy p{max-width:44ch;color:var(--color-muted)}
html.v1 .editorial-newsletter__form{align-self:start}

/* Article */
html.v1 .article-page{position:relative}
/* script.js builds this element from the preserved data-reading-progress body
   marker and drives it with an inline width percentage — style it as the bar
   itself rather than adding a second, competing progress implementation. */
html.v1 .reading-progress{position:fixed;left:0;top:0;z-index:calc(var(--z-header) + 1);width:0;height:2px;background:var(--color-accent-strong);pointer-events:none}
html.v1 .article-header{max-width:var(--layout-wide);display:grid;grid-template-columns:minmax(0,9fr) minmax(210px,3fr);gap:var(--grid-gap);padding-bottom:clamp(2.4rem,4.8vw,4.4rem);border-bottom:1px solid var(--color-border)}
html.v1 .article-header h1{margin:.55rem 0 1.25rem;max-width:17ch;font-family:var(--font-display);font-size:clamp(2.5rem,5vw,5.4rem);font-weight:400;line-height:.94;letter-spacing:-.03em;text-wrap:balance;overflow-wrap:anywhere}
html.v1 .article-deck{max-width:58ch;margin:0;font-family:var(--font-reading);font-size:clamp(1.15rem,1.55vw,1.5rem);line-height:1.48;color:var(--color-muted)}
html.v1 .article-meta{align-self:end;border-left:1px solid var(--color-border);padding-left:clamp(1rem,2vw,2rem);font-size:var(--text-xs);color:var(--color-muted)}
html.v1 .article-meta p{margin:.4rem 0}
html.v1 .article-meta a{color:var(--color-text)}
/* min-height reserves the row's height before v1-editorial.js reveals the
   share/print buttons -- without it the empty flex container collapses to 0
   and then jumps to 44px on reveal, a layout shift. That alone left the
   *width* uncovered: buttons using the [hidden] attribute contribute zero
   width to the flex row too, so it still collapsed sideways (down to the
   width of the empty status span) and then jumped wide once JS cleared
   [hidden] -- the actual CLS source measured on the recommendations pages.
   [data-js-pending] buttons stay in normal flow (real width from first
   paint) but visibility:hidden until v1-editorial.js clears the attribute,
   so the reveal repaints in place with no box-model change left to shift. */
html.v1 .article-utilities{display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:1.25rem;min-height:44px}
html.v1 .article-utilities [data-js-pending]{visibility:hidden}
html.v1 .article-share-status{min-width:1px;font-size:var(--text-xs);color:var(--color-muted)}
html.v1 .article-print-source{display:none}

html.v1 .article-layout{max-width:var(--layout-wide);display:grid;grid-template-columns:minmax(180px,3fr) minmax(0,7fr) minmax(80px,2fr);gap:clamp(1.5rem,4vw,4.5rem);padding-top:clamp(2.8rem,4.8vw,4.8rem)}
html.v1 .article-toc{grid-column:1;align-self:start;position:sticky;top:110px;max-height:calc(100dvh - 140px);overflow:auto;border-top:1px solid var(--color-border);padding-top:1rem}
html.v1 .article-toc__label{display:block;margin-bottom:1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-muted)}
html.v1 .article-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
html.v1 .article-toc a{font-size:var(--text-xs);line-height:1.35;text-decoration:none;color:var(--color-muted)}
html.v1 .article-toc a:hover,html.v1 .article-toc a:focus-visible,html.v1 .article-toc a[aria-current="location"]{color:var(--color-text);text-decoration:underline;text-decoration-color:var(--color-accent)}
html.v1 .article-prose{grid-column:2;min-width:0;max-width:var(--reading-max);font-family:var(--font-reading);font-size:clamp(1.05rem,1.08rem + .12vw,1.18rem);line-height:1.58}
html.v1 .article-prose>p{margin:0 0 1.35em}
html.v1 .article-prose>p:first-of-type::first-letter{
  font-family:var(--font-script);
  font-size:3.4em;
  font-weight:400;
  line-height:.72;
  color:#0075b8;
  initial-letter:3;
  -webkit-initial-letter:3;
  margin-right:.08em;
  float:left;
  padding-top:.05em;
}
@supports not (initial-letter:3){
  html.v1 .article-prose>p:first-of-type::first-letter{margin-top:.02em}
}
html.v1 .article-prose h2{scroll-margin-top:110px;margin:2.5em 0 .7em;font-family:var(--font-display);font-size:clamp(1.8rem,2.9vw,2.9rem);font-weight:400;line-height:1.05;letter-spacing:-.018em;text-wrap:balance;overflow-wrap:anywhere}
html.v1 .article-prose h3{scroll-margin-top:110px;margin:2em 0 .6em;font-family:var(--font-display);font-size:clamp(1.35rem,1.9vw,1.85rem);font-weight:400;line-height:1.12;text-wrap:balance;overflow-wrap:anywhere}
html.v1 .article-prose a{text-decoration-color:var(--color-accent);overflow-wrap:anywhere}
html.v1 .article-prose ul,html.v1 .article-prose ol{margin:0 0 1.35em;padding-left:1.3em}
html.v1 .article-prose li{margin-bottom:.5em}
html.v1 .article-note{margin:0 0 clamp(2.75rem,5vw,4.5rem);padding:1.25rem 0 1.25rem clamp(1rem,2vw,1.75rem);border-left:2px solid var(--color-accent);font-family:var(--font-ui);font-size:var(--text-sm);line-height:1.6}
html.v1 .article-note p{margin:0}
html.v1 .article-note strong{font-weight:650}
html.v1 .article-prose blockquote{margin:2em 0;padding:.25rem 0 .25rem clamp(1rem,2vw,1.75rem);border-left:2px solid var(--color-accent)}
html.v1 .article-prose blockquote p{margin:0 0 .5rem;font-family:var(--font-display);font-size:var(--text-lg);font-style:italic;line-height:1.5}
html.v1 .article-prose blockquote footer{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-muted)}
html.v1 .article-prose figure{margin:2em 0}
html.v1 .article-prose figure{position:relative;isolation:isolate}
html.v1 .article-prose figure::before{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--color-accent-strong) 26%,var(--color-border));pointer-events:none}
html.v1 .article-prose figure img{width:100%;height:auto;display:block}
html.v1 .article-prose figcaption{margin-top:.65rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--color-accent-strong) 30%,var(--color-border));font-family:var(--font-ui);font-size:var(--text-xs);color:var(--color-muted)}
html.v1 .article-table-wrap{overflow-x:auto;margin:2em 0}
html.v1 .article-table-wrap table{margin:0;min-width:19rem}
html.v1 .article-prose table{width:100%;margin:2em 0;border-collapse:collapse;font-family:var(--font-ui);font-size:var(--text-sm)}
html.v1 .article-prose th,html.v1 .article-prose td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}
html.v1 .article-prose th{font-weight:650;border-bottom:1px solid var(--color-text)}
html.v1 .article-sources{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}
html.v1 .article-sources h2{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(1.15rem,1.75vw,1.5rem);font-weight:400}
html.v1 .article-sources>p{margin:0 0 1rem;color:var(--color-muted);font-size:var(--text-sm)}
html.v1 .article-sources ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
html.v1 .article-sources li{font-family:var(--font-reading);font-size:.92rem;line-height:1.55;color:var(--color-muted);padding-top:.7rem;border-top:1px solid var(--color-border)}
html.v1 .article-sources .source-kind{display:block;font:600 .7rem/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.2rem}
html.v1 .article-sources a{color:var(--color-text);text-decoration:underline;text-underline-offset:.2em}
html.v1 .article-review-list{display:grid;gap:1.5rem;margin:0 0 2.5rem}
html.v1 .article-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;margin:2.5rem 0}
html.v1 .article-gallery figure,html.v1 .article-hero-figure{margin:0;border:1px solid var(--color-border)}
html.v1 .article-hero-figure{margin:0 0 2.5rem}
/* height:auto (not 100%, against a figure with no defined height --
   already resolves per spec as if auto, but explicit avoids any
   engine-specific first-pass/second-pass discrepancy in that resolution)
   lets each image use its own intrinsic ratio from its width/height
   attributes, so the box is stable the instant those attributes parse
   instead of depending on a reflow to settle. */
html.v1 .article-gallery img,html.v1 .article-hero-figure img{display:block;width:100%;height:auto;object-fit:cover}
html.v1 .article-gallery img{max-height:26rem}
html.v1 .article-hero-figure img{max-height:34rem;object-position:center 28%}
html.v1 .article-gallery figcaption,html.v1 .article-hero-figure figcaption{padding:.8rem 1rem;color:var(--color-muted);font:400 .85rem/1.5 var(--font-reading)}
html.v1 .article-gallery figure,html.v1 .article-hero-figure{position:relative;isolation:isolate}
html.v1 .article-gallery figure::before,html.v1 .article-hero-figure::before{content:"";position:absolute;inset:10px -10px -10px 10px;border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);pointer-events:none}
@media(max-width:640px){html.v1 .article-gallery{grid-template-columns:1fr}}
html.v1 .rec-list{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:1.5rem}
html.v1 .rec-item{position:relative;padding:1.75rem clamp(1.25rem,3vw,2.25rem);border:1px solid var(--color-border);display:grid;gap:.6rem}
html.v1 .rec-item--featured{border-color:var(--color-accent-strong)}
html.v1 .rec-position{position:absolute;top:1.6rem;right:clamp(1.25rem,3vw,2.25rem);font:400 2rem/1 var(--font-display);color:var(--color-muted)}
html.v1 .rec-item--featured .rec-position{color:var(--color-accent-strong)}
html.v1 .rec-book-title{margin:0;padding-right:3rem;font:400 1.4rem/1.25 var(--font-display)}
html.v1 .rec-book-title a{text-decoration-color:var(--color-accent)}
html.v1 .rec-book-author{margin:0;font:600 .78rem/1.4 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted)}
html.v1 .rec-book-desc{margin:0;font:400 .98rem/1.6 var(--font-reading);color:var(--color-text)}
html.v1 .rec-book-desc a{text-decoration-color:var(--color-accent)}
html.v1 .rec-book-footer{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;margin-top:.4rem}
html.v1 .rec-badge{display:inline-flex;align-items:center;padding:.25rem .6rem;border:1px solid var(--color-border);font:600 .7rem/1.4 var(--font-ui);letter-spacing:.03em;color:var(--color-muted)}
html.v1 .rec-badge--featured{border-color:var(--color-accent-strong);color:var(--color-accent-strong)}
html.v1 .rec-intro-note{margin:0 0 2.5rem;padding:1.25rem 0 1.25rem clamp(1rem,2vw,1.75rem);border-left:2px solid var(--color-accent);font:400 .92rem/1.6 var(--font-reading)}
html.v1 .rec-intro-note p{margin:0 0 .6rem}
html.v1 .rec-intro-note p:last-child{margin-bottom:0}
html.v1 .affiliate-disclosure{margin:0 0 2.5rem;font:400 .82rem/1.55 var(--font-ui);color:var(--color-muted);max-width:66ch}
html.v1 .article-folio{grid-column:3;align-self:start;position:sticky;top:110px;border-left:1px solid var(--color-border);padding-left:1rem;color:var(--color-muted);font-size:var(--text-xs)}
html.v1 .article-folio strong{display:block;margin-bottom:.4rem;color:var(--color-text);font-family:var(--font-display);font-size:1.7rem;font-weight:400}

html.v1 .article-faq,html.v1 .article-end{max-width:var(--layout-wide);display:grid;grid-template-columns:minmax(180px,3fr) minmax(0,7fr) minmax(80px,2fr);gap:clamp(1.5rem,4vw,4.5rem);padding-top:clamp(3.2rem,5.6vw,5.6rem)}
html.v1 .article-faq__head,html.v1 .article-end__label{grid-column:1}
html.v1 .article-faq__head h2,html.v1 .article-end__label h2{margin:.4rem 0 0;font-family:var(--font-display);font-size:clamp(1.65rem,2.5vw,2.7rem);font-weight:400;line-height:1.05}
html.v1 .article-faq__list,html.v1 .article-end__body{grid-column:2;border-top:1px solid var(--color-border)}
html.v1 .article-faq details{border-bottom:1px solid var(--color-border);padding:1.25rem 0}
html.v1 .article-faq summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;cursor:pointer;font-family:var(--font-display);font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.15;list-style:none}
html.v1 .article-faq summary::-webkit-details-marker{display:none}
html.v1 .article-faq summary::after{content:"+";font-family:var(--font-ui);font-weight:400;color:var(--color-muted)}
html.v1 .article-faq details[open] summary::after{content:"–"}
html.v1 .article-faq details p{max-width:62ch;margin:1rem 0 .3rem;font-family:var(--font-reading);line-height:1.65;color:var(--color-muted)}
html.v1 .article-end__body{padding-top:1.25rem}
html.v1 .article-end__body p{font-family:var(--font-reading);font-size:var(--text-lg);max-width:58ch}
html.v1 .article-related{display:grid;margin-top:2rem;border-top:1px solid var(--color-border)}
html.v1 .article-related a{padding:1rem 0;border-bottom:1px solid var(--color-border);text-decoration:none}
html.v1 .article-related a:hover,html.v1 .article-related a:focus-visible{text-decoration:underline;text-decoration-color:var(--color-accent)}

@media (max-width:900px){
  html.v1 .cuaderno-masthead{grid-template-columns:1fr}
  html.v1 .cuaderno-masthead__folio{border-left:0;border-top:1px solid var(--color-border);padding:1rem 0 0;grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline}
  html.v1 .cuaderno-feature{grid-template-columns:1fr;gap:1.2rem}
  html.v1 .cuaderno-feature__meta{grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline;position:static}
  html.v1 .cuaderno-feature__body h2{font-size:clamp(2rem,9.1vw,3rem);max-width:none;overflow-wrap:anywhere;text-wrap:pretty}
  html.v1 .cuaderno-entry{grid-template-columns:2rem minmax(0,1fr);gap:.75rem 1rem}
  html.v1 .cuaderno-entry__meta{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
  html.v1 .cuaderno-entry__body{grid-column:2}
  html.v1 .cuaderno-entry__body h3{max-width:none;overflow-wrap:anywhere;text-wrap:pretty}
  html.v1 .cuaderno-utilities{align-items:flex-start;flex-direction:column;gap:.6rem}
  html.v1 .editorial-continuity,html.v1 .editorial-newsletter{grid-template-columns:1fr;gap:1.5rem}
}

@media (max-width:1023px){
  html.v1 .cuaderno-feature__meta{position:static}
  html.v1 .article-layout{grid-template-columns:minmax(0,1fr)}
  html.v1 .article-folio{display:none}
  html.v1 .article-toc{position:static;max-height:none;margin:0 0 2.5rem;padding:1rem 0;border-bottom:1px solid var(--color-border);overflow:visible}
  html.v1 .article-toc ol{grid-template-columns:1fr;gap:.7rem}
  html.v1 .article-toc a{display:block;max-width:none}
  html.v1 .article-prose{grid-column:auto;max-width:var(--reading-max);margin-inline:auto}
  html.v1 .article-faq,html.v1 .article-end{grid-template-columns:1fr}
  html.v1 .article-faq__head,html.v1 .article-end__label{grid-column:auto}
  html.v1 .article-faq__list,html.v1 .article-end__body{grid-column:auto}
}
@media (min-width:768px) and (max-width:859px){
  html.v1 .article-header{grid-template-columns:1fr}
  html.v1 .article-meta{border-left:0;border-top:1px solid var(--color-border);padding:1rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
  html.v1 .article-layout{display:block;padding-top:2.75rem}
  html.v1 .article-toc{position:static;max-height:none;margin:0 0 2.75rem;padding:1rem 0;border-bottom:1px solid var(--color-border);overflow:visible}
  html.v1 .article-toc ol{display:grid;gap:.65rem;min-width:0}
  html.v1 .article-toc a{display:block;max-width:none}
  html.v1 .article-prose{max-width:var(--reading-max);margin-inline:auto}
  html.v1 .article-table-wrap{max-width:100%;overflow:hidden}
  html.v1 .article-table-wrap table,
  html.v1 .article-table-wrap thead,
  html.v1 .article-table-wrap tbody,
  html.v1 .article-table-wrap tr,
  html.v1 .article-table-wrap th,
  html.v1 .article-table-wrap td{display:block;width:100%}
  html.v1 .article-table-wrap thead{display:none}
  html.v1 .article-table-wrap tr{padding:.65rem 0;border-bottom:1px solid var(--color-border)}
  html.v1 .article-prose th,
  html.v1 .article-prose td{min-width:0;padding:.35rem 0;border-bottom:0;overflow-wrap:break-word}
  html.v1 .article-prose th:first-child,
  html.v1 .article-prose td:first-child{font-weight:650}
  html.v1 .article-faq,html.v1 .article-end{display:block}
  html.v1 .article-faq__head,html.v1 .article-end__label{margin-bottom:1.5rem}
  html.v1 .article-faq__list,html.v1 .article-end__body{border-top:1px solid var(--color-border)}
}
@media (max-width:767px){
  html.v1 .editorial-page{padding-top:2rem}
  html.v1 .editorial-breadcrumb{margin-bottom:2rem}
  html.v1 .cuaderno-masthead{grid-template-columns:1fr}
  html.v1 .cuaderno-masthead h1{font-size:clamp(2.6rem,11.6vw,4.15rem)}
  html.v1 .cuaderno-masthead__folio{border-left:0;border-top:1px solid var(--color-border);padding:1rem 0 0;grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline}
  html.v1 .cuaderno-masthead__folio strong{font-size:1.9rem}
  html.v1 .cuaderno-feature{grid-template-columns:1fr;gap:1.2rem}
  html.v1 .cuaderno-feature__meta{grid-template-columns:auto 1fr;gap:.75rem;align-items:baseline}
  html.v1 .cuaderno-feature__body h2{font-size:clamp(2rem,9.1vw,3rem)}
  html.v1 .cuaderno-archive__head{display:block}
  html.v1 .cuaderno-archive__head h2{font-size:2rem}
  html.v1 .cuaderno-entry{grid-template-columns:2rem minmax(0,1fr);gap:.75rem 1rem}
  html.v1 .cuaderno-entry__meta{grid-column:2;grid-row:1;display:flex;flex-wrap:wrap;gap:.5rem 1rem}
  html.v1 .cuaderno-entry__body{grid-column:2}
  html.v1 .cuaderno-utilities{align-items:flex-start;flex-direction:column;gap:.6rem}
  html.v1 .editorial-continuity,html.v1 .editorial-newsletter{grid-template-columns:1fr;gap:1.5rem}
  html.v1 .article-header{grid-template-columns:1fr}
  html.v1 .article-header h1{font-size:clamp(2.3rem,10.8vw,3.8rem)}
  html.v1 .article-meta{border-left:0;border-top:1px solid var(--color-border);padding:1rem 0 0;display:flex;flex-wrap:wrap;gap:.25rem 1rem}
  html.v1 .article-layout{display:block;padding-top:2.5rem}
  html.v1 .article-toc{position:static;max-height:none;margin-bottom:2.5rem;padding:1rem 0;border-bottom:1px solid var(--color-border);overflow:visible}
  html.v1 .article-toc ol{display:grid;gap:.65rem;min-width:0}
  html.v1 .article-toc a{display:block;max-width:none}
  html.v1 .article-prose{font-size:clamp(1rem,4.3vw,1.1rem);max-width:none}
  html.v1 .article-table-wrap{max-width:100%;overflow:hidden}
  html.v1 .article-table-wrap table,
  html.v1 .article-table-wrap thead,
  html.v1 .article-table-wrap tbody,
  html.v1 .article-table-wrap tr,
  html.v1 .article-table-wrap th,
  html.v1 .article-table-wrap td{display:block;width:100%}
  html.v1 .article-table-wrap thead{display:none}
  html.v1 .article-table-wrap tr{padding:.65rem 0;border-bottom:1px solid var(--color-border)}
  html.v1 .article-prose th,
  html.v1 .article-prose td{min-width:0;padding:.35rem 0;border-bottom:0;overflow-wrap:break-word}
  html.v1 .article-prose th:first-child,
  html.v1 .article-prose td:first-child{font-weight:650}
  html.v1 .article-prose h2{scroll-margin-top:120px;font-size:clamp(1.75rem,7.5vw,2.5rem)}
  html.v1 .article-prose h3{scroll-margin-top:120px}
  html.v1 .article-faq,html.v1 .article-end{display:block}
  html.v1 .article-faq__head,html.v1 .article-end__label{margin-bottom:1.5rem}
  html.v1 .article-faq__list,html.v1 .article-end__body{border-top:1px solid var(--color-border)}
}
@media (max-width:389px){
  html.v1 .editorial-page{padding-inline:1rem}
  html.v1 .cuaderno-entry{grid-template-columns:1.6rem minmax(0,1fr)}
  html.v1 .article-header h1{font-size:clamp(2.1rem,10.8vw,3rem)}
}
@media (prefers-reduced-motion:reduce){html.v1 .reading-progress__bar{transition:none}}
@media print{
  html.v1 .reading-progress,html.v1 .article-toc,html.v1 .article-utilities,html.v1 .editorial-newsletter,html.v1 .article-end{display:none!important}
  html.v1 .editorial-page{max-width:none;padding:0}
  html.v1 .article-header,html.v1 .article-layout{display:block;border:0}
  html.v1 .article-meta{border:0;padding:0}
  html.v1 .article-prose{max-width:none;font-size:11pt;line-height:1.55}
  html.v1 .article-prose h2,html.v1 .article-prose h3{break-after:avoid}
  html.v1 .article-faq{display:block;padding-top:2rem}
  html.v1 .article-faq__list{border-top:1px solid currentColor}
  html.v1 .article-print-source{display:block;margin:2rem 0 0;padding-top:.8rem;border-top:1px solid currentColor;font:9pt/1.45 var(--font-ui);overflow-wrap:anywhere}
}