:root{
--night:#16181d;
--night2:#1b1e24;
--night3:#232730;
--paper:#eee8de;
--paper2:#f4efe7;
--ink:#18191b;
--muted:#aaa091;
--line:rgba(255,255,255,.075);
--maize:#dac99a;
--olive:#6c7556;
--pomegranate:#6c4a3f;
--night-tile:#435060;
--plum:#6d4b5e;
--saffron:#9c8351;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;background:var(--night);color:#efe9df;font-family:"Fragment Mono",monospace;font-variant-numeric:oldstyle-nums proportional-nums;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
/* =========================================================
HEADER
========================================================= */
.top{
height:72px;max-width:1500px;margin:auto;padding:0 26px;display:flex;align-items:center;gap:28px;
border-bottom:1px solid rgba(255,255,255,.075);position:relative;z-index:50;background:var(--night)
}
.top nav{display:flex;gap:24px;font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#a1a2a7}
.top nav a{transition:color .16s ease}.top nav a:hover,.top nav a:focus{color:#f1ebe3}
.top .issue-mini{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#777980}
/* =========================================================
34C DESKTOP OPENING / ACCORDION JACKET
========================================================= */
.desktop-opening{
position:relative;min-height:870px;padding:46px 22px 92px;overflow:hidden;max-width:1380px;margin:0 auto 62px
}
.desktop-opening::before{
content:"LA OTRA";position:absolute;left:0;right:0;top:5px;text-align:center;
font:500 clamp(135px,23vw,380px)/.72 "EB Garamond",serif;letter-spacing:-.055em;text-transform:uppercase;
color:#1a1d22;pointer-events:none
}
.hero{
position:relative;z-index:2;max-width:1320px;height:690px;margin:auto;background:#1c2026;overflow:hidden;
border:1px solid rgba(255,255,255,.08);box-shadow:0 32px 72px rgba(0,0,0,.28)
}
.hero-photo{
position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.06) brightness(.94)
}
.hero.no-cover .hero-photo{
background:radial-gradient(circle at 28% 32%,#343941 0 2px,transparent 3px),linear-gradient(145deg,#252a32,#101216 72%)
}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.34),rgba(0,0,0,.06) 48%,rgba(0,0,0,.28))}
.hero-title{
position:absolute;right:36px;top:30px;text-align:right;z-index:2;color:#f3eee7;
background:rgba(14,16,20,.94);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 36px rgba(0,0,0,.26);
padding:18px 20px 16px
}
.hero-title small,.hero-title .date{display:block;font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.hero-title .laotra{font:500 74px/.84 "EB Garamond",serif;letter-spacing:-.035em;font-variant-caps:small-caps;color:#f4eee7}
.hero-title .number{font:400 116px/.70 "Fragment Mono",monospace;letter-spacing:-.095em;color:#d5c07e}
.hero-title .date{margin-top:8px;color:#c4bbae}
.main-index{
position:absolute;left:30px;top:34px;bottom:34px;width:330px;z-index:5;padding:22px;
background:rgba(234,228,217,.97);color:#1b1b1a;border:1px solid rgba(0,0,0,.09);box-shadow:0 18px 34px rgba(0,0,0,.10);
display:flex;flex-direction:column;transition:opacity .46s cubic-bezier(.2,.72,.2,1),transform .46s cubic-bezier(.2,.72,.2,1)
}
.main-index h1{margin:0;font:500 58px/.86 "EB Garamond",serif;letter-spacing:-.045em}
.main-index .micro,.main-index .instruction{font:400 8px/1.3 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#70695f}
.main-index .micro{margin-top:8px}
.main-index ul{list-style:none;margin:20px 0 0;padding:0}
.main-index li{position:relative;padding:10px 0 11px;border-bottom:1px solid rgba(0,0,0,.10);display:flex;justify-content:space-between;gap:12px;font:500 19px/.98 "EB Garamond",serif}
.main-index li::after{content:"";position:absolute;left:0;bottom:6px;width:42%;height:1.5px;background:#6e4d60;opacity:.56}
.main-index li span{position:relative;z-index:2;background:rgba(234,228,217,.97);padding-right:8px}
.main-index li b{position:relative;z-index:2;background:rgba(234,228,217,.97);padding-left:8px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.10em;color:#877e74}
.main-index .instruction{margin-top:auto;padding-top:14px;border-top:1px solid rgba(0,0,0,.10)}
.accordion-jacket{
--leaf-count:3;position:absolute;left:372px;right:24px;top:26px;bottom:26px;z-index:6;
display:grid;grid-template-columns:70px repeat(var(--leaf-count),minmax(0,1fr));pointer-events:none;opacity:0;transition:opacity .30s
}
.acc-spine{
background:linear-gradient(180deg,rgba(15,16,19,.96),rgba(34,35,40,.88));color:#f1ece5;display:flex;align-items:center;justify-content:center;
transform:translateX(28px);transition:transform .52s cubic-bezier(.2,.72,.2,1);box-shadow:8px 0 26px rgba(0,0,0,.15)
}
.acc-spine-inner{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:center;gap:22px}
.acc-spine .name{font:500 30px/1 "EB Garamond",serif;font-variant-caps:small-caps;letter-spacing:.025em}
.acc-spine .num{font:400 50px/.78 "Fragment Mono",monospace;letter-spacing:-.07em}
.leaf{
--leaf-bg:#cdb97d;--leaf-ink:#171819;--leaf-hot:#634659;min-width:0;color:var(--leaf-ink);padding:18px;
border:1px solid rgba(255,255,255,.08);overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.18);
transform-origin:left center;transform:perspective(1000px) rotateY(-19deg) translateX(30px);opacity:0;
transition:transform .62s cubic-bezier(.2,.72,.2,1),opacity .62s cubic-bezier(.2,.72,.2,1);
background:color-mix(in srgb,var(--leaf-bg) 90%,#eee8de 10%)
}
.leaf-1{--leaf-bg:#cdb97d;--leaf-ink:#171819;--leaf-hot:#634659}
.leaf-2{--leaf-bg:#6b7455;--leaf-ink:#f1ece4;--leaf-hot:#d8c283;transition-delay:.05s}
.leaf-3{--leaf-bg:#434f5e;--leaf-ink:#f1ece4;--leaf-hot:#d1bb7a;transition-delay:.10s}
.leaf-4{--leaf-bg:#755044;--leaf-ink:#f3ede5;--leaf-hot:#d6c07d;transition-delay:.15s}
.leaf-5{--leaf-bg:#8f7950;--leaf-ink:#18191a;--leaf-hot:#f0e7d7;transition-delay:.20s}
.leaf-head{height:38px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid color-mix(in srgb,var(--leaf-ink) 20%,transparent);padding:0 0 10px;margin-bottom:13px}
.leaf-head span{font:500 34px/.86 "EB Garamond",serif;letter-spacing:-.04em;color:var(--leaf-ink)}
.leaf-head b{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--leaf-ink) 68%,transparent)}
.leaf-content{height:calc(100% - 52px);overflow:hidden}
.toc-group{margin:0 0 15px;padding:0 0 11px;border-bottom:1px solid color-mix(in srgb,var(--leaf-ink) 15%,transparent)}
.toc-group:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.toc-group h3{margin:0 0 8px;display:flex;align-items:center;gap:12px;font:400 10px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf-hot)}
.toc-group h3::after{content:"";height:1px;flex:1;background:color-mix(in srgb,var(--leaf-ink) 15%,transparent);margin-left:4px}
.toc-group.is-continuation h3::before{content:"↳";margin-right:1px;color:color-mix(in srgb,var(--leaf-ink) 52%,transparent)}
.toc-group ol{margin:0;padding:0;list-style:none}
.toc-group li{position:relative;margin:0;padding:6px 0 8px 28px;border-bottom:1px solid color-mix(in srgb,var(--leaf-ink) 10%,transparent);transition:none}
.toc-group li:last-child{border-bottom:0}
.toc-group li::before{content:attr(data-n);position:absolute;left:0;top:9px;font:400 7px/1 "Fragment Mono",monospace;letter-spacing:.08em;color:color-mix(in srgb,var(--leaf-ink) 56%,transparent)}
.toc-group li::after{content:"";position:absolute;left:28px;right:0;bottom:6px;height:1px;background:linear-gradient(90deg,var(--leaf-hot) 0 42%,color-mix(in srgb,var(--leaf-ink) 12%,transparent) 42% 100%);opacity:.68;transition:opacity .18s ease,background .28s ease}
.toc-group li:hover,.toc-group li:focus-within{background:transparent;box-shadow:none}
.toc-group li:hover::after,.toc-group li:focus-within::after{opacity:1;background:linear-gradient(90deg,var(--leaf-hot) 0 76%,color-mix(in srgb,var(--leaf-ink) 16%,transparent) 76% 100%)}
.toc-group a{position:relative;z-index:2;display:block;color:var(--leaf-ink)}
.toc-group strong{display:block;width:max-content;max-width:96%;padding-right:7px;background:color-mix(in srgb,var(--leaf-bg) 90%,#eee8de 10%);font:500 16px/1.02 "EB Garamond",serif;letter-spacing:-.025em;color:var(--leaf-ink);font-style:normal;transform:none}
.toc-group em{display:block;width:max-content;max-width:92%;margin-top:3px;padding-right:6px;background:inherit;font:400 7.8px/1.08 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;font-style:normal;color:color-mix(in srgb,var(--leaf-ink) 70%,transparent)}
.accordion-jacket.leaf-count-4 .toc-group strong{font-size:15.3px;line-height:.98}.accordion-jacket.leaf-count-4 .toc-group li{padding-top:5px;padding-bottom:7px}
.accordion-jacket.leaf-count-5 .toc-group strong{font-size:14.2px;line-height:.98}.accordion-jacket.leaf-count-5 .toc-group em{font-size:7.3px}.accordion-jacket.leaf-count-5 .toc-group li{padding-top:4px;padding-bottom:6px}.accordion-jacket.leaf-count-5 .toc-group{margin-bottom:11px;padding-bottom:9px}
@media(hover:hover){
.hero:hover .main-index{opacity:0;transform:translateX(-26px)}
.hero:hover .accordion-jacket{opacity:1;pointer-events:auto}
.hero:hover .acc-spine{transform:translateX(0)}
.hero:hover .leaf{transform:perspective(1000px) rotateY(0) translateX(0);opacity:1}
}
/* =========================================================
MOBILE OPENING — 32C LANGUAGE
========================================================= */
.mobile-opening{display:none}
/* =========================================================
CURRENT ISSUE / SIGNATURAS
========================================================= */
.current-issue{
max-width:1380px;margin:0 auto;background:var(--night2);border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 54px rgba(0,0,0,.18);
padding:86px 26px 108px;color:#efe9df
}
.reader-intro{display:grid;grid-template-columns:1fr .72fr;gap:78px;align-items:end;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.09)}
.reader-intro h2{margin:0;font:500 clamp(58px,7vw,100px)/.82 "EB Garamond",serif;letter-spacing:-.055em;color:#f2ece3}
.reader-intro p{margin:0;font:400 22px/1.34 "EB Garamond",serif;color:#bfb6a9;max-width:620px}
.bound-list{padding-top:16px}
.bound-section{
--panel:#dac99a;--ink2:#171819;--hot:#684d5e;--row-h:56px;--section-h:500px;
margin-top:20px;display:grid;grid-template-columns:70px minmax(0,1fr);height:var(--section-h);min-height:var(--section-h);
border:1px solid rgba(255,255,255,.06);background:#111318;overflow:hidden
}
.bound-section:nth-child(6n+1){--panel:#dac99a;--ink2:#171819;--hot:#684d5e}
.bound-section:nth-child(6n+2){--panel:#6c7556;--ink2:#f2ece4;--hot:#d8c283}
.bound-section:nth-child(6n+3){--panel:#6c4a3f;--ink2:#f4eee6;--hot:#d5c07d}
.bound-section:nth-child(6n+4){--panel:#435060;--ink2:#f2ece4;--hot:#d3bc79}
.bound-section:nth-child(6n+5){--panel:#6d4b5e;--ink2:#f2ece4;--hot:#d9c487}
.bound-section:nth-child(6n+6){--panel:#9c8351;--ink2:#18191a;--hot:#f1e9da}
.bound-section.cover-solo{--section-h:430px;--row-h:62px}.bound-section.cover-short{--section-h:470px;--row-h:58px}.bound-section.cover-medium{--section-h:520px;--row-h:56px}.bound-section.cover-dense{--section-h:610px;--row-h:53px}
.bound-spine{background:#111318;color:#efe9df;display:flex;align-items:center;justify-content:center;position:relative;border-right:4px solid var(--hot)}
.bound-spine strong{writing-mode:vertical-rl;transform:rotate(180deg);font:500 28px/1 "EB Garamond",serif;letter-spacing:-.03em;color:#efe8df}
.bound-spine small{position:absolute;bottom:16px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;color:#968d82}
.bound-pages{display:grid;grid-template-columns:43% 57%;min-width:0;min-height:0;height:100%}
.bound-photo{position:relative;overflow:hidden;background:#24272d;min-width:0;min-height:0}
.photo-target{position:absolute;inset:0}.bound-photo img,.bound-photo .noimg{display:flex;width:100%;height:100%;object-fit:cover}
.photo-target img{filter:saturate(.88) contrast(1.02);transition:opacity .22s ease,transform .28s ease}.photo-target.swap img,.photo-target.swap .noimg{animation:imageIn .32s ease both}@keyframes imageIn{from{opacity:.30;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}
.noimg{align-items:flex-end;justify-content:flex-end;padding:14px;background:linear-gradient(135deg,rgba(0,0,0,.05),rgba(0,0,0,.015)),radial-gradient(circle at 66% 28%,rgba(255,255,255,.55),transparent 31%),#d7d1c7;color:#625c55}
.noimg span{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.18em;text-transform:uppercase}
.caption{position:absolute;left:18px;right:18px;bottom:18px;padding:11px 12px;background:rgba(17,19,24,.91);border:1px solid rgba(255,255,255,.07);color:#f3ede5;backdrop-filter:blur(5px)}
.caption strong{display:block;font:500 19px/1.02 "EB Garamond",serif;letter-spacing:-.025em}.caption span{display:block;margin-top:5px;font:400 7.8px/1 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;color:#b9afa2}
.bound-index{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) 2px;padding:24px 24px 20px 30px;background:var(--panel);color:var(--ink2);min-width:0;min-height:0;overflow:hidden}
.bound-index-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--ink2) 18%,transparent);position:relative;z-index:5}
.bound-index-head b{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--ink2) 78%,transparent)}
.bound-index-head span{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:color-mix(in srgb,var(--ink2) 68%,transparent)}
.type-field{position:relative;min-height:0;margin:0 -2px;padding:12px 2px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;overflow:hidden;pointer-events:none}
.type-kicker,.type-context,.type-author-top{font:400 8px/1.15 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase}
.type-kicker{color:color-mix(in srgb,var(--ink2) 76%,transparent)}
.type-main,.type-sub,.type-authorline{font-family:"EB Garamond",serif;letter-spacing:-.045em}
.type-main{color:var(--hot);font-size:clamp(40px,4vw,62px);line-height:.84}.type-sub{font-size:clamp(17px,1.8vw,24px);line-height:1.02;color:color-mix(in srgb,var(--ink2) 78%,transparent)}
.type-authorline{font-size:clamp(22px,2vw,32px);line-height:.92;color:var(--ink2)}
.type-mark{font:500 clamp(54px,7vw,96px)/.72 "EB Garamond",serif;letter-spacing:-.08em;color:color-mix(in srgb,var(--ink2) 14%,transparent);align-self:start;padding-left:12px}
.type-composition{display:flex;flex-direction:column;gap:3px;max-width:96%}.type-author-top{margin-bottom:6px;color:color-mix(in srgb,var(--ink2) 72%,transparent)}
.mode-sparse .type-field{grid-template-rows:auto 1fr auto auto}.mode-sparse .type-kicker{grid-column:1;grid-row:1}.mode-sparse .type-main{grid-column:1;grid-row:2;align-self:center;font-size:clamp(50px,5vw,74px)}.mode-sparse .type-sub{grid-column:1;grid-row:3}.mode-sparse .type-authorline{grid-column:1;grid-row:4;padding-top:8px}.mode-sparse .type-mark{grid-column:2;grid-row:1/5}
.mode-dense .type-field{grid-template-rows:auto 1fr}.mode-dense .type-composition{grid-column:1;grid-row:2}.mode-dense .type-author-top{grid-column:1;grid-row:1}.mode-dense .type-mark{grid-column:2;grid-row:1/3}.mode-dense.cover-dense .type-main{font-size:clamp(32px,3.1vw,44px)}
.bound-scroll{min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink2) 34%,transparent) transparent;overscroll-behavior:contain}
.bound-section.has-list-scroll .bound-scroll{padding-right:8px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 92%,transparent 100%)}
.bound-row{width:100%;position:relative;isolation:isolate;display:grid;grid-template-columns:36px 1fr 20px;gap:12px;align-items:center;min-height:var(--row-h);border:0;border-bottom:1px solid color-mix(in srgb,var(--ink2) 15%,transparent);background:transparent;text-align:left;cursor:pointer;padding:7px 0 9px;color:var(--ink2);overflow:hidden;transition:none}
.bound-row::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:color-mix(in srgb,var(--ink2) 15%,transparent);z-index:-2}
.bound-row::after{content:"";position:absolute;left:0;top:50%;width:var(--score,36%);height:2px;background:var(--hot);transform:translateY(-.5px);z-index:-1;opacity:.52;transition:width .48s cubic-bezier(.2,.72,.2,1),opacity .2s}
.bound-row:hover::after,.bound-row.active::after,.bound-row.type-active::after{width:100%;opacity:.82}.bound-row:hover,.bound-row.active,.bound-row.type-active{box-shadow:none;background:transparent}
.bound-row .i{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;color:color-mix(in srgb,var(--ink2) 64%,transparent);position:relative;z-index:2;background:var(--panel);width:max-content;padding-right:7px}
.bound-row .copy{min-width:0;position:relative;z-index:2;width:max-content;max-width:96%;background:var(--panel);padding:0 8px 0 0}
.bound-row strong{display:block;font:500 18px/.97 "EB Garamond",serif;letter-spacing:-.025em;color:var(--ink2);font-style:normal;transform:none;transition:none;text-wrap:pretty}
.bound-row small{display:block;margin-top:4px;font:400 7.8px/1.12 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;color:color-mix(in srgb,var(--ink2) 72%,transparent)}
.bound-row .arrow{position:relative;z-index:2;background:var(--panel);padding-left:5px;font:400 17px/1 "EB Garamond",serif;color:var(--hot);opacity:.66}
.bound-progress{height:2px;background:color-mix(in srgb,var(--ink2) 15%,transparent);margin-top:12px;position:relative}.bound-progress i{position:absolute;left:0;top:0;bottom:0;width:var(--p,10%);background:var(--hot);transition:width .22s}
/* =========================================================
ARCHIVE TEASER
========================================================= */
.archive-teaser{max-width:1380px;margin:0 auto;background:#232730;border:1px solid rgba(255,255,255,.06);padding:72px 28px 78px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;color:#eee7dc}
.archive-kicker{display:block;margin-bottom:14px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#b8aea1}
.archive-teaser h2{margin:0;font:500 clamp(58px,7vw,100px)/.82 "EB Garamond",serif;letter-spacing:-.055em;color:#f2ece3}
.archive-teaser p{margin:0;font:400 21px/1.36 "EB Garamond",serif;color:#bfb6a9;max-width:560px}
.archive-links{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.archive-links a{border:1px solid rgba(255,255,255,.13);padding:10px 13px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#c8bfb3;transition:background .16s,color .16s}.archive-links a:hover{background:#d5c07e;color:#171819}
.footer{max-width:1380px;margin:0 auto;background:#111318;border-top:1px solid rgba(255,255,255,.06);padding:36px 10px 54px;display:flex;justify-content:space-between;gap:30px;color:#aaa091;font:400 9px/1.4 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase}
/* =========================================================
MOBILE 32C + 33C CONTENT FIT
========================================================= */
@media(max-width:880px){
.top{height:58px;padding:0 15px}.top nav,.top .issue-mini{display:none}.top .logo{font-size:26px;color:#f2ece4}
.desktop-opening{display:none}.mobile-opening{display:block;background:#16181d;padding:12px 0 0}
.mobile-cover{position:relative;height:68svh;min-height:520px;max-height:720px;margin:0 12px;overflow:hidden;border:1px solid rgba(255,255,255,.075);background:#111318;box-shadow:0 20px 42px rgba(0,0,0,.25)}
.mobile-cover-photo{position:absolute;inset:0;background-size:cover;background-position:center;filter:grayscale(1) contrast(1.05) brightness(.93)}
.mobile-cover-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(9,11,14,.10) 0%,rgba(9,11,14,.02) 40%,rgba(9,11,14,.72) 100%)}
.mobile-cover-info{position:absolute;left:16px;right:16px;bottom:16px;min-height:200px;padding:17px 18px 16px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr auto;align-items:end;background:rgba(15,17,21,.92);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(6px);color:#f3ede5}
.mobile-cover-info .micro{grid-column:1/-1;align-self:start;font:400 8px/1.3 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#bcb2a5}
.mobile-cover-info .title{grid-column:1;grid-row:2;align-self:end;font:500 57px/.78 "EB Garamond",serif;letter-spacing:-.055em;text-transform:uppercase;color:#f4eee6}
.mobile-cover-info .number{grid-column:2;grid-row:2;align-self:end;font:400 92px/.68 "Fragment Mono",monospace;letter-spacing:-.105em;color:#d5c07e;padding-left:12px}
.mobile-cover-info .date{grid-column:1/-1;grid-row:3;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.10);font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#c0b6a9}
.mobile-full-index{margin-top:12px;padding:34px 12px 54px;background:#1b1e24;color:#efe9df;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.mobile-full-index header{margin:0 4px 24px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.10)}
.mobile-full-index h1{margin:0;font:500 54px/.84 "EB Garamond",serif;letter-spacing:-.055em;color:#f2ece3}
.mobile-full-index .count{margin-top:9px;font:400 8px/1.4 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#a99f91}
.mobile-toc-group{--m-bg:#dac99a;--m-ink:#171819;--m-hot:#684d5e;position:relative;margin:0 0 10px;padding:16px 15px 15px;background:var(--m-bg);color:var(--m-ink);border:1px solid rgba(255,255,255,.045)}
.mobile-toc-group:nth-of-type(1){--m-bg:#dac99a;--m-ink:#171819;--m-hot:#684d5e}.mobile-toc-group:nth-of-type(2){--m-bg:#687252;--m-ink:#f2ece4;--m-hot:#d8c283}.mobile-toc-group:nth-of-type(3){--m-bg:#6c4a3f;--m-ink:#f4eee6;--m-hot:#d5c07d}.mobile-toc-group:nth-of-type(4){--m-bg:#435060;--m-ink:#f2ece4;--m-hot:#d3bc79}.mobile-toc-group:nth-of-type(5){--m-bg:#6d4b5e;--m-ink:#f2ece4;--m-hot:#d9c487}.mobile-toc-group:nth-of-type(6){--m-bg:#9c8351;--m-ink:#18191a;--m-hot:#f1e9da}
.mobile-toc-group h3{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid color-mix(in srgb,var(--m-ink) 18%,transparent);font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--m-hot)}
.mobile-toc-group h3::after{content:attr(data-count);color:color-mix(in srgb,var(--m-ink) 62%,transparent)}
.mobile-toc-group ol{margin:0;padding:0;list-style:none}.mobile-toc-group li{position:relative;margin:0;padding:8px 0 11px;border:0;overflow:hidden}.mobile-toc-group li+li{border-top:1px solid color-mix(in srgb,var(--m-ink) 12%,transparent)}
.mobile-toc-group li::after{content:"";position:absolute;left:0;bottom:5px;width:var(--mobile-score,55%);height:1.5px;background:var(--m-hot);opacity:.72}.mobile-toc-group a{position:relative;z-index:2;display:block;padding-right:14px}.mobile-toc-group strong{display:block;font:500 19px/.99 "EB Garamond",serif;letter-spacing:-.025em;color:var(--m-ink)}.mobile-toc-group em{display:block;margin-top:5px;padding-bottom:4px;font:400 7.8px/1.25 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;font-style:normal;color:color-mix(in srgb,var(--m-ink) 72%,transparent)}
.current-issue{margin:0;padding:68px 12px 86px;background:#1b1e24;border:0;box-shadow:none}
.reader-intro{display:block;padding:0 4px 24px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.09)}.reader-intro h2{font-size:53px;line-height:.85}.reader-intro p{margin-top:18px;font-size:19px;line-height:1.35;max-width:none}
.bound-section,.bound-section.stable-preview,.bound-section.mode-dense,.bound-section.mode-sparse,.bound-section.cover-solo,.bound-section.cover-short,.bound-section.cover-medium,.bound-section.cover-dense{display:block;height:auto;min-height:0;max-height:none;margin:0 0 14px;border:1px solid rgba(255,255,255,.065);background:#16181d}
.bound-spine{height:auto;min-height:48px;padding:11px 14px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:0;border-bottom:1px solid rgba(255,255,255,.075);background:#111318}.bound-spine strong{writing-mode:horizontal-tb;transform:none;font-size:24px;line-height:.95}.bound-spine small{position:static}
.bound-pages{display:block;height:auto;min-height:0;max-height:none}.bound-photo{height:245px;min-height:245px}.bound-section.cover-solo .bound-photo,.bound-section.cover-short .bound-photo{height:210px;min-height:210px}.bound-photo:has(.noimg){height:150px;min-height:150px}.bound-photo:has(.noimg) .noimg{height:150px;min-height:150px}
.caption{left:12px;right:12px;bottom:12px;padding:12px 13px}.caption strong{font-size:18px}.caption span{font-size:7.8px}
.bound-index{display:flex;height:auto;min-height:0;max-height:none;padding:18px 14px 16px;overflow:visible}.bound-index-head{padding-bottom:10px;margin-bottom:2px}.type-field{display:none!important;height:0!important;min-height:0!important;max-height:0!important;margin:0!important;padding:0!important}.bound-scroll{height:auto;min-height:0;max-height:none!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
.bound-row{min-height:0!important;padding:9px 0 12px;grid-template-columns:24px minmax(0,1fr) 14px;gap:8px;align-items:end}.bound-row+.bound-row{border-top:1px solid color-mix(in srgb,var(--ink2) 12%,transparent)}.bound-row::before{left:32px;top:auto;bottom:6px}.bound-row::after{left:32px;top:auto;bottom:6px;height:1.5px}.bound-row .copy{max-width:100%;width:auto;padding:0 7px 3px 0;background:transparent}.bound-row .i,.bound-row .arrow{background:transparent}.bound-row strong{font-size:18px;line-height:.98}.bound-row small{margin-top:5px;font-size:7.7px}.bound-progress{margin-top:10px}
.archive-teaser{margin:0;padding:58px 16px 64px;display:block}.archive-teaser h2{font-size:49px}.archive-teaser p{margin-top:24px;font-size:19px}.footer{max-width:none;margin:0;padding:26px 14px 40px;flex-direction:column;gap:10px}
}
@media(max-width:520px){.mobile-cover{height:65svh;min-height:500px}.mobile-cover-info .title{font-size:50px}.mobile-cover-info .number{font-size:80px}.mobile-full-index h1{font-size:49px}.reader-intro h2{font-size:49px}.bound-photo{height:230px;min-height:230px}}
/* =========================================================
REAL-DATA SUBPAGES — HARMONIZED WITH 31C
========================================================= */
.page-head{max-width:1380px;margin:0 auto;padding:88px 28px 70px;border:1px solid rgba(255,255,255,.06);border-top:0;background:#1b1e24}.page-head-eyebrow{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#9d958a}.page-head h1{margin:10px 0 0;font:500 clamp(64px,9vw,132px)/.78 "EB Garamond",serif;letter-spacing:-.065em;color:#f1ebe3}.page-head h1 i{font-style:italic;font-weight:400}.page-head p{max-width:760px;margin:22px 0 0;font:400 20px/1.35 "EB Garamond",serif;color:#b7aea2}
.archive-main,.contributors-main{max-width:1380px;margin:0 auto;background:#1b1e24;color:#efe9df;padding:72px 28px 110px;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}
.archive-era-head{display:grid;grid-template-columns:210px 1fr;gap:28px;align-items:end;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09)}.archive-era-head>span{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;color:#a69c90}.archive-era-head h2{margin:0;font:500 clamp(48px,6vw,82px)/.84 "EB Garamond",serif;letter-spacing:-.055em;color:#f0e9e0}
.modern-issues{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);margin:28px 0 90px}.modern-issue{--tile:#dac99a;--tile-ink:#171819;background:var(--tile);color:var(--tile-ink);min-height:220px;padding:22px;display:grid;grid-template-rows:1fr auto auto;overflow:hidden;position:relative}.modern-issue:nth-child(6n+2){--tile:#6c7556;--tile-ink:#f2ece4}.modern-issue:nth-child(6n+3){--tile:#6c4a3f;--tile-ink:#f4eee6}.modern-issue:nth-child(6n+4){--tile:#435060;--tile-ink:#f2ece4}.modern-issue:nth-child(6n+5){--tile:#6d4b5e;--tile-ink:#f2ece4}.modern-issue:nth-child(6n+6){--tile:#9c8351;--tile-ink:#18191a}.modern-no{font:500 clamp(80px,9vw,150px)/.72 "EB Garamond",serif;letter-spacing:-.085em}.modern-date{font:500 23px/1 "EB Garamond",serif}.modern-count{margin-top:8px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--tile-ink) 68%,transparent)}
.archive-historic{padding-top:12px}.archive-year{display:grid;grid-template-columns:150px 1fr;border-bottom:1px solid rgba(255,255,255,.08);padding:22px 0}.archive-year h3{margin:0;font:500 48px/.9 "EB Garamond",serif;letter-spacing:-.05em}.ledger a{display:grid;grid-template-columns:80px 1fr 110px;gap:20px;align-items:baseline;border-top:1px solid rgba(255,255,255,.07);padding:10px 0}.ledger a:first-child{border-top:0}.ledger b{font:500 26px/.9 "EB Garamond",serif}.ledger span{font:500 18px/1.1 "EB Garamond",serif}.ledger em{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;color:#aaa091;text-align:right;font-style:normal}
.issue-main{max-width:1380px;margin:0 auto;min-height:80vh;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.issue-modern{background:#16181d}.issue-modern-head{min-height:430px;padding:76px 28px;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.07);background:#1b1e24}.issue-ghost{position:absolute;right:-10px;top:-75px;font:500 clamp(240px,35vw,540px)/.72 "EB Garamond",serif;letter-spacing:-.12em;color:#20242a;z-index:0}.issue-kicker,.issue-modern-head h1,.issue-modern-head p{position:relative;z-index:1}.issue-kicker{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#9e958a}.issue-modern-head h1{margin:55px 0 0;font:500 clamp(76px,10vw,150px)/.72 "EB Garamond",serif;letter-spacing:-.075em}.issue-modern-head h1 i{font-weight:400}.issue-modern-head p{font:400 18px/1.3 "EB Garamond",serif;color:#aaa091}.issue-modern-groups{padding:42px 28px 110px;display:grid;grid-template-columns:repeat(2,1fr);gap:38px 60px;background:#1b1e24}.issue-section h2{margin:0 0 8px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;font:500 34px/.9 "EB Garamond",serif}.issue-section h2 span{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.11em;color:#9a9186}.issue-section>a{display:grid;grid-template-columns:34px 1fr 120px;gap:12px;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.issue-section>a b{font:400 8px/1 "Fragment Mono",monospace;color:#888075}.issue-section>a strong{font:500 18px/1.05 "EB Garamond",serif}.issue-section>a em{font:400 7.8px/1.2 "Fragment Mono",monospace;letter-spacing:.08em;color:#aaa091;text-align:right;text-transform:uppercase;font-style:normal}
.issue-historic{background:#eee8de;color:#18191b}.historic-head{padding:80px 28px 54px;display:grid;grid-template-columns:230px 1fr;gap:45px;align-items:end;border-bottom:1px solid #bbb4aa}.historic-no{font:500 180px/.66 "EB Garamond",serif;letter-spacing:-.10em}.historic-head span,.historic-head p{font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#6f685f}.historic-head h1{margin:8px 0 0;font:500 clamp(54px,7vw,92px)/.85 "EB Garamond",serif;letter-spacing:-.04em}.historic-list{padding:34px 28px 110px}.historic-list>a{display:grid;grid-template-columns:55px 1fr 145px 90px;gap:20px;align-items:baseline;padding:12px 0;border-bottom:1px solid #ccc5bb}.historic-list b,.historic-list span,.historic-list em{font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#756e67}.historic-list strong{font:500 20px/1.05 "EB Garamond",serif}.historic-list em{font-style:normal;text-align:right}
.alpha-nav{position:sticky;top:0;z-index:10;background:rgba(27,30,36,.94);backdrop-filter:blur(10px);display:flex;gap:6px;flex-wrap:wrap;padding:14px 0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.alpha-nav a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);font:400 9px/1 "Fragment Mono",monospace}.letter-group{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid rgba(255,255,255,.08);padding:28px 0}.letter-mark{font:500 88px/.72 "EB Garamond",serif;color:#d5c07e}.person-list a{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid rgba(255,255,255,.07)}.person-list a:first-child{border-top:0}.person-list strong{font:500 22px/1 "EB Garamond",serif}.person-list span{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#aaa091}
.contributor-main,.single-main{max-width:1380px;margin:0 auto;background:#1b1e24;color:#efe9df;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}.contributor-head{padding:80px 28px 54px;border-bottom:1px solid rgba(255,255,255,.08)}.contributor-head span,.single-meta{font:400 9px/1.4 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#a79e92}.contributor-head h1,.single-head h1{margin:10px 0 0;font:500 clamp(58px,8vw,110px)/.82 "EB Garamond",serif;letter-spacing:-.055em}.contributor-head p{font:400 20px/1.35 "EB Garamond",serif;color:#b9b0a4}.contributor-posts{padding:30px 28px 100px}.contributor-posts>a{display:grid;grid-template-columns:44px 1fr 150px 90px;gap:16px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07)}.contributor-posts b,.contributor-posts span,.contributor-posts em{font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#a59c90}.contributor-posts strong{font:500 20px/1.04 "EB Garamond",serif}.contributor-posts em{text-align:right;font-style:normal}
.single-head{padding:78px 28px 48px;border-bottom:1px solid rgba(255,255,255,.08)}.single-meta{display:flex;gap:16px;flex-wrap:wrap}.single-meta a{color:#d5c07e}.single-feature{max-width:1080px;margin:42px auto 0;padding:0 28px}.single-feature img{width:100%;max-height:70vh;object-fit:contain;background:#111318}.article-body{max-width:880px;margin:0 auto;padding:58px 28px 90px;font:400 20px/1.55 "EB Garamond",serif;color:#e9e2d8}.article-body.prose p{text-align:justify;text-wrap:pretty}.article-body.poetry p{text-align:start;white-space:normal}.article-body blockquote{margin:2em 0;padding-left:1.2em;border-left:2px solid #d5c07e;color:#c5bbaf}.article-body img{height:auto}.article-body figure{max-width:100%;margin:2em auto}.article-body iframe,.article-body video,.article-body object,.article-body embed{max-width:100%}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.article-body td,.article-body th{padding:.45em;border:1px solid rgba(255,255,255,.12)}.single-foot{max-width:880px;margin:0 auto;padding:0 28px 60px;display:flex;justify-content:space-between;gap:24px;font:400 8px/1.3 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;color:#aaa091}
@media(max-width:880px){
.page-head{padding:58px 16px 44px}.page-head h1{font-size:58px}.page-head p{font-size:19px}.archive-main,.contributors-main{padding:50px 16px 80px}.archive-era-head{grid-template-columns:1fr;gap:8px}.modern-issues{grid-template-columns:1fr}.archive-year{grid-template-columns:1fr;gap:12px}.ledger a{grid-template-columns:60px 1fr 86px}.issue-modern-head{min-height:330px;padding:55px 16px}.issue-modern-groups{padding:32px 16px 70px;grid-template-columns:1fr}.historic-head{padding:55px 16px 40px;grid-template-columns:1fr}.historic-no{font-size:120px}.historic-list{padding:24px 16px 70px}.historic-list>a{grid-template-columns:38px 1fr;gap:8px 12px}.historic-list span,.historic-list em{grid-column:2}.historic-list em{text-align:left}.letter-group{grid-template-columns:70px 1fr}.letter-mark{font-size:58px}.person-list a{display:block}.person-list span{display:block;margin-top:4px}.contributor-head,.single-head{padding:58px 16px 40px}.contributor-posts{padding:24px 16px 70px}.contributor-posts>a{grid-template-columns:34px 1fr;gap:8px 10px}.contributor-posts span,.contributor-posts em{grid-column:2}.contributor-posts em{text-align:left}.single-feature{padding:0 16px}.article-body{padding:42px 18px 70px;font-size:19px}.single-foot{padding:0 18px 46px;flex-direction:column}}
/* Future-dense issue safeguard: still no vertical scrolling in the 3–5-leaf jacket. */
@media(min-width:881px){
.accordion-jacket.toc-dense .toc-group strong{font-size:13.2px;line-height:.96}
.accordion-jacket.toc-dense .toc-group em{font-size:6.8px;margin-top:2px}
.accordion-jacket.toc-dense .toc-group li{padding-top:3px;padding-bottom:5px}
.accordion-jacket.toc-dense .toc-group{margin-bottom:8px;padding-bottom:7px}
.accordion-jacket.toc-ultra-dense .toc-group strong{font-size:11.5px;line-height:.94}
.accordion-jacket.toc-ultra-dense .toc-group em{font-size:6.2px;margin-top:1px}
.accordion-jacket.toc-ultra-dense .toc-group li{padding-top:2px;padding-bottom:4px}
.accordion-jacket.toc-ultra-dense .toc-group{margin-bottom:6px;padding-bottom:5px}
.accordion-jacket.toc-ultra-dense .toc-group h3{font-size:7px;margin-bottom:5px}
}
/* =========================================================
CONTRIBUTORS V3 — PERSON-TAG INDEX
Clean human-name index, harmonized with 34C / 31C.
========================================================= */
.contributors-tools{display:grid;grid-template-columns:220px minmax(260px,520px);gap:32px;align-items:end;padding:0 0 28px;margin-bottom:2px;border-bottom:1px solid rgba(255,255,255,.08)}
.contributors-stat strong{display:block;font:500 62px/.74 "EB Garamond",serif;letter-spacing:-.065em;color:#d5c07e}.contributors-stat span,.contributors-search>span{display:block;margin-top:9px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#9f968a}
.contributors-search input{width:100%;margin-top:8px;padding:12px 0 10px;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;outline:0;background:transparent;color:#efe9df;font:500 23px/1 "EB Garamond",serif;letter-spacing:-.02em}.contributors-search input::placeholder{color:#6f6b66}.contributors-search input:focus{border-bottom-color:#d5c07e}
.contributors-main .alpha-nav{top:0;margin:0 0 10px;padding-top:18px}
.letter-group{transition:opacity .15s ease}.letter-group[hidden],.person-row[hidden]{display:none!important}.person-list .person-row{position:relative;padding:12px 0 13px}.person-list .person-row::after{content:"";position:absolute;left:0;bottom:8px;width:0;height:1px;background:#d5c07e;opacity:.65;transition:width .25s cubic-bezier(.2,.72,.2,1)}.person-list .person-row:hover::after,.person-list .person-row:focus::after{width:52px}.person-list .person-row strong{font-size:23px;letter-spacing:-.025em}.person-list .person-row span{white-space:nowrap}
.contributors-empty{margin:44px 0;font:500 24px/1.2 "EB Garamond",serif;color:#aaa091}
@media(max-width:880px){.contributors-tools{grid-template-columns:1fr;gap:18px}.contributors-stat strong{font-size:52px}.contributors-search input{font-size:21px}.person-list .person-row{padding:11px 0 12px}.person-list .person-row strong{font-size:21px}}
/* =========================================================
SINGLE CONTENT V4 — LIGHT EDITORIAL READING PAPER
Text is primary; photography is secondary. Historical (<186)
pages are typographic and preserve galleries/albums only.
========================================================= */
.single-page{background:#16181d;color:#1d1b18}
.single-page .top{background:#16181d;color:#efe9df}
.single-main{max-width:1380px;margin:0 auto;background:#f4efe7!important;color:#1d1b18!important;border-left:1px solid rgba(255,255,255,.055)!important;border-right:1px solid rgba(255,255,255,.055)!important;box-shadow:0 28px 80px rgba(0,0,0,.20)}
.single-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:82px minmax(0,1fr);gap:38px;padding:70px 54px 54px;border-bottom:1px solid #c9c1b5;overflow:hidden;background:#f4efe7}
.single-hero.has-feature{grid-template-columns:82px minmax(0,1fr) minmax(260px,360px);gap:38px}
.single-hero::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--single-accent,#6d4b5e);z-index:2}
.single-folio{position:relative;z-index:2;min-width:0;padding-top:2px;border-right:1px solid #c9c1b5;display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#6e675f}
.single-folio span,.single-folio small{font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase}
.single-folio strong{font:500 54px/.72 "EB Garamond",serif;letter-spacing:-.07em;color:var(--single-accent,#6d4b5e)}
.single-folio small{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto;padding:0 0 3px 1px}
.single-heading{position:relative;z-index:2;align-self:center;min-width:0}
.single-meta{display:flex;gap:9px 16px;flex-wrap:wrap;margin-bottom:23px;font:400 8px/1.3 "Fragment Mono",monospace!important;letter-spacing:.11em!important;text-transform:uppercase;color:#716a61!important}
.single-meta span,.single-meta a{position:relative}.single-meta span+span::before,.single-meta a::before{content:"·";position:absolute;left:-10px;color:#aaa196}.single-meta a{color:var(--single-accent,#6d4b5e)!important}
.single-heading h1{max-width:900px;margin:0;font:500 clamp(54px,6.6vw,100px)/.82 "EB Garamond",serif!important;letter-spacing:-.06em!important;color:#1b1a18!important;text-wrap:balance}
.single-subtitle{max-width:820px;margin:16px 0 0;font:400 clamp(26px,3.2vw,43px)/.98 "EB Garamond",serif;letter-spacing:-.035em;color:#5f574f;text-wrap:balance}
.single-byline{display:flex;align-items:baseline;gap:10px;margin-top:30px;padding-top:14px;border-top:1px solid #d5cec4;max-width:620px}
.single-byline span{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#847c72}.single-byline strong{font:500 23px/1 "EB Garamond",serif;letter-spacing:-.02em;color:var(--single-accent,#6d4b5e)}
.single-feature{position:relative;z-index:2;align-self:center;margin:0!important;padding:0!important;border:1px solid #c5bdb2;background:#e9e2d7;box-shadow:0 16px 34px rgba(61,50,39,.08)}
.single-feature::after{content:"imagen de archivo";position:absolute;right:8px;bottom:7px;padding:4px 6px;background:rgba(244,239,231,.86);font:400 6.5px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#716a61}
.single-feature img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;max-height:360px!important;object-fit:cover!important;background:#e9e2d7!important;filter:grayscale(.18) saturate(.78) contrast(.98)}
/* Historical single pages become a typographic folio, never a photo hero. */
.single-historic .single-hero{min-height:410px;grid-template-columns:82px minmax(0,1fr);align-items:center;padding-right:90px}
.single-historic .single-hero::after{content:attr(data-issue);position:absolute;right:-.055em;bottom:-.22em;z-index:0;font:500 clamp(220px,32vw,500px)/.72 "EB Garamond",serif;letter-spacing:-.12em;color:#ebe4d9;pointer-events:none}
.single-historic .single-heading{max-width:960px}.single-historic .single-heading h1{font-size:clamp(62px,8vw,118px)}
.single-reading-shell{max-width:1070px;margin:0 auto;display:grid;grid-template-columns:150px minmax(0,780px);gap:62px;padding:62px 28px 94px}
.single-margin{align-self:start;position:sticky;top:24px;padding-top:4px;color:#6c655d}
.single-margin>div{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid #d3ccc1}.single-margin span{display:block;font:400 7.5px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#8b8379}.single-margin strong{display:block;margin-top:6px;font:500 18px/.98 "EB Garamond",serif;color:#3f3a35}.single-margin p{margin:20px 0 0;font:400 11px/1.45 "Fragment Mono",monospace;color:#8a8177}
.article-body{max-width:none!important;margin:0!important;padding:0!important;font:400 21.5px/1.58 "EB Garamond",serif!important;color:#26221e!important;letter-spacing:.001em}
.article-body>*:first-child{margin-top:0}
.article-body p{margin:0 0 1.18em}.article-body.prose p{text-align:justify!important;text-wrap:pretty;hyphens:auto}.article-body.poetry p{text-align:start!important;white-space:normal}
.article-body.prose>p:first-of-type{font-size:1.08em;line-height:1.52;color:#1e1b18}
.article-body h2,.article-body h3,.article-body h4{font-family:"EB Garamond",serif;color:#211e1a;letter-spacing:-.035em;line-height:.95;margin:1.75em 0 .55em}.article-body h2{font-size:38px}.article-body h3{font-size:31px}.article-body h4{font-size:25px}
.article-body a{color:inherit;text-decoration-color:color-mix(in srgb,var(--single-accent) 65%,transparent);text-decoration-thickness:1px;text-underline-offset:.16em}.article-body a:hover{text-decoration-color:var(--single-accent)}
.article-body blockquote{margin:2.2em 0!important;padding:.1em 0 .1em 1.35em!important;border-left:2px solid var(--single-accent)!important;color:#574f47!important;font-size:1.08em}
.article-body hr{border:0;border-top:1px solid #cec6bb;margin:2.6em 0}.article-body ul,.article-body ol{padding-left:1.15em}.article-body li{margin:.3em 0}
.article-body img{max-width:100%;height:auto}.article-body figure{max-width:100%;margin:2.25em auto}.article-body figure.wp-block-image,.article-body .wp-caption{padding:8px;background:#ece5da;border:1px solid #d3cabf}.article-body figcaption,.article-body .wp-caption-text{margin:8px 3px 2px;font:400 8px/1.35 "Fragment Mono",monospace;letter-spacing:.06em;color:#756d64}
.article-body iframe,.article-body video,.article-body object,.article-body embed{max-width:100%}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;font-size:.9em}.article-body td,.article-body th{padding:.55em .65em;border:1px solid #cfc7bb!important}.article-body th{font-weight:600}
/* Galleries/albums are the one photographic form deliberately kept in the historical archive. */
.article-body .gallery,.article-body .wp-block-gallery,.article-body .blocks-gallery-grid,.article-body [class*="gallery"],.article-body [class*="album"]{width:min(980px,calc(100vw - 38px));max-width:none;margin:3em 0 3em 50%;transform:translateX(-50%);padding:12px;background:#e9e2d7;border:1px solid #d0c7bb}
.article-body .gallery img,.article-body .wp-block-gallery img,.article-body [class*="gallery"] img,.article-body [class*="album"] img{display:block;width:100%;height:auto;filter:none}
.article-body .gallery-caption,.article-body .blocks-gallery-item__caption{font:400 8px/1.3 "Fragment Mono",monospace!important;letter-spacing:.05em;color:#6f675e!important;background:rgba(244,239,231,.92)!important}
.single-foot{max-width:1070px;margin:0 auto!important;padding:20px 28px 58px!important;border-top:1px solid #cec6bb;display:flex;justify-content:space-between;gap:24px;font:400 8px/1.3 "Fragment Mono",monospace!important;letter-spacing:.10em;text-transform:uppercase;color:#756d64!important}.single-foot a:hover{color:var(--single-accent)}
@media(max-width:980px){.single-hero.has-feature{grid-template-columns:68px minmax(0,1fr) 270px;gap:26px;padding-left:30px;padding-right:30px}.single-heading h1{font-size:60px}.single-subtitle{font-size:30px}.single-reading-shell{grid-template-columns:120px minmax(0,1fr);gap:38px}}
@media(max-width:760px){
.single-main{border:0!important;box-shadow:none}.single-hero,.single-hero.has-feature,.single-historic .single-hero{display:grid;grid-template-columns:1fr;gap:24px;min-height:0;padding:42px 18px 34px}.single-hero::before{width:3px}.single-historic .single-hero::after{font-size:220px;right:-.04em;bottom:-.12em}.single-folio{border-right:0;border-bottom:1px solid #d0c8bd;padding:0 0 12px;display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px}.single-folio strong{font-size:34px}.single-folio small{writing-mode:horizontal-tb;transform:none;margin:0;text-align:right}.single-meta{margin-bottom:17px}.single-meta span+span::before,.single-meta a::before{display:none}.single-heading h1,.single-historic .single-heading h1{font-size:clamp(45px,13vw,66px);line-height:.84}.single-subtitle{font-size:27px;margin-top:12px}.single-byline{margin-top:24px}.single-feature{width:min(100%,520px);justify-self:start}.single-feature img{aspect-ratio:16/10;max-height:320px!important}.single-reading-shell{display:block;padding:38px 18px 70px}.single-margin{position:static;display:flex;gap:16px;flex-wrap:wrap;margin-bottom:34px;padding-bottom:12px;border-bottom:1px solid #d3ccc1}.single-margin>div{min-width:90px;margin:0;padding:0;border:0}.single-margin p{flex-basis:100%;margin:6px 0 0}.article-body{font-size:20px!important;line-height:1.55!important}.article-body.prose p{text-align:start!important;hyphens:none}.article-body h2{font-size:34px}.article-body h3{font-size:28px}.article-body .gallery,.article-body .wp-block-gallery,.article-body .blocks-gallery-grid,.article-body [class*="gallery"],.article-body [class*="album"]{width:calc(100vw - 24px);margin-top:2.4em;margin-bottom:2.4em}.single-foot{padding:18px 18px 42px!important;flex-direction:column}}
/* =========================================================
V5 — ASYMMETRIC FEATURE FRAME
Modern issue photography is secondary to the text, but when present it
gets a precise asymmetric editorial frame rather than a generic card.
Historical (<186) pages still render no featured image at all.
========================================================= */
.single-modern .single-feature-asymmetric{
position:relative;
isolation:isolate;
overflow:visible;
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:12px 14px 14px 0!important;
}
/* Fine upper/right frame, deliberately offset from the photograph. */
.single-modern .single-feature-asymmetric::before{
content:"";
position:absolute;
z-index:-1;
top:0;
right:0;
bottom:27px;
left:22px;
border-top:1px solid color-mix(in srgb,var(--single-accent) 72%,#bcb3a7);
border-right:1px solid color-mix(in srgb,var(--single-accent) 72%,#bcb3a7);
pointer-events:none;
}
/* Heavier lower/left corner creates the asymmetric counterweight. */
.single-modern .single-feature-asymmetric::after{
content:"";
position:absolute;
z-index:3;
left:-9px;
bottom:-8px;
width:42%;
height:34%;
border-left:4px solid var(--single-accent);
border-bottom:1px solid var(--single-accent);
pointer-events:none;
opacity:.88;
}
.single-modern .single-feature-asymmetric img{
position:relative;
z-index:2;
display:block;
width:100%!important;
height:auto!important;
aspect-ratio:4/3;
max-height:350px!important;
object-fit:cover!important;
background:#e9e2d7!important;
border:1px solid #c6bdb1;
box-shadow:
10px 11px 0 #e5ddd1,
11px 12px 0 rgba(84,72,59,.16);
filter:grayscale(.14) saturate(.82) contrast(.99);
}
/* A small unframed notch in the top-left prevents the treatment from
becoming a conventional centered picture frame. */
.single-modern .single-feature-asymmetric img{
clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 18px,7px 18px,7px 0);
}
@media(max-width:760px){
.single-modern .single-feature-asymmetric{
padding:9px 9px 11px 0!important;
margin-left:5px!important;
}
.single-modern .single-feature-asymmetric::before{
left:15px;
bottom:20px;
}
.single-modern .single-feature-asymmetric::after{
left:-6px;
bottom:-6px;
width:36%;
height:28%;
border-left-width:3px;
}
.single-modern .single-feature-asymmetric img{
aspect-ratio:16/10;
max-height:320px!important;
box-shadow:
7px 8px 0 #e5ddd1,
8px 9px 0 rgba(84,72,59,.14);
}
}
/* =========================================================
V6 — QUIET ROW HOVER + IMMUTABLE PREVIEW GEOMETRY
Hover changes only the score line / small indicator. The row itself never
gets a tint, fill, text transformation, or inset frame.
========================================================= */
.toc-group li:hover,.toc-group li:focus-within{
background:transparent!important;
box-shadow:none!important;
}
.bound-row:hover,.bound-row.active,.bound-row.type-active{
background:transparent!important;
box-shadow:none!important;
}
.bound-row,.bound-row .copy,.bound-row strong,.bound-row small,
.toc-group li,.toc-group strong,.toc-group em{
transform:none!important;
}
@media(min-width:881px){
.bound-section.hover-geometry-locked .type-field{
height:var(--locked-type-h,170px)!important;
min-height:var(--locked-type-h,170px)!important;
max-height:var(--locked-type-h,170px)!important;
overflow:hidden!important;
}
}
/* =========================================================
V7 — OFFICIAL BRAND ASSETS
Supplied logos are used as artwork, not recreated typography.
========================================================= */
.site-brand{
margin-right:auto;
display:flex;
align-items:center;
min-width:0;
line-height:0;
}
.brand-wordmark{
display:block;
width:auto;
height:52px;
max-width:230px;
object-fit:contain;
object-position:left center;
opacity:.97;
filter:drop-shadow(0 1px 0 rgba(255,255,255,.02));
transition:opacity .16s ease;
}
.site-brand:hover .brand-wordmark,
.site-brand:focus-visible .brand-wordmark{opacity:1}
.footer{
position:relative;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:center;
justify-content:initial;
gap:20px 28px;
text-transform:none;
}
.footer-emblem{
display:grid;
place-items:center;
width:58px;
height:58px;
flex:0 0 auto;
}
.footer-emblem img{
display:block;
width:58px;
height:58px;
object-fit:contain;
opacity:.86;
transition:opacity .16s ease,transform .18s ease;
}
.footer-emblem:hover img,
.footer-emblem:focus-visible img{
opacity:1;
transform:translateY(-1px);
}
.footer-copy{
min-width:0;
display:flex;
flex-direction:column;
gap:5px;
}
.footer-copy strong{
font:500 22px/.95 "EB Garamond",serif;
letter-spacing:-.025em;
color:#e9e2d8;
}
.footer-copy span,
.footer-meta span{
font:400 8px/1.35 "Fragment Mono",monospace;
letter-spacing:.105em;
text-transform:uppercase;
color:#978e82;
}
.footer-meta{
display:flex;
flex-direction:column;
align-items:flex-end;
gap:5px;
text-align:right;
}
.footer::after{
content:"";
position:absolute;
left:96px;
right:10px;
top:0;
height:1px;
background:linear-gradient(90deg,#b62f30 0 70px,rgba(255,255,255,.06) 70px 100%);
pointer-events:none;
}
@media(max-width:880px){
.top{
height:64px;
padding:0 14px;
}
.brand-wordmark{
height:44px;
max-width:184px;
}
.footer{
display:grid;
grid-template-columns:46px minmax(0,1fr);
gap:14px 16px;
padding:24px 14px 34px;
}
.footer-emblem,
.footer-emblem img{
width:46px;
height:46px;
}
.footer-copy strong{font-size:20px}
.footer-meta{
grid-column:2;
align-items:flex-start;
text-align:left;
margin-top:-4px;
}
.footer::after{
left:76px;
right:14px;
}
}
@media(max-width:420px){
.brand-wordmark{
height:40px;
max-width:166px;
}
}
/* =========================================================
V8 — CLEAN TITLE DISPLAY / AUTHORED LINE BREAKS
========================================================= */
.toc-group strong br,
.bound-row strong br,
.caption strong br,
.issue-section strong br,
.historic-list strong br,
.contributor-posts strong br{display:block}
.toc-group strong{line-height:1.01}
.bound-row strong{line-height:.99}
.caption strong{line-height:.96}
.type-sub br{display:block}
.type-sub{white-space:normal!important}
.single-heading h1 br{display:block}
.single-heading h1{text-wrap:balance}
.single-heading .single-subtitle{display:none!important}
@media(max-width:880px){
.mobile-toc-group strong{line-height:1!important}
.bound-row strong{line-height:.99!important}
.single-heading h1{line-height:.88!important}
}
/* =========================================================
V10 — READABLE / WIDER DESKTOP SUMARIO
The closed cover/index composition is unchanged.
When the jacket unfolds it is allowed to occupy part of the space vacated
by the fading main index, giving every leaf ~15% more horizontal room.
========================================================= */
@media(min-width:881px){
/*
* Previous geometry:
* left 372px / right 24px / spine 70px
*
* New geometry:
* left 260px / right 16px / spine 58px
*
* On a 1320px hero this changes a 3-leaf page from about 285px to about
* 329px — roughly +15.5% per leaf — without enlarging the whole site.
*/
.accordion-jacket{
left:260px !important;
right:16px !important;
grid-template-columns:58px repeat(var(--leaf-count),minmax(0,1fr)) !important;
}
.acc-spine .name{
font-size:28px !important;
}
.acc-spine .num{
font-size:46px !important;
}
/* Keep generous paper margins where possible; reclaim a little space only
when an issue genuinely needs 4–5 leaves. */
.accordion-jacket.leaf-count-3 .leaf{
padding:18px !important;
}
.accordion-jacket.leaf-count-4 .leaf{
padding:16px !important;
}
.accordion-jacket.leaf-count-5 .leaf{
padding:14px !important;
}
/*
* Readability is preferred over fitting by aggressive type reduction.
* Three-page issues actually receive slightly larger text.
*/
.accordion-jacket.leaf-count-3 .toc-group strong{
font-size:16.4px !important;
line-height:1.03 !important;
}
.accordion-jacket.leaf-count-4 .toc-group strong{
font-size:15.8px !important;
line-height:1.02 !important;
}
.accordion-jacket.leaf-count-5 .toc-group strong{
font-size:15px !important;
line-height:1.01 !important;
}
.accordion-jacket.leaf-count-3 .toc-group em{
font-size:7.9px !important;
}
.accordion-jacket.leaf-count-4 .toc-group em{
font-size:7.7px !important;
}
.accordion-jacket.leaf-count-5 .toc-group em{
font-size:7.5px !important;
}
/*
* Do not hyphenate names or break inside words. The browser may wrap only
* at normal word boundaries. Authored
remains authoritative.
*/
.accordion-jacket .toc-group strong{
width:fit-content !important;
max-width:100% !important;
hyphens:none !important;
-webkit-hyphens:none !important;
word-break:normal !important;
overflow-wrap:normal !important;
text-wrap:pretty;
letter-spacing:-.023em !important;
}
.accordion-jacket .toc-group em{
width:fit-content !important;
max-width:100% !important;
word-break:normal !important;
overflow-wrap:normal !important;
}
/*
* Only exceptional UNAUTHORED natural wraps are tightened, and only by a
* small amount. We never alter titles that contain editorial
lines.
*/
.accordion-jacket.leaf-count-3 .toc-title-compact{
font-size:15.6px !important;
letter-spacing:-.03em !important;
}
.accordion-jacket.leaf-count-4 .toc-title-compact{
font-size:15.1px !important;
letter-spacing:-.03em !important;
}
.accordion-jacket.leaf-count-5 .toc-title-compact{
font-size:14.6px !important;
letter-spacing:-.032em !important;
}
/* The wider jacket starts underneath the main index while closed. Since it
is fully transparent and pointer-disabled there, the approved initial
composition remains visually identical. */
.accordion-jacket{
transition:opacity .30s, left .46s cubic-bezier(.2,.72,.2,1);
}
}
/* =========================================================
V11 — EDITORIAL DIRECTORY FOOTER
A complete site map of the historic La Otra menu, organized as a
publishing colophon rather than a conventional corporate footer.
========================================================= */
.footer-map{
position:relative;
display:block !important;
max-width:1500px;
margin:0 auto;
padding:0 !important;
border:1px solid rgba(255,255,255,.065);
border-bottom:0;
background:
linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px) 0 0/25% 100%,
#121419;
color:#eee8df;
overflow:hidden;
text-transform:none !important;
}
.footer-map::after{display:none!important}
.footer-brand-panel{
display:grid;
grid-template-columns:92px minmax(300px,.85fr) minmax(360px,1.15fr);
gap:30px;
align-items:end;
padding:52px 42px 44px;
border-bottom:1px solid rgba(255,255,255,.09);
position:relative;
}
.footer-brand-panel::before{
content:"";
position:absolute;
left:42px;
right:42px;
top:0;
height:3px;
background:linear-gradient(90deg,#b62f30 0 8.5%,#8e784d 8.5% 18%,transparent 18%);
}
.footer-brand-panel .footer-emblem{
width:76px!important;
height:76px!important;
align-self:start;
}
.footer-brand-panel .footer-emblem img{
width:76px!important;
height:76px!important;
opacity:.95!important;
}
.footer-brand-copy{max-width:520px}
.footer-overline{
display:block;
margin-bottom:11px;
font:400 8px/1.2 "Fragment Mono",monospace;
letter-spacing:.14em;
text-transform:uppercase;
color:#958c80;
}
.footer-brand-copy h2{
margin:0;
max-width:500px;
font:500 clamp(44px,5vw,76px)/.79 "EB Garamond",serif;
letter-spacing:-.048em;
color:#f0e9df;
}
.footer-brand-copy p{
max-width:480px;
margin:19px 0 0;
font:400 17px/1.33 "EB Garamond",serif;
color:#aaa095;
}
.footer-primary{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-self:stretch;
border-left:1px solid rgba(255,255,255,.08);
}
.footer-primary a{
position:relative;
display:flex;
min-height:136px;
padding:24px 18px 18px;
align-items:flex-end;
border-right:1px solid rgba(255,255,255,.08);
font:500 20px/.95 "EB Garamond",serif;
color:#e8e1d7;
transition:color .16s ease;
}
.footer-primary a::after{
content:"";
position:absolute;
left:18px;
right:18px;
bottom:13px;
height:1px;
background:linear-gradient(90deg,#b62f30 0 34%,rgba(255,255,255,.08) 34%);
transform-origin:left center;
transition:transform .18s ease;
}
.footer-primary a:hover,
.footer-primary a:focus-visible{color:#fff}
.footer-primary a:hover::after,
.footer-primary a:focus-visible::after{transform:scaleX(.72)}
.footer-primary span{
position:absolute;
top:17px;
left:18px;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.11em;
color:#817970;
}
.footer-directory{
display:grid;
grid-template-columns:1.05fr 1.2fr .95fr .8fr;
border-bottom:1px solid rgba(255,255,255,.085);
}
.footer-column{
min-width:0;
padding:34px 28px 40px;
border-right:1px solid rgba(255,255,255,.075);
}
.footer-column:last-child{border-right:0}
.footer-column-head{
display:flex;
align-items:baseline;
gap:13px;
padding-bottom:15px;
margin-bottom:10px;
border-bottom:1px solid rgba(255,255,255,.085);
}
.footer-column-head span{
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.09em;
color:#b43536;
}
.footer-column-head h3{
margin:0;
font:500 27px/.95 "EB Garamond",serif;
letter-spacing:-.025em;
color:#eee6dc;
}
.footer-links{
display:flex;
flex-direction:column;
}
.footer-links a{
position:relative;
display:flex;
justify-content:space-between;
gap:16px;
padding:8px 2px 8px 0;
border-bottom:1px solid rgba(255,255,255,.045);
font:400 9px/1.22 "Fragment Mono",monospace;
letter-spacing:.035em;
color:#9f978d;
transition:color .14s ease,padding-left .14s ease;
}
.footer-links a::before{
content:"";
position:absolute;
left:0;
bottom:-1px;
width:0;
height:1px;
background:#9c8351;
transition:width .18s ease;
}
.footer-links a:hover,
.footer-links a:focus-visible{
color:#f0e9df;
padding-left:7px;
}
.footer-links a:hover::before,
.footer-links a:focus-visible::before{width:38px}
.footer-links .footer-lead-link{
margin-bottom:7px;
padding:11px 0 12px;
font:500 17px/1 "EB Garamond",serif;
letter-spacing:-.01em;
color:#d9c99e;
}
.footer-links .footer-lead-link b{
font:400 11px/1 "Fragment Mono",monospace;
color:#97804e;
}
.footer-bottom{
display:grid;
grid-template-columns:220px 1fr auto;
align-items:center;
gap:28px;
padding:25px 42px 30px;
background:#0e1014;
}
.footer-wordmark img{
display:block;
width:auto;
height:40px;
max-width:205px;
object-fit:contain;
object-position:left center;
opacity:.8;
}
.footer-bottom p,
.footer-backtop{
margin:0;
font:400 8px/1.35 "Fragment Mono",monospace;
letter-spacing:.10em;
text-transform:uppercase;
color:#746e67;
}
.footer-backtop{
color:#999086;
transition:color .15s ease;
}
.footer-backtop:hover,
.footer-backtop:focus-visible{color:#eee7dd}
@media(max-width:1050px){
.footer-brand-panel{
grid-template-columns:72px 1fr;
}
.footer-primary{
grid-column:1/-1;
margin-top:10px;
border-top:1px solid rgba(255,255,255,.08);
}
.footer-directory{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.footer-column:nth-child(2){border-right:0}
.footer-column:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.075)}
}
@media(max-width:700px){
.top nav a[href="#mapa"]{display:none}
.footer-map{
border-left:0;
border-right:0;
}
.footer-brand-panel{
grid-template-columns:54px minmax(0,1fr);
gap:16px;
padding:38px 16px 28px;
}
.footer-brand-panel::before{
left:16px;
right:16px;
}
.footer-brand-panel .footer-emblem,
.footer-brand-panel .footer-emblem img{
width:50px!important;
height:50px!important;
}
.footer-brand-copy h2{
font-size:45px;
line-height:.82;
}
.footer-brand-copy p{
font-size:16px;
line-height:1.28;
}
.footer-primary{
grid-template-columns:1fr;
border-left:0;
margin-top:16px;
}
.footer-primary a{
min-height:64px;
padding:21px 12px 15px 38px;
align-items:center;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.07);
font-size:20px;
}
.footer-primary a::after{display:none}
.footer-primary span{
top:27px;
left:5px;
}
.footer-directory{
grid-template-columns:1fr;
}
.footer-column,
.footer-column:nth-child(2){
padding:27px 16px 30px;
border-right:0;
border-bottom:1px solid rgba(255,255,255,.075);
}
.footer-column-head h3{font-size:28px}
.footer-links a{
padding:9px 0;
font-size:9px;
}
.footer-links .footer-lead-link{
font-size:18px;
}
.footer-bottom{
grid-template-columns:1fr auto;
padding:22px 16px 28px;
gap:12px;
}
.footer-wordmark{
grid-column:1/-1;
}
.footer-wordmark img{height:37px}
.footer-bottom p{
max-width:220px;
}
}
/* =========================================================
V13 — PURE TYPOGRAPHIC SECTION / BOOK / PRINTED ARCHIVES
No featured imagery. No cards. No infinite scroll.
========================================================= */
.type-archive-page{
background:#e9e2d8;
color:#1a1b1d;
}
.type-archive-page .top{
max-width:none;
background:#16181d;
}
.type-archive-page .footer-map{
margin-top:0;
}
.type-archive{
--archive-accent:#6d4b5e;
--archive-paper:#eee8de;
--archive-ink:#18191b;
--archive-muted:#756e65;
max-width:1500px;
margin:0 auto;
background:
linear-gradient(90deg,rgba(25,25,25,.035) 1px,transparent 1px) 0 0/25% 100%,
var(--archive-paper);
color:var(--archive-ink);
border-left:1px solid rgba(0,0,0,.08);
border-right:1px solid rgba(0,0,0,.08);
}
.type-archive-plum{--archive-accent:#6d4b5e}
.type-archive-olive{--archive-accent:#6c7556}
.type-archive-pomegranate{--archive-accent:#7b4a40}
.type-archive-night-tile{--archive-accent:#435060}
.type-archive-saffron{--archive-accent:#9c8351}
.type-archive-maize{--archive-accent:#aa945e}
.type-archive-hero{
min-height:390px;
display:grid;
grid-template-columns:100px minmax(0,1fr) 220px;
gap:34px;
align-items:end;
padding:48px 42px 42px;
border-bottom:1px solid rgba(0,0,0,.15);
position:relative;
overflow:hidden;
}
.type-archive-hero::before{
content:"ARCHIVO";
position:absolute;
right:-18px;
top:4px;
font:500 clamp(100px,14vw,225px)/.75 "EB Garamond",serif;
letter-spacing:-.065em;
color:rgba(0,0,0,.035);
pointer-events:none;
}
.type-archive-folio{
align-self:stretch;
border-right:1px solid rgba(0,0,0,.13);
display:flex;
flex-direction:column;
justify-content:space-between;
padding-right:18px;
}
.type-archive-folio span{
writing-mode:vertical-rl;
transform:rotate(180deg);
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.13em;
text-transform:uppercase;
color:var(--archive-muted);
}
.type-archive-folio b{
font:400 36px/.8 "Fragment Mono",monospace;
letter-spacing:-.08em;
color:var(--archive-accent);
}
.type-archive-title{
position:relative;
z-index:2;
max-width:900px;
}
.type-archive-overline{
margin-bottom:13px;
font:400 8px/1.25 "Fragment Mono",monospace;
text-transform:uppercase;
letter-spacing:.14em;
color:var(--archive-accent);
}
.type-archive-title h1{
margin:0;
font:500 clamp(72px,9vw,142px)/.76 "EB Garamond",serif;
letter-spacing:-.055em;
text-wrap:balance;
}
.type-archive-title p{
max-width:650px;
margin:27px 0 0;
font:400 20px/1.34 "EB Garamond",serif;
color:#5f5a54;
}
.type-archive-stat{
position:relative;
z-index:2;
align-self:end;
padding:18px 0 2px 22px;
border-left:4px solid var(--archive-accent);
}
.type-archive-stat strong{
display:block;
font:500 64px/.72 "EB Garamond",serif;
letter-spacing:-.06em;
}
.type-archive-stat span,
.type-archive-stat small{
display:block;
margin-top:8px;
font:400 8px/1.3 "Fragment Mono",monospace;
letter-spacing:.11em;
text-transform:uppercase;
color:var(--archive-muted);
}
.type-archive-stat small{margin-top:4px}
.type-archive-siblings{
display:flex;
gap:0;
overflow-x:auto;
scrollbar-width:thin;
border-bottom:1px solid rgba(0,0,0,.14);
background:rgba(255,255,255,.15);
}
.type-archive-siblings a{
flex:0 0 auto;
padding:15px 17px 14px;
border-right:1px solid rgba(0,0,0,.10);
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.07em;
text-transform:uppercase;
color:#756e65;
transition:color .14s ease;
}
.type-archive-siblings a:hover,
.type-archive-siblings a:focus-visible,
.type-archive-siblings a.is-current{
color:#171819;
}
.type-archive-siblings a.is-current{
box-shadow:inset 0 -3px 0 var(--archive-accent);
}
.type-archive-ledger{
padding:38px 42px 54px;
}
.type-ledger-head,
.type-ledger-row{
display:grid;
grid-template-columns:72px minmax(0,1fr) 150px 30px;
column-gap:20px;
}
.type-ledger-head{
padding:0 0 10px;
border-bottom:1px solid rgba(0,0,0,.19);
font:400 7.5px/1 "Fragment Mono",monospace;
letter-spacing:.13em;
text-transform:uppercase;
color:#7b746b;
}
.type-ledger-row{
position:relative;
align-items:start;
min-height:118px;
padding:22px 0 24px;
border-bottom:1px solid rgba(0,0,0,.12);
}
.type-ledger-row::after{
content:"";
position:absolute;
left:92px;
bottom:-1px;
width:0;
height:2px;
background:var(--archive-accent);
transition:width .22s ease;
}
.type-ledger-row:hover::after,
.type-ledger-row:focus-visible::after{width:18%}
.type-ledger-no{
padding-top:5px;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.08em;
color:#817970;
}
.type-ledger-copy{
min-width:0;
max-width:900px;
}
.type-ledger-copy strong{
display:block;
font:500 clamp(26px,2.6vw,42px)/.92 "EB Garamond",serif;
letter-spacing:-.034em;
color:#1c1c1b;
text-wrap:pretty;
hyphens:none;
overflow-wrap:normal;
}
.type-ledger-copy em{
display:block;
margin-top:9px;
font:400 8px/1.25 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
font-style:normal;
color:var(--archive-accent);
}
.type-ledger-meta{
padding-top:6px;
font:400 8px/1.3 "Fragment Mono",monospace;
letter-spacing:.07em;
text-transform:uppercase;
color:#7a736a;
}
.type-ledger-arrow{
padding-top:0;
text-align:right;
font:400 20px/1 "EB Garamond",serif;
color:#8a8278;
transition:transform .15s ease,color .15s ease;
}
.type-ledger-row:hover .type-ledger-arrow,
.type-ledger-row:focus-visible .type-ledger-arrow{
transform:translate(2px,-2px);
color:var(--archive-accent);
}
.type-archive-empty{
min-height:260px;
display:flex;
align-items:center;
gap:24px;
border-bottom:1px solid rgba(0,0,0,.13);
}
.type-archive-empty span{
font:500 78px/.8 "EB Garamond",serif;
color:var(--archive-accent);
}
.type-archive-empty p{
max-width:440px;
font:400 20px/1.3 "EB Garamond",serif;
color:#5f5a54;
}
.type-pagination{
display:grid;
grid-template-columns:180px 1fr 180px;
align-items:center;
gap:20px;
padding:25px 42px 28px;
border-top:1px solid rgba(0,0,0,.14);
border-bottom:1px solid rgba(0,0,0,.14);
}
.type-pagination-edge a,
.type-pagination-edge span{
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
color:#675f57;
}
.type-pagination-edge span{opacity:.35}
.type-pagination-next{text-align:right}
.type-pagination-pages{
display:flex;
justify-content:center;
align-items:center;
gap:6px;
flex-wrap:wrap;
}
.type-pagination-pages a,
.type-pagination-pages span{
min-width:34px;
height:34px;
display:grid;
place-items:center;
border:1px solid rgba(0,0,0,.14);
font:400 9px/1 "Fragment Mono",monospace;
color:#675f57;
}
.type-pagination-pages .current{
background:var(--archive-accent);
border-color:var(--archive-accent);
color:#f4efe7;
}
.type-pagination-pages .ellipsis{
border-color:transparent;
}
.type-archive-coda{
display:flex;
justify-content:space-between;
gap:22px;
padding:21px 42px 27px;
font:400 8px/1.2 "Fragment Mono",monospace;
letter-spacing:.10em;
text-transform:uppercase;
color:#766f66;
}
.type-archive-coda b{
font-weight:400;
color:var(--archive-accent);
}
/* DOCUMENTS REACHED FROM BOOK / PRINT ARCHIVES */
.document-page{
background:#e9e2d8;
}
.document-page .top{max-width:none}
.document-main{
max-width:1360px;
margin:0 auto;
min-height:70vh;
padding:70px 44px 100px;
background:#f1ece4;
color:#1b1b1b;
border-left:1px solid rgba(0,0,0,.08);
border-right:1px solid rgba(0,0,0,.08);
}
.document-head{
max-width:1080px;
padding-bottom:38px;
}
.document-kicker{
margin-bottom:18px;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.13em;
text-transform:uppercase;
color:#7f4d48;
}
.document-breadcrumbs{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-bottom:20px;
font:400 8px/1.2 "Fragment Mono",monospace;
text-transform:uppercase;
color:#817a71;
}
.document-breadcrumbs span:not(:last-child)::after{
content:" /";
opacity:.45;
}
.document-head h1{
margin:0;
font:500 clamp(58px,8vw,118px)/.80 "EB Garamond",serif;
letter-spacing:-.052em;
text-wrap:balance;
}
.document-rule{
margin-top:30px;
height:1px;
background:rgba(0,0,0,.16);
}
.document-rule span{
display:block;
width:110px;
height:3px;
transform:translateY(-1px);
background:#7f4d48;
}
.document-reading{
display:grid;
grid-template-columns:130px minmax(0,800px);
gap:55px;
justify-content:center;
padding-top:34px;
}
.document-reading > aside{
border-right:1px solid rgba(0,0,0,.13);
display:flex;
flex-direction:column;
gap:8px;
padding-right:20px;
}
.document-reading > aside span,
.document-reading > aside small{
font:400 8px/1.2 "Fragment Mono",monospace;
letter-spacing:.10em;
text-transform:uppercase;
color:#817970;
}
.document-reading > aside strong{
font:500 34px/.9 "EB Garamond",serif;
color:#7f4d48;
}
.document-main .article-body{
color:#242220;
max-width:800px;
}
.document-main .article-body p,
.document-main .article-body li{
font:400 20px/1.48 "EB Garamond",serif;
}
.document-foot{
max-width:985px;
margin:55px auto 0;
padding-top:18px;
border-top:1px solid rgba(0,0,0,.14);
display:flex;
justify-content:space-between;
}
.document-foot a{
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
color:#756e65;
}
@media(max-width:880px){
.type-archive-hero{
min-height:0;
grid-template-columns:48px minmax(0,1fr);
gap:17px;
padding:32px 16px 30px;
}
.type-archive-hero::before{
font-size:110px;
top:14px;
}
.type-archive-folio{grid-row:1/3}
.type-archive-folio b{font-size:26px}
.type-archive-title h1{
font-size:clamp(54px,16vw,82px);
line-height:.82;
}
.type-archive-title p{
font-size:17px;
margin-top:18px;
}
.type-archive-stat{
grid-column:2;
padding:14px 0 0 14px;
margin-top:5px;
}
.type-archive-stat strong{font-size:48px}
.type-archive-ledger{padding:20px 16px 32px}
.type-ledger-head{display:none}
.type-ledger-row{
grid-template-columns:42px minmax(0,1fr) 22px;
gap:11px;
min-height:0;
padding:18px 0 20px;
}
.type-ledger-meta{
grid-column:2;
padding-top:8px;
}
.type-ledger-arrow{
grid-column:3;
grid-row:1;
}
.type-ledger-copy strong{
font-size:29px;
line-height:.94;
}
.type-pagination{
grid-template-columns:1fr 1fr;
padding:20px 16px 24px;
}
.type-pagination-pages{
grid-column:1/-1;
grid-row:1;
}
.type-pagination-next{grid-column:2;text-align:right}
.type-archive-coda{padding:18px 16px 23px}
.document-main{padding:48px 16px 72px}
.document-head h1{font-size:56px;line-height:.84}
.document-reading{
grid-template-columns:1fr;
gap:26px;
}
.document-reading > aside{
border-right:0;
border-bottom:1px solid rgba(0,0,0,.13);
padding:0 0 16px;
flex-direction:row;
align-items:baseline;
}
.document-main .article-body p,
.document-main .article-body li{
font-size:19px;
}
}
/* V14 — footer columns are data-driven; let the grid redistribute when
empty archive groups are omitted. */
.footer-directory{
grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}
@media(max-width:1050px){
.footer-directory{
grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
}
}
@media(max-width:700px){
.footer-directory{
grid-template-columns:1fr !important;
}
}
/* =========================================================
V15 — ADAPTIVE SINGLE-PAGE TITLE TYPOGRAPHY
Scale is chosen from final title character count.
========================================================= */
/*
* Base reset: the old single-title rule used one oversized scale for every
* article. V15 keeps short titles dramatic and progressively reduces long
* titles while preserving EB Garamond's editorial presence.
*/
.single-heading .single-adaptive-title{
margin:0;
max-width:940px;
color:#1b1a18!important;
font-family:"EB Garamond",serif!important;
font-weight:500!important;
text-wrap:balance;
hyphens:none!important;
-webkit-hyphens:none!important;
word-break:normal!important;
overflow-wrap:normal!important;
}
.single-adaptive-title .single-title-line{
display:inline;
}
/* ≤ 35 characters — poster-like, intentionally monumental. */
.single-title-compact .single-adaptive-title{
font-size:clamp(68px,7.2vw,108px)!important;
line-height:.78!important;
letter-spacing:-.064em!important;
}
/* 36–60 characters — normal strong article headline. */
.single-title-standard .single-adaptive-title{
font-size:clamp(58px,6vw,92px)!important;
line-height:.82!important;
letter-spacing:-.058em!important;
}
/* 61–90 characters — long literary headline, e.g. No. 200 / content 9570. */
.single-title-extended .single-adaptive-title{
font-size:clamp(48px,4.7vw,72px)!important;
line-height:.87!important;
letter-spacing:-.047em!important;
}
/* 91–125 characters — deliberately quieter, with more breathing room. */
.single-title-long .single-adaptive-title{
font-size:clamp(42px,4.05vw,62px)!important;
line-height:.91!important;
letter-spacing:-.038em!important;
}
/* 126+ characters — preserve the complete title instead of cropping it. */
.single-title-epic .single-adaptive-title{
font-size:clamp(36px,3.45vw,53px)!important;
line-height:.95!important;
letter-spacing:-.030em!important;
}
/*
* For extended/long/epic titles with a featured image, reclaim some width
* from the image plate. Text remains the principal visual object.
*/
.single-modern.single-title-extended .single-hero.has-feature{
grid-template-columns:82px minmax(0,1fr) minmax(230px,315px);
}
.single-modern.single-title-long .single-hero.has-feature,
.single-modern.single-title-epic .single-hero.has-feature{
grid-template-columns:82px minmax(0,1fr) minmax(210px,285px);
}
.single-title-extended .single-feature img{
max-height:330px!important;
}
.single-title-long .single-feature img,
.single-title-epic .single-feature img{
max-height:300px!important;
}
/* Long titles need slightly calmer spacing around metadata/byline. */
.single-title-extended .single-meta,
.single-title-long .single-meta,
.single-title-epic .single-meta{
margin-bottom:19px;
}
.single-title-extended .single-byline,
.single-title-long .single-byline,
.single-title-epic .single-byline{
margin-top:24px;
}
/*
* Historical pages had a blanket 118px title override. Adaptive title scale
* must remain authoritative there too.
*/
.single-historic.single-title-compact .single-adaptive-title{
font-size:clamp(70px,8vw,112px)!important;
}
.single-historic.single-title-standard .single-adaptive-title{
font-size:clamp(60px,6.7vw,96px)!important;
}
.single-historic.single-title-extended .single-adaptive-title{
font-size:clamp(50px,5.2vw,76px)!important;
}
.single-historic.single-title-long .single-adaptive-title{
font-size:clamp(43px,4.4vw,64px)!important;
}
.single-historic.single-title-epic .single-adaptive-title{
font-size:clamp(37px,3.7vw,54px)!important;
}
/* Tablet/mobile: retain the same hierarchy but avoid huge viewport headlines. */
@media(max-width:880px){
.single-hero{
row-gap:22px;
}
.single-title-compact .single-adaptive-title{
font-size:clamp(52px,14vw,70px)!important;
line-height:.80!important;
}
.single-title-standard .single-adaptive-title{
font-size:clamp(47px,12.5vw,62px)!important;
line-height:.83!important;
}
.single-title-extended .single-adaptive-title{
font-size:clamp(39px,10.5vw,52px)!important;
line-height:.88!important;
}
.single-title-long .single-adaptive-title{
font-size:clamp(34px,9.2vw,46px)!important;
line-height:.92!important;
}
.single-title-epic .single-adaptive-title{
font-size:clamp(30px,8.2vw,40px)!important;
line-height:.96!important;
}
.single-modern.single-title-extended .single-hero.has-feature,
.single-modern.single-title-long .single-hero.has-feature,
.single-modern.single-title-epic .single-hero.has-feature{
grid-template-columns:1fr!important;
}
.single-title-extended .single-feature img,
.single-title-long .single-feature img,
.single-title-epic .single-feature img{
max-height:320px!important;
}
}
/* =========================================================
V17 — RESEARCHED PEOPLE / MULTI-CREDIT TYPOGRAPHY
========================================================= */
.person-row .person-meta{
display:flex;
align-items:baseline;
justify-content:flex-end;
gap:10px;
min-width:0;
}
.person-row .person-meta em{
font:400 7px/1.2 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
font-style:normal;
color:#897f74;
}
.person-row .person-meta b{
font:400 8px/1.2 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
color:#655e56;
}
.contributor-roleline{
margin-top:17px;
font:400 8px/1.3 "Fragment Mono",monospace;
letter-spacing:.12em;
text-transform:uppercase;
color:#8a7259;
}
.single-credits{
display:flex;
flex-wrap:wrap;
gap:8px 24px;
max-width:720px;
margin-top:12px;
padding-top:12px;
border-top:1px solid #ded7cd;
}
.single-credits a{
display:flex;
align-items:baseline;
gap:8px;
color:inherit;
}
.single-credits span{
font:400 7px/1 "Fragment Mono",monospace;
letter-spacing:.11em;
text-transform:uppercase;
color:#877f75;
}
.single-credits strong{
font:500 18px/1 "EB Garamond",serif;
color:var(--single-accent,#6d4b5e);
}
@media(max-width:700px){
.person-row .person-meta{
display:block;
margin-top:5px;
}
.person-row .person-meta em,
.person-row .person-meta b{
display:block;
margin-top:3px;
}
.single-credits{
display:grid;
grid-template-columns:1fr;
gap:8px;
}
}
/* =========================================================
V18 — POETRY FOLIO / POEM STRUCTURE
Applied ONLY when the server-side poetry organizer found high-confidence
poem headings. Native WordPress/plugin TOC pages opt out entirely.
========================================================= */
/* Poem-title line: source text stays untouched; capitalization is visual. */
.article-body.poetry-enhanced .poem-title{
position:relative;
display:block;
max-width:100%;
margin:5.4em 0 3.15em!important;
padding:0!important;
border:0!important;
text-align:center!important;
font-family:"EB Garamond",serif!important;
font-size:1.03em!important;
font-weight:700!important;
font-style:normal!important;
line-height:1.18!important;
letter-spacing:.075em!important;
text-transform:uppercase!important;
color:#211e1a!important;
text-wrap:balance;
}
.article-body.poetry-enhanced .poem-title strong,
.article-body.poetry-enhanced .poem-title b,
.article-body.poetry-enhanced .poem-title span,
.article-body.poetry-enhanced .poem-title em,
.article-body.poetry-enhanced .poem-title i{
font:inherit!important;
color:inherit!important;
text-transform:inherit!important;
}
.article-body.poetry-enhanced .poem-title-first{margin-top:3.6em!important}
.article-body.poetry-enhanced .poem-title-prefix{
margin-bottom:.65em!important;
}
.article-body.poetry-enhanced .poem-title-prefix + .poem-title{
margin-top:0!important;
}
/* Multi-poem folio: inserted immediately before the first detected poem,
therefore introductory prose remains naturally above it. */
.article-body.poetry-enhanced .poem-folio{
margin:3.8em 0 5em;
padding:0;
border-top:1px solid #bfb6aa;
border-bottom:1px solid #bfb6aa;
color:#25211d;
}
.article-body.poetry-enhanced .poem-folio-head{
display:flex;
align-items:baseline;
justify-content:space-between;
gap:20px;
padding:11px 0 10px;
border-bottom:1px solid #d7cfc4;
}
.article-body.poetry-enhanced .poem-folio-head span,
.article-body.poetry-enhanced .poem-folio-head small{
font:400 7.5px/1.2 "Fragment Mono",monospace!important;
letter-spacing:.12em!important;
text-transform:uppercase;
color:#766e65;
}
.article-body.poetry-enhanced .poem-folio-head span{color:var(--single-accent,#6d4b5e);font-weight:600!important}
.article-body.poetry-enhanced .poem-folio ol{
list-style:none!important;
margin:0!important;
padding:0!important;
}
.article-body.poetry-enhanced .poem-folio li{
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:14px;
align-items:baseline;
margin:0!important;
padding:12px 0 11px;
border-bottom:1px solid #e0d9cf;
}
.article-body.poetry-enhanced .poem-folio li:last-child{border-bottom:0}
.article-body.poetry-enhanced .poem-folio li>span{
font:400 7.5px/1 "Fragment Mono",monospace;
letter-spacing:.10em;
color:#9a9187;
}
.article-body.poetry-enhanced .poem-folio a{
display:block;
text-decoration:none!important;
font:600 17px/1.08 "EB Garamond",serif!important;
letter-spacing:.025em;
text-transform:uppercase;
color:#2b2723!important;
}
.article-body.poetry-enhanced .poem-folio a:hover{color:var(--single-accent,#6d4b5e)!important}
/* Epigraph: only marked when an italic quotation + short attribution are found
directly after a detected poem title. */
.article-body.poetry-enhanced .poem-epigraph{
width:min(82%,620px);
margin:0 0 .35em auto!important;
padding:0!important;
border:0!important;
text-align:right!important;
font-style:italic!important;
font-size:.93em!important;
line-height:1.45!important;
color:#5c544c!important;
}
.article-body.poetry-enhanced .poem-epigraph em,
.article-body.poetry-enhanced .poem-epigraph i{
font-style:italic!important;
}
.article-body.poetry-enhanced .poem-epigraph-author{
width:min(82%,620px);
margin:0 0 3.2em auto!important;
padding:0!important;
text-align:right!important;
font-family:"Fragment Mono",monospace!important;
font-size:.66em!important;
line-height:1.35!important;
letter-spacing:.075em!important;
text-transform:capitalize!important;
color:#756d64!important;
}
.article-body.poetry-enhanced .poem-epigraph-author::before{content:"-- ";color:#958b80}
/* Native TOC pages intentionally receive NO V18 body transformations. */
.article-body.poetry-native-toc{ }
@media(max-width:760px){
.article-body.poetry-enhanced .poem-title{margin-top:4.4em!important;margin-bottom:2.7em!important;font-size:1em!important;letter-spacing:.06em!important}
.article-body.poetry-enhanced .poem-title-first{margin-top:3.1em!important}
.article-body.poetry-enhanced .poem-folio{margin:3.2em 0 4.2em}
.article-body.poetry-enhanced .poem-folio li{grid-template-columns:34px minmax(0,1fr);gap:10px}
.article-body.poetry-enhanced .poem-folio a{font-size:16px!important}
.article-body.poetry-enhanced .poem-epigraph,
.article-body.poetry-enhanced .poem-epigraph-author{width:92%}
}
/* =========================================================
V19 — HIERARCHICAL POETRY STRUCTURE
Collections, parenthetical title continuations, numbered poem sequences,
and contextual epigraphs. Native TOC pages still opt out completely.
========================================================= */
/* Parenthetical continuation belongs to the title above it, e.g. SABOR (Rasa). */
.article-body.poetry-enhanced .poem-title-has-subtitle{
margin-bottom:.55em!important;
}
.article-body.poetry-enhanced .poem-title-subtitle{
display:block;
max-width:100%;
margin:0 0 3.15em!important;
padding:0!important;
text-align:center!important;
font-family:"EB Garamond",serif!important;
font-size:.88em!important;
font-weight:700!important;
font-style:normal!important;
line-height:1.18!important;
letter-spacing:.055em!important;
text-transform:uppercase!important;
color:#3a342e!important;
}
.article-body.poetry-enhanced .poem-title-subtitle strong,
.article-body.poetry-enhanced .poem-title-subtitle b,
.article-body.poetry-enhanced .poem-title-subtitle em,
.article-body.poetry-enhanced .poem-title-subtitle i,
.article-body.poetry-enhanced .poem-title-subtitle span{
font:inherit!important;
color:inherit!important;
text-transform:inherit!important;
}
/* A collection is a higher level than a poem title. It keeps the source wording
but acquires a restrained folio-like hierarchy. */
.article-body.poetry-enhanced .poem-collection-title{
position:relative;
margin:6.7em 0 3.1em!important;
padding:1.15em 0 .9em!important;
border-top:1px solid #c9c0b5!important;
border-bottom:1px solid #ddd5cb!important;
text-align:center!important;
font-family:"EB Garamond",serif!important;
font-size:1.08em!important;
font-weight:650!important;
font-style:normal!important;
line-height:1.18!important;
letter-spacing:.045em!important;
text-transform:uppercase!important;
color:#2d2925!important;
text-wrap:balance;
}
.article-body.poetry-enhanced .poem-collection-title.poem-title-first{
margin-top:3.8em!important;
}
.article-body.poetry-enhanced .poem-title-first-in-collection{
margin-top:2.8em!important;
}
/* Numbered poem headings are real poem titles only after V19 has proven a
sequential collection structure. */
.article-body.poetry-enhanced .poem-number-title{
font-family:"Fragment Mono",monospace!important;
font-size:.72em!important;
font-weight:600!important;
line-height:1!important;
letter-spacing:.12em!important;
}
/* Hierarchical folio for collections. */
.article-body.poetry-enhanced .poem-folio-hierarchical{
padding-bottom:4px;
}
.article-body.poetry-enhanced .poem-folio-group{
margin:0!important;
padding:0!important;
border-bottom:1px solid #d7cfc4;
}
.article-body.poetry-enhanced .poem-folio-group:last-child{border-bottom:0}
.article-body.poetry-enhanced .poem-folio-collection{
display:block;
margin:0!important;
padding:15px 0 10px!important;
text-decoration:none!important;
font:600 19px/1.08 "EB Garamond",serif!important;
letter-spacing:.025em!important;
text-transform:uppercase!important;
color:var(--single-accent,#6d4b5e)!important;
}
.article-body.poetry-enhanced .poem-folio-hierarchical .poem-folio-group ol{
border-top:1px solid #e3dcd2;
}
.article-body.poetry-enhanced .poem-folio-hierarchical .poem-folio-group li{
padding-left:16px;
}
.article-body.poetry-enhanced .poem-folio-hierarchical .poem-folio-group li a{
font-family:"Fragment Mono",monospace!important;
font-size:12px!important;
font-weight:500!important;
letter-spacing:.08em!important;
}
/* V19 may mark a quotation as several consecutive source paragraphs. They read
as one right-aligned epigraph block; only the final author line gets the large
separation before the poem body. */
.article-body.poetry-enhanced .poem-epigraph{
margin-bottom:.1em!important;
}
.article-body.poetry-enhanced .poem-epigraph + .poem-epigraph{
margin-top:0!important;
}
.article-body.poetry-enhanced .poem-epigraph-author{
text-transform:none!important;
}
@media(max-width:760px){
.article-body.poetry-enhanced .poem-title-subtitle{margin-bottom:2.7em!important;font-size:.84em!important}
.article-body.poetry-enhanced .poem-collection-title{margin-top:5.2em!important;font-size:1em!important}
.article-body.poetry-enhanced .poem-collection-title.poem-title-first{margin-top:3.2em!important}
.article-body.poetry-enhanced .poem-folio-collection{font-size:17px!important}
.article-body.poetry-enhanced .poem-folio-hierarchical .poem-folio-group li{padding-left:8px}
}
/* =========================================================
V20 — HISTORICAL LIGHT POETRY STRUCTURE (< No. 186)
No generated folio and no collection hierarchy. Historical prose-labelled
records keep their content mode; only obvious poem separators and epigraphs
receive restrained editorial spacing.
========================================================= */
.article-body.historic-poetry-light .historic-poem-marker{
display:block;
margin:3.8em 0 2.15em!important;
padding:0!important;
border:0!important;
text-align:center!important;
line-height:1.2!important;
break-after:avoid;
}
.article-body.historic-poetry-light .historic-poem-heading{
font-family:"EB Garamond",serif!important;
font-weight:700!important;
letter-spacing:.035em!important;
color:#2b2723!important;
}
.article-body.historic-poetry-light .historic-poem-number{
font-family:"Fragment Mono",monospace!important;
font-size:.72em!important;
font-weight:600!important;
letter-spacing:.12em!important;
color:#665e56!important;
}
.article-body.historic-poetry-light .poem-epigraph{
width:min(82%,620px);
margin:0 0 .1em auto!important;
padding:0!important;
border:0!important;
text-align:right!important;
font-style:italic!important;
font-size:.93em!important;
line-height:1.45!important;
color:#5c544c!important;
}
.article-body.historic-poetry-light .poem-epigraph em,
.article-body.historic-poetry-light .poem-epigraph i{font-style:italic!important}
.article-body.historic-poetry-light .poem-epigraph-author{
width:min(82%,620px);
margin:0 0 3.2em auto!important;
padding:0!important;
text-align:right!important;
font-family:"Fragment Mono",monospace!important;
font-size:.66em!important;
line-height:1.35!important;
letter-spacing:.075em!important;
text-transform:none!important;
color:#756d64!important;
}
.article-body.historic-poetry-light .poem-epigraph-author::before{content:"-- ";color:#958b80}
@media(max-width:760px){
.article-body.historic-poetry-light .historic-poem-marker{margin-top:3.2em!important;margin-bottom:1.9em!important}
.article-body.historic-poetry-light .poem-epigraph,
.article-body.historic-poetry-light .poem-epigraph-author{width:92%}
}
/* =========================================================
V21 — NATIVE WORDPRESS TOC AS LOCAL FOLIO
The source article/heading structure is untouched. Only the existing TOC is
normalized into the same visual language as the generated poetry folio.
========================================================= */
.article-body.poetry-native-toc .poem-native-folio{
margin:3.8em 0 5em!important;
padding:0!important;
border-top:1px solid #bfb6aa!important;
border-bottom:1px solid #bfb6aa!important;
background:transparent!important;
box-shadow:none!important;
color:#25211d!important;
}
.article-body.poetry-native-toc .poem-native-folio .poem-folio-head{
display:flex!important;
align-items:baseline!important;
justify-content:space-between!important;
gap:20px!important;
padding:11px 0 10px!important;
margin:0!important;
border:0!important;
border-bottom:1px solid #d7cfc4!important;
background:transparent!important;
}
.article-body.poetry-native-toc .poem-native-folio .poem-folio-head span,
.article-body.poetry-native-toc .poem-native-folio .poem-folio-head small{
margin:0!important;
padding:0!important;
font:400 7.5px/1.2 "Fragment Mono",monospace!important;
letter-spacing:.12em!important;
text-transform:uppercase!important;
color:#766e65!important;
}
.article-body.poetry-native-toc .poem-native-folio .poem-folio-head span{
color:var(--single-accent,#6d4b5e)!important;
font-weight:600!important;
}
.article-body.poetry-native-toc .poem-native-folio ol{
list-style:none!important;
margin:0!important;
padding:0!important;
counter-reset:none!important;
}
.article-body.poetry-native-toc .poem-native-folio li{
display:grid!important;
grid-template-columns:42px minmax(0,1fr)!important;
gap:14px!important;
align-items:baseline!important;
margin:0!important;
padding:12px 0 11px!important;
border:0!important;
border-bottom:1px solid #e0d9cf!important;
background:transparent!important;
}
.article-body.poetry-native-toc .poem-native-folio li:last-child{border-bottom:0!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="1"]{padding-left:18px!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="2"]{padding-left:36px!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="3"]{padding-left:54px!important}
.article-body.poetry-native-toc .poem-native-folio li>span{
font:400 7.5px/1 "Fragment Mono",monospace!important;
letter-spacing:.10em!important;
color:#9a9187!important;
}
.article-body.poetry-native-toc .poem-native-folio a{
display:block!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
text-decoration:none!important;
font:600 17px/1.08 "EB Garamond",serif!important;
letter-spacing:.025em!important;
text-transform:none!important;
color:#2b2723!important;
}
.article-body.poetry-native-toc .poem-native-folio a:hover{
color:var(--single-accent,#6d4b5e)!important;
text-decoration:none!important;
}
.article-body.poetry-native-toc [id]{scroll-margin-top:96px}
@media(max-width:760px){
.article-body.poetry-native-toc .poem-native-folio{margin:3.2em 0 4.2em!important}
.article-body.poetry-native-toc .poem-native-folio li{grid-template-columns:34px minmax(0,1fr)!important;gap:10px!important}
.article-body.poetry-native-toc .poem-native-folio a{font-size:16px!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="1"]{padding-left:10px!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="2"]{padding-left:20px!important}
.article-body.poetry-native-toc .poem-native-folio li[data-depth="3"]{padding-left:30px!important}
}
/* =========================================================
V22 — EDITORIAL DIRECTORY
========================================================= */
.directory-page{background:var(--night)}
.directory-main{max-width:1380px;margin:0 auto;background:var(--paper);color:var(--ink);border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}
.directory-hero{min-height:560px;display:grid;grid-template-columns:180px minmax(0,1fr) 220px;position:relative;overflow:hidden;background:var(--paper2);border-bottom:1px solid rgba(0,0,0,.14)}
.directory-hero::after{content:"LA OTRA";position:absolute;right:-.035em;bottom:-.14em;font:500 clamp(120px,20vw,320px)/.75 "EB Garamond",serif;letter-spacing:-.07em;color:rgba(24,25,27,.035);pointer-events:none}
.directory-folio{border-right:1px solid rgba(0,0,0,.12);padding:32px 20px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.directory-folio span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 38px/.9 "EB Garamond",serif;letter-spacing:-.035em}
.directory-folio b{font:400 10px/1 "Fragment Mono",monospace;letter-spacing:.12em;color:#766e64}
.directory-intro{padding:74px 7vw 70px;position:relative;z-index:2;align-self:center}
.directory-kicker,.team-role,.directory-section-head small,.directory-side-note span,.directory-colophon span{font:400 9px/1.2 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase}
.directory-kicker{display:block;margin-bottom:24px;color:var(--pomegranate)}
.directory-intro h1{margin:0;font:500 clamp(78px,10vw,150px)/.72 "EB Garamond",serif;letter-spacing:-.065em;color:#18191b}
.directory-intro h1 i{font-weight:400;color:var(--plum)}
.directory-intro p{max-width:720px;margin:38px 0 0;font:400 23px/1.38 "EB Garamond",serif;color:#514b44}
.directory-side-note{border-left:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;justify-content:flex-end;padding:32px 24px;gap:12px;color:#72695f;position:relative;z-index:2}
.directory-side-note span::before{content:"—";margin-right:8px;color:var(--plum)}
.directory-directors,.directory-council,.directory-editorial{padding:78px clamp(26px,5vw,72px)}
.directory-directors{background:#ede6da}
.directory-council{background:#1a1d22;color:#ece5db}
.directory-editorial{background:#d9c99b}
.directory-section-head{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:18px;align-items:end;padding-bottom:18px;border-bottom:1px solid currentColor;margin-bottom:40px}
.directory-section-head>span{font:500 52px/.75 "EB Garamond",serif;letter-spacing:-.055em;color:var(--pomegranate)}
.directory-section-head h2{margin:0;font:500 clamp(36px,4vw,58px)/.84 "EB Garamond",serif;letter-spacing:-.045em}
.directory-section-head small{color:currentColor;opacity:.56;padding-bottom:4px}
.directory-council .directory-section-head>span{color:#d5c07d}
.director-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.director-card,.council-card,.editorial-card{position:relative;box-shadow:0 22px 48px rgba(14,15,18,.08)}
.director-card{display:grid;grid-template-columns:minmax(250px,320px) 1fr;gap:0;min-height:0;background:linear-gradient(180deg,#f3ece2 0%,#ebe1d3 100%);border:1px solid rgba(65,48,33,.14)}
.director-card-alt{background:linear-gradient(180deg,#ede1d5 0%,#e4d6c6 100%)}
.director-portrait,.council-portrait,.editorial-portrait{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:22px;background:linear-gradient(165deg,#2a2e36 0%,#16191f 100%)}
.director-portrait::before,.council-portrait::before,.editorial-portrait::before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.12);pointer-events:none}
.director-portrait img,.council-portrait img,.editorial-portrait img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) contrast(1.035);transition:transform .35s ease,box-shadow .35s ease;background:#f0ece6;box-shadow:0 18px 42px rgba(0,0,0,.22)}
.director-card:hover .director-portrait img,.council-card:hover .council-portrait img,.editorial-card:hover .editorial-portrait img{transform:translateY(-2px);box-shadow:0 24px 50px rgba(0,0,0,.26)}
.no-photo{display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#292d34,#17191e);color:#d7c17d}
.no-photo>span{font:500 clamp(72px,9vw,140px)/1 "EB Garamond",serif;letter-spacing:-.075em;opacity:.78}
.portrait-index{position:absolute;left:13px;bottom:13px;background:rgba(19,21,25,.88);color:#eee7dc;padding:8px 9px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em}
.director-copy{padding:38px 34px 34px;display:flex;flex-direction:column}
.team-role{color:var(--pomegranate);margin-bottom:18px}
.director-copy h3,.editorial-card h3{margin:0;font:500 clamp(42px,4.7vw,70px)/.83 "EB Garamond",serif;letter-spacing:-.055em}
.director-copy p{margin:28px 0 0;font:400 18.2px/1.5 "EB Garamond",serif;color:#514a43}
.council-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.council-card{min-width:0;border:1px solid rgba(255,255,255,.11);display:grid;grid-template-columns:168px 1fr;background:#1d2026}
.council-card:nth-child(odd){background:#1d2026}.council-card:nth-child(even){background:#20242b}
.council-portrait{min-height:100%;padding:16px;background:#282c34}
.council-portrait img{max-height:220px}
.council-portrait small{position:absolute;right:12px;bottom:12px;background:rgba(16,18,22,.84);padding:7px 8px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;color:#d6c17d}
.council-copy{padding:22px 22px 24px}
.council-copy h3{margin:0 0 14px;font:500 31px/.9 "EB Garamond",serif;letter-spacing:-.04em;color:#f0e9df}
.council-copy p{margin:0;font:400 15.6px/1.44 "EB Garamond",serif;color:#bdb4a8}
.editorial-card{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:stretch;max-width:1040px}
.editorial-portrait{min-height:240px;background:#5d594c}
.editorial-portrait img{max-height:220px}
.editorial-card>div:last-child{padding:18px 0}
.editorial-card .team-role{color:#6c4a3f}
.editorial-card h3{font-size:58px}
.editorial-card p{max-width:720px;margin:20px 0 0;font:400 18px/1.48 "EB Garamond",serif;color:#443e36}
.directory-colophon{min-height:210px;padding:55px clamp(26px,5vw,72px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:#6d4b5e;color:#f1e9df}
.directory-colophon span{opacity:.74}.directory-colophon p{max-width:500px;margin:0;font:500 34px/.95 "EB Garamond",serif;letter-spacing:-.035em;text-align:right}
@media(max-width:1180px){
.director-grid{grid-template-columns:1fr}.director-card{grid-template-columns:300px 1fr}.council-grid{grid-template-columns:1fr}.council-card{grid-template-columns:180px 1fr}
}
@media(max-width:880px){
.directory-main{border:0}.directory-hero{min-height:auto;display:block}.directory-folio,.directory-side-note{display:none}.directory-intro{padding:58px 20px 64px}.directory-intro h1{font-size:clamp(70px,22vw,112px)}.directory-intro p{font-size:20px;margin-top:30px}.directory-directors,.directory-council,.directory-editorial{padding:54px 15px}.directory-section-head{grid-template-columns:44px 1fr;gap:12px}.directory-section-head small{display:none}.directory-section-head>span{font-size:40px}.director-grid,.council-grid{grid-template-columns:1fr;gap:18px}.director-card{grid-template-columns:1fr}.director-portrait{min-height:0;padding:18px 18px 22px}.director-portrait img{max-height:min(70vw,340px)}.director-copy{padding:30px 23px 34px}.director-copy h3{font-size:48px}.director-copy p{font-size:17px;margin-top:26px}.council-card{grid-template-columns:1fr}.council-portrait{padding:18px;min-height:0}.council-portrait img{max-height:min(62vw,260px)}.council-copy{padding:22px 20px 28px}.council-copy h3{font-size:34px}.council-copy p{font-size:16.5px}.editorial-card{grid-template-columns:1fr;gap:0}.editorial-portrait{min-height:0;padding:18px}.editorial-portrait img{max-height:min(66vw,280px)}.editorial-card h3{font-size:48px}.directory-colophon{display:block;min-height:190px;padding:42px 20px}.directory-colophon p{margin-top:30px;text-align:left;font-size:30px}
}
/* =========================================================
V24 — MOBILE READING / NAVIGATION / CONTAINMENT
========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
.mobile-menu-toggle{display:none}
.top nav a>span{display:none}
/* Defensive containment for imported WordPress HTML. */
.single-main,.single-reading-shell,.article-body,.article-body>*,
.page-head,.archive-main,.contributors-main,.issue-main,.type-archive,
.directory-main,.directory-main *{min-width:0}
.article-body img,.article-body svg,.article-body video,.article-body canvas{max-width:100%!important;height:auto}
.article-body pre,.article-body code{max-width:100%}
.article-body pre{overflow:auto;-webkit-overflow-scrolling:touch;white-space:pre}
.article-body iframe,.article-body object,.article-body embed{max-width:100%!important}
.article-body .alignwide,.article-body .alignfull,
.article-body .wp-block-group.alignwide,.article-body .wp-block-group.alignfull,
.article-body .wp-block-columns,.article-body .wp-block-media-text{max-width:100%!important;margin-left:0!important;margin-right:0!important}
.article-body .wp-block-table,.article-body .table-responsive{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:880px){
/* Sticky compact masthead + real mobile navigation. */
.top{
position:sticky;top:0;z-index:1000;
width:100%;max-width:none;height:64px;padding:0 max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));
gap:12px;background:rgba(22,24,29,.97);backdrop-filter:blur(14px);
border-bottom:1px solid rgba(255,255,255,.09)
}
.site-brand{position:relative;z-index:1002;margin-right:auto}
.brand-wordmark{height:42px;max-width:min(178px,55vw)}
.top .issue-mini{display:none!important}
.mobile-menu-toggle{
position:relative;z-index:1002;display:flex;align-items:center;gap:9px;
min-height:42px;padding:0 2px 0 10px;border:0;background:transparent;color:#eee8df;
cursor:pointer
}
.mobile-menu-label{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#b9b1a7}
.mobile-menu-icon{width:25px;height:18px;position:relative;display:block}
.mobile-menu-icon i{position:absolute;left:0;width:25px;height:1px;background:#eee8df;transition:transform .24s ease,top .24s ease,opacity .18s ease}
.mobile-menu-icon i:first-child{top:5px}.mobile-menu-icon i:last-child{top:12px}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:first-child{top:9px;transform:rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-icon i:last-child{top:9px;transform:rotate(-45deg)}
.top nav{
display:flex!important;position:fixed;z-index:1001;inset:64px 0 0;
width:100%;height:calc(100dvh - 64px);padding:24px 18px calc(34px + env(safe-area-inset-bottom));
flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
background:linear-gradient(180deg,#191c22 0%,#111318 100%);color:#eee7de;
overflow-y:auto;-webkit-overflow-scrolling:touch;
opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);
transition:opacity .2s ease,transform .24s ease,visibility 0s linear .24s
}
.mobile-menu-open .top nav{
opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);
transition:opacity .2s ease,transform .24s ease
}
.top nav::before{
content:"La Otra · navegación";display:block;padding:0 0 18px;margin-bottom:2px;
border-bottom:1px solid rgba(255,255,255,.10);
font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#777d86
}
.top nav a{
position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:baseline;gap:12px;
padding:16px 2px 17px;border-bottom:1px solid rgba(255,255,255,.085);
font:500 clamp(27px,8vw,38px)/.9 "EB Garamond",serif!important;
letter-spacing:-.035em!important;text-transform:none!important;color:#eee7de!important
}
.top nav a>span{display:block;font:400 7px/1 "Fragment Mono",monospace;letter-spacing:.1em;color:#8f887f}
.top nav a:last-child{border-bottom:0}
body.mobile-menu-open{overflow:hidden!important}
/* Universal mobile width safety. */
.desktop-opening,.mobile-opening,.current-issue,.archive-teaser,.footer-map,
.page-head,.archive-main,.contributors-main,.issue-main,.type-archive-page,
.type-archive,.document-main,.single-main,.directory-main{width:100%;max-width:100%;margin-left:0;margin-right:0}
.article-body,.article-body p,.article-body li,.article-body blockquote,
.article-body h1,.article-body h2,.article-body h3,.article-body h4,
.council-copy,.director-copy,.editorial-card>div:last-child{overflow-wrap:break-word;word-break:normal}
.article-body a{overflow-wrap:anywhere}
/* Reading page: more breathing room, less visual friction. */
.single-hero,.single-hero.has-feature,.single-historic .single-hero{padding-left:16px!important;padding-right:16px!important}
.single-folio{grid-template-columns:auto auto minmax(0,1fr)!important}
.single-folio small{min-width:0;overflow-wrap:anywhere}
.single-heading,.single-adaptive-title,.single-title-line{max-width:100%}
.single-meta{gap:7px 12px!important;line-height:1.45!important}
.single-byline{flex-wrap:wrap;max-width:100%}
.single-byline strong,.single-credits strong{overflow-wrap:anywhere}
.single-reading-shell{width:100%;padding:34px 17px 64px!important}
.single-margin{gap:10px 15px!important;margin-bottom:28px!important}
.article-body{width:100%;font-size:clamp(18.5px,5.2vw,20px)!important;line-height:1.62!important}
.article-body p{margin-bottom:1.22em}
.article-body.prose>p:first-of-type{font-size:1.045em;line-height:1.58}
.article-body h2{font-size:clamp(30px,9vw,36px)!important;line-height:.98!important}
.article-body h3{font-size:clamp(25px,7.5vw,31px)!important;line-height:1!important}
.article-body h4{font-size:23px!important;line-height:1.04!important}
.article-body blockquote{margin:1.8em 0!important;padding-left:1em!important}
.article-body ul,.article-body ol{padding-left:1.05em}
.article-body figure,.article-body .wp-caption{width:auto!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}
.article-body iframe,.article-body video,.article-body object,.article-body embed{width:100%!important}
.article-body table{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.article-body .gallery,.article-body .wp-block-gallery,.article-body .blocks-gallery-grid,
.article-body [class*="gallery"],.article-body [class*="album"]{
width:100%!important;max-width:100%!important;margin:2.2em 0!important;padding:8px!important;transform:none!important
}
.article-body .wp-block-columns{display:block!important}
.article-body .wp-block-column{width:100%!important;flex-basis:auto!important;margin-left:0!important;margin-right:0!important}
.article-body .wp-block-media-text{display:block!important}
.article-body .wp-block-media-text__media{margin:0 0 1.2em!important}
.article-body .wp-block-media-text__content{padding:0!important}
.single-foot{gap:14px!important}
/* Folios / native TOCs: comfortable touch targets and safe labels. */
.article-body .poem-folio,.article-body .poem-native-folio{width:100%;max-width:100%}
.article-body .poem-folio li,.article-body .poem-native-folio li{min-width:0}
.article-body .poem-folio a,.article-body .poem-native-folio a{overflow-wrap:anywhere;padding-top:2px;padding-bottom:2px}
/* Archives and contributor indexes. */
.page-head{padding:48px 16px 38px}
.page-head h1{font-size:clamp(50px,15vw,70px);line-height:.84}
.archive-main,.contributors-main{padding-left:15px;padding-right:15px}
.modern-issues{width:100%;max-width:100%}
.ledger a{grid-template-columns:46px minmax(0,1fr);gap:8px 12px}
.ledger em{grid-column:2;text-align:left;margin-top:4px}
.letter-group{grid-template-columns:52px minmax(0,1fr);gap:10px}
.letter-mark{font-size:48px}
.person-list .person-row{min-width:0}
.person-list .person-row strong{display:block;overflow-wrap:anywhere}
.person-list .person-row span{white-space:normal!important;overflow-wrap:anywhere}
.contributor-posts>a{min-width:0}
.contributor-posts strong{overflow-wrap:anywhere}
.issue-modern-groups{gap:30px}
.issue-section>a{grid-template-columns:27px minmax(0,1fr);gap:8px 10px}
.issue-section>a em{grid-column:2;text-align:left;margin-top:4px}
.historic-list>a{min-width:0}
.historic-list strong{overflow-wrap:anywhere}
/* Typographic archives: sibling strip scrolls inside itself, not the viewport. */
.type-archive-siblings{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.type-archive-siblings a{flex:0 0 auto;white-space:nowrap}
.type-ledger-row,.type-ledger-copy{min-width:0}
.type-ledger-copy strong{overflow-wrap:anywhere}
.type-pagination{max-width:100%}
.type-pagination-pages{max-width:100%;overflow-x:auto;justify-content:flex-start}
/* Home issue cover remains legible even at 320px. */
.mobile-cover{margin-left:8px;margin-right:8px}
.mobile-cover-info{left:12px;right:12px;bottom:12px;padding:15px}
.mobile-cover-info .title{font-size:clamp(42px,14vw,55px)}
.mobile-cover-info .number{font-size:clamp(62px,22vw,88px);padding-left:8px}
.mobile-full-index,.current-issue{padding-left:10px;padding-right:10px}
.mobile-toc-group strong,.bound-row strong{overflow-wrap:anywhere}
/* Directorio: compact editorial portraits, readable copy, no escaped cards. */
.directory-intro{padding:48px 17px 54px!important}
.directory-intro h1{font-size:clamp(58px,19vw,88px)!important;line-height:.76!important}
.directory-intro p{font-size:19px!important;line-height:1.45!important}
.directory-directors,.directory-council,.directory-editorial{padding:46px 12px!important}
.directory-section-head{grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;margin-bottom:28px!important}
.directory-section-head>span{font-size:36px!important}
.directory-section-head h2{font-size:clamp(34px,10vw,46px)!important;overflow-wrap:anywhere}
.director-card,.council-card,.editorial-card{width:100%;max-width:100%;overflow:hidden}
.director-portrait{padding:14px 14px 18px!important}
.director-portrait img{max-height:min(64vw,300px)!important}
.director-copy{padding:27px 20px 31px!important}
.director-copy h3{font-size:clamp(39px,12vw,50px)!important}
.director-copy p{font-size:17px!important;line-height:1.52!important}
.council-portrait{padding:14px!important}
.council-portrait img{max-height:min(56vw,230px)!important}
.council-copy{padding:20px 18px 25px!important}
.council-copy h3{font-size:32px!important}
.council-copy p{font-size:16px!important;line-height:1.5!important}
.editorial-portrait img{max-height:min(58vw,245px)!important}
.editorial-card>div:last-child{padding:20px 4px 0!important}
.editorial-card h3{font-size:44px!important}
.directory-colophon{padding:38px 17px!important}
.directory-colophon p{font-size:27px!important;line-height:1!important;overflow-wrap:anywhere}
/* Footer remains an end-of-reading index rather than a source of overflow. */
.footer-map,.footer-brand-panel,.footer-directory,.footer-bottom{width:100%;max-width:100%}
.footer-brand-copy,.footer-column,.footer-links{min-width:0}
.footer-brand-copy h2,.footer-brand-copy p,.footer-links a{overflow-wrap:anywhere}
}
@media(max-width:420px){
.top{height:60px;padding-left:max(11px,env(safe-area-inset-left));padding-right:max(11px,env(safe-area-inset-right))}
.top nav{top:60px;height:calc(100dvh - 60px);padding-left:14px;padding-right:14px}
.brand-wordmark{height:38px;max-width:156px}
.mobile-menu-label{display:none}
.mobile-menu-toggle{padding-left:4px}
.mobile-cover{min-height:470px;height:62svh}
.mobile-cover-info{grid-template-columns:minmax(0,1fr) auto;min-height:180px}
.mobile-cover-info .title{font-size:40px}
.mobile-cover-info .number{font-size:60px}
.single-hero,.single-hero.has-feature,.single-historic .single-hero{padding-top:34px!important}
.single-title-compact .single-adaptive-title{font-size:50px!important}
.single-title-standard .single-adaptive-title{font-size:44px!important}
.single-title-extended .single-adaptive-title{font-size:37px!important}
.single-title-long .single-adaptive-title{font-size:32px!important}
.single-title-epic .single-adaptive-title{font-size:28px!important}
.single-reading-shell{padding-left:15px!important;padding-right:15px!important}
.article-body{font-size:18.5px!important}
.directory-directors,.directory-council,.directory-editorial{padding-left:9px!important;padding-right:9px!important}
}
/* =========================================================
V25 — PRIVACY / LEGAL NOTICE / ARCHIVE CORRECTION SUPPORT
========================================================= */
/* Internal legal page — quiet paper document inside the same frontend. */
.legal-page{background:#111318;color:#1b1c1e}
.legal-main{width:min(1180px,calc(100% - 28px));margin:0 auto;background:#ece5da;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.legal-hero{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:420px;background:#1a1d22;color:#eee7dc;border-bottom:1px solid rgba(255,255,255,.08)}
.legal-folio{padding:30px 22px;border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:space-between}
.legal-folio span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 34px/.9 "EB Garamond",serif;letter-spacing:-.04em}
.legal-folio b{font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#b9aa82}
.legal-title{padding:66px clamp(28px,7vw,92px) 64px;align-self:center}
.legal-kicker{display:block;margin:0 0 20px;font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#c4ae72}
.legal-title h1{margin:0;font:500 clamp(65px,9vw,118px)/.72 "EB Garamond",serif;letter-spacing:-.06em;color:#f1ebe2}
.legal-title h1 i{font-weight:400;color:#bea776}
.legal-title p{max-width:700px;margin:32px 0 0;font:400 20px/1.4 "EB Garamond",serif;color:#b9b0a5}
.legal-paper{max-width:880px;margin:0 auto;padding:70px clamp(24px,7vw,88px) 90px;background:#f1ebe2}
.legal-source-note{margin:0 0 42px;padding:0 0 16px;border-bottom:1px solid rgba(30,31,33,.14);font:400 8px/1.3 "Fragment Mono",monospace;letter-spacing:.10em;text-transform:uppercase;color:#82786e}
.legal-content{font:400 18px/1.58 "EB Garamond",serif;color:#37332f;overflow-wrap:anywhere}
.legal-content>*:first-child{margin-top:0}
.legal-content h1,.legal-content h2,.legal-content h3,.legal-content h4{max-width:760px;margin:2.2em 0 .65em;font-family:"EB Garamond",serif;color:#1f2022;letter-spacing:-.03em}
.legal-content h1{font-size:46px;line-height:.95}.legal-content h2{font-size:34px;line-height:1}.legal-content h3{font-size:26px;line-height:1.05}.legal-content h4{font-size:20px;line-height:1.1}
.legal-content p{margin:0 0 1.05em}.legal-content ul,.legal-content ol{margin:0 0 1.35em;padding-left:1.25em}.legal-content li+li{margin-top:.35em}
.legal-content a{color:#704f60;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-content blockquote{margin:2em 0;padding:0 0 0 22px;border-left:2px solid #b49962;color:#665e56;font-style:italic}
.legal-content table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse}
.legal-content img,.legal-content iframe,.legal-content video,.legal-content embed,.legal-content object{max-width:100%;height:auto}
.legal-empty{padding:40px 0}.legal-empty h2{font:500 42px/.95 "EB Garamond",serif}.legal-empty p{font:400 18px/1.5 "EB Garamond",serif}
/* Landing legal colophon: visible, but kept deliberately in microtype. */
.footer-legal-notice{display:grid;grid-template-columns:130px minmax(0,1fr);gap:24px 34px;padding:22px 42px 24px;background:#0d0f12;border-top:1px solid rgba(255,255,255,.06);color:#77716a}
.footer-legal-head{display:flex;flex-direction:column;gap:8px;padding-top:2px}
.footer-legal-head span,.footer-legal-head b,.footer-legal-copyright{font:400 7.5px/1.35 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.footer-legal-head span{color:#aaa097}.footer-legal-head b{color:#827660}
.footer-legal-copy{columns:3;column-gap:32px;column-rule:1px solid rgba(255,255,255,.045)}
.footer-legal-copy p{margin:0;font:400 9.2px/1.52 "EB Garamond",serif;color:#706a64;text-align:justify;hyphens:auto}
.footer-legal-copyright{grid-column:2;color:#625d58;margin-top:-2px}
@media(max-width:900px){
.legal-main{width:100%;margin:0}.legal-hero{grid-template-columns:90px minmax(0,1fr)}.legal-folio{padding:24px 15px}.legal-title{padding:52px 28px 54px}.legal-paper{padding:54px 28px 70px}.footer-legal-copy{columns:2}
}
@media(max-width:700px){
.legal-hero{display:block;min-height:0}.legal-folio{display:none}.legal-title{padding:48px 18px 50px}.legal-title h1{font-size:clamp(58px,20vw,88px)}.legal-title p{font-size:18px}.legal-paper{padding:44px 18px 62px}.legal-content{font-size:17px;line-height:1.6}.legal-content h2{font-size:30px}.legal-content h3{font-size:24px}
.footer-legal-notice{display:block;padding:22px 16px 24px}.footer-legal-head{display:flex;flex-direction:row;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}.footer-legal-copy{columns:1}.footer-legal-copy p{font-size:9.6px;line-height:1.58;text-align:left}.footer-legal-copyright{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.05)}
}
/* =========================================================
V26 — INTERNAL CONTACT PAGE
========================================================= */
.contact-page{background:#111318;color:#1b1c1e}
.contact-main{width:min(1220px,calc(100% - 28px));margin:0 auto;background:#ece5da;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.contact-hero{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:430px;background:#181b20;color:#efe8df;border-bottom:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.contact-hero::after{content:"CORREO";position:absolute;right:-.04em;bottom:-.14em;font:500 clamp(118px,21vw,300px)/.72 "EB Garamond",serif;letter-spacing:-.07em;color:rgba(255,255,255,.024);pointer-events:none}
.contact-folio{padding:30px 22px;border-right:1px solid rgba(255,255,255,.10);display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:1}
.contact-folio span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 34px/.9 "EB Garamond",serif;letter-spacing:-.04em}
.contact-folio b,.contact-kicker,.contact-label,.contact-form-head,.contact-submit small{font:400 8px/1.3 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase}
.contact-folio b{color:#bca771}
.contact-title{padding:68px clamp(30px,7vw,94px) 64px;align-self:center;position:relative;z-index:1}
.contact-kicker{display:block;margin-bottom:20px;color:#c4ae72}
.contact-title h1{margin:0;font:500 clamp(70px,9vw,122px)/.72 "EB Garamond",serif;letter-spacing:-.065em;color:#f1ebe2}
.contact-title h1 i{font-weight:400;color:#c3ab76}
.contact-title p{max-width:700px;margin:34px 0 0;font:400 21px/1.4 "EB Garamond",serif;color:#bdb4a8}
.contact-paper{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:0;background:#f1ebe2}
.contact-address{padding:58px 34px;border-right:1px solid rgba(40,33,28,.13);background:#e4d8c9}
.contact-label{display:block;margin-bottom:13px;color:#765568}
.contact-address>a{display:inline-block;max-width:100%;font:500 27px/1.05 "EB Garamond",serif;color:#222326;text-decoration:none;overflow-wrap:anywhere}
.contact-address>a:hover,.contact-address>a:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.contact-rule{height:1px;margin:36px 0;background:rgba(40,33,28,.14)}
.contact-address p{margin:0 0 20px;font:400 18px/1.47 "EB Garamond",serif;color:#4e4842}
.contact-address .contact-small{font-size:14.5px;line-height:1.48;color:#746b62}
.contact-form-panel{padding:58px clamp(28px,6vw,72px) 72px;background:#f4eee5}
.contact-form-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:16px;margin-bottom:26px;border-bottom:1px solid rgba(34,34,36,.13);color:#756e66}
.contact-form-head b{font-weight:400;color:#957d52}
.contact-status{margin:0 0 28px;padding:14px 16px;border-left:2px solid #9c7e53;background:rgba(156,126,83,.08);font:400 15px/1.45 "EB Garamond",serif;color:#5c544c}
.contact-status-success{border-color:#687c67;background:rgba(104,124,103,.08)}
.contact-status-error{border-color:#985c58;background:rgba(152,92,88,.08)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px;position:relative}
.contact-field{display:block;min-width:0}
.contact-field-wide{grid-column:1/-1}
.contact-field>span{display:block;margin-bottom:9px;font:400 8px/1.2 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#786f66}
.contact-field input,.contact-field textarea{display:block;width:100%;max-width:100%;border:0;border-bottom:1px solid rgba(36,34,33,.27);border-radius:0;padding:11px 0 12px;background:transparent;color:#252628;font:400 18px/1.4 "EB Garamond",serif;outline:none;transition:border-color .15s ease,background .15s ease}
.contact-field textarea{min-height:190px;resize:vertical;border:1px solid rgba(36,34,33,.20);padding:15px 16px;background:rgba(255,255,255,.26)}
.contact-field input:focus,.contact-field textarea:focus{border-color:#77576a;background:rgba(255,255,255,.38)}
.contact-field input:disabled,.contact-field textarea:disabled{opacity:.52;cursor:not-allowed}
.contact-consent{display:flex;align-items:flex-start;gap:10px;font:400 14px/1.45 "EB Garamond",serif;color:#665e56}
.contact-consent input{flex:0 0 auto;margin-top:3px}
.contact-consent a{text-decoration:underline;text-underline-offset:3px;color:#704f60}
.contact-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:4px}
.contact-submit button{border:0;padding:15px 20px;background:#6d4b5e;color:#f5eee5;font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .15s ease,background .15s ease}
.contact-submit button:hover:not(:disabled),.contact-submit button:focus-visible:not(:disabled){background:#583c4c;transform:translateY(-1px)}
.contact-submit button:disabled{background:#a49b91;color:#eee8e0;cursor:not-allowed}
.contact-submit small{max-width:350px;color:#8c837a;text-transform:none;letter-spacing:.04em;line-height:1.45}
.contact-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:900px){
.contact-main{width:100%;margin:0}.contact-hero{grid-template-columns:90px minmax(0,1fr)}.contact-folio{padding:24px 15px}.contact-title{padding:54px 28px 56px}.contact-paper{grid-template-columns:240px minmax(0,1fr)}.contact-address{padding:48px 24px}.contact-form-panel{padding:48px 28px 60px}
}
@media(max-width:700px){
.contact-hero{display:block;min-height:0}.contact-folio{display:none}.contact-title{padding:48px 18px 50px}.contact-title h1{font-size:clamp(58px,20vw,88px)}.contact-title p{font-size:18px}.contact-paper{display:block}.contact-address{padding:36px 18px 32px;border-right:0;border-bottom:1px solid rgba(40,33,28,.13)}.contact-address>a{font-size:25px}.contact-rule{margin:28px 0}.contact-form-panel{padding:40px 18px 54px}.contact-form{grid-template-columns:1fr;gap:21px}.contact-field-wide{grid-column:auto}.contact-form-head{align-items:flex-start;flex-direction:column;gap:7px}.contact-field input,.contact-field textarea{font-size:17px}.contact-submit{display:block}.contact-submit button{width:100%;min-height:48px}.contact-submit small{display:block;max-width:none;margin-top:12px}.contact-status{font-size:16px}
}
/* V27 — generic WordPress pages rendered inside the new frontend */
.wp-document-main .legal-title h1{font-size:clamp(48px,7.5vw,100px);line-height:.84;overflow-wrap:anywhere;word-break:normal}
.wp-document-main .legal-content{max-width:760px;margin-inline:auto}
@media(max-width:880px){.wp-document-main .legal-title h1{font-size:clamp(44px,14vw,72px);line-height:.9}}
/* =========================================================
V28 — CACHED ARCHIVE SEARCH
========================================================= */
.screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.search-main{max-width:1380px;margin:0 auto;background:#1b1e24;color:#efe9df;border-left:1px solid rgba(255,255,255,.06);border-right:1px solid rgba(255,255,255,.06)}
.search-hero{min-height:440px;display:grid;grid-template-columns:150px minmax(0,1fr);background:#eee8de;color:#18191b;border-bottom:1px solid rgba(0,0,0,.12)}
.search-folio{padding:28px 18px;border-right:1px solid rgba(0,0,0,.12);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.search-folio span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 32px/.9 "EB Garamond",serif;letter-spacing:-.035em}.search-folio b{font:400 58px/.8 "Fragment Mono",monospace;color:#6d4b5e}
.search-intro{padding:68px clamp(26px,7vw,92px) 62px;align-self:center}.search-kicker{display:block;margin-bottom:20px;font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#6d4b5e}.search-intro h1{margin:0;font:500 clamp(70px,9vw,128px)/.73 "EB Garamond",serif;letter-spacing:-.06em}.search-intro h1 i{font-weight:400;color:#6d4b5e}.search-intro p{max-width:760px;margin:34px 0 0;font:400 21px/1.42 "EB Garamond",serif;color:#565049}
.search-workbench{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:38px;padding:48px clamp(24px,5vw,72px);background:#20242b;border-bottom:1px solid rgba(255,255,255,.08)}
.archive-search-form>label{display:block;margin-bottom:13px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#9d958b}.archive-search-line{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.22)}.archive-search-line input{min-width:0;border:0;background:transparent;color:#f3ede5;outline:0;padding:4px 12px 13px 0;font:500 clamp(27px,3.3vw,46px)/1 "EB Garamond",serif;letter-spacing:-.035em}.archive-search-line input::placeholder{color:#6f7074}.archive-search-line button{border:0;background:transparent;color:#d5c07e;padding:0 0 11px 22px;cursor:pointer;font:400 9px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.archive-search-line button span{font-size:16px;margin-left:8px}.archive-search-filters{display:flex;gap:20px;align-items:end;margin-top:16px;flex-wrap:wrap}.archive-search-filters label{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#8f8a84}.archive-search-filters input{display:block;width:92px;margin-top:7px;padding:7px 0;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:#d8d1c8;outline:0}.archive-search-filters a{margin-left:auto;padding-bottom:7px;font-size:8px;text-transform:uppercase;letter-spacing:.09em;color:#a9a097}
.search-index-note{align-self:end;padding-left:22px;border-left:1px solid rgba(255,255,255,.11)}.search-index-note strong,.search-index-note small{display:block}.search-index-note strong{margin-top:8px;font:500 18px/1 "EB Garamond",serif;color:#ded6cb}.search-index-note small{margin-top:7px;font:400 8px/1.5 "Fragment Mono",monospace;letter-spacing:.06em;color:#89857f}.search-index-dot{display:block;width:7px;height:7px;border-radius:50%;background:#9eac7d;box-shadow:0 0 0 4px rgba(158,172,125,.09)}.search-index-dot.is-warming{background:#c5a566}
.search-results{padding:54px clamp(24px,5vw,72px) 90px;background:#181b20}.search-results-head{display:flex;justify-content:space-between;gap:30px;align-items:end;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.11)}.search-results-head>div:first-child>span{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.13em;text-transform:uppercase;color:#928a80}.search-results-head h2{margin:8px 0 0;font:500 clamp(42px,5vw,68px)/.84 "EB Garamond",serif;letter-spacing:-.045em;color:#eee7dd}.search-results-count{text-align:right}.search-results-count strong{display:block;font:500 58px/.74 "EB Garamond",serif;color:#d5c07e}.search-results-count span{display:block;margin-top:8px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#8d8780}
.search-ledger{border-top:1px solid rgba(255,255,255,.05)}.search-result-row{display:grid;grid-template-columns:58px minmax(0,1fr) 120px 28px;gap:16px;align-items:start;padding:24px 0 26px;border-bottom:1px solid rgba(255,255,255,.08);transition:background .16s ease}.search-result-row:hover{background:rgba(255,255,255,.025)}.search-result-no{padding-top:5px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;color:#776f66}.search-result-copy strong{display:block;font:500 clamp(24px,2.6vw,36px)/.95 "EB Garamond",serif;letter-spacing:-.035em;color:#f0e9df}.search-result-copy em{display:block;margin-top:7px;font:400 9px/1.2 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:#b7a675}.search-result-copy small{display:block;max-width:820px;margin-top:13px;font:400 16px/1.42 "EB Garamond",serif;color:#a9a096}.search-result-meta{padding-top:4px;font:400 8px/1.45 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#89837b}.search-result-arrow{font-size:18px;color:#d5c07e}.search-empty{padding:58px 0;display:grid;grid-template-columns:70px minmax(0,1fr);gap:18px;align-items:start}.search-empty>span{font:500 52px/.8 "EB Garamond",serif;color:#6d4b5e}.search-empty p{max-width:640px;margin:0;font:400 22px/1.35 "EB Garamond",serif;color:#aaa198}.search-pagination{margin-top:38px}
.archive-search-callout{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);gap:44px;align-items:end;margin:0 0 60px;padding:28px 30px 32px;background:#20242b;border:1px solid rgba(255,255,255,.09)}.archive-search-copy>span{font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#9d9489}.archive-search-copy h2{margin:9px 0 0;font:500 36px/.9 "EB Garamond",serif;letter-spacing:-.035em;color:#eee7de}.archive-search-copy p{margin:10px 0 0;font:400 16px/1.3 "EB Garamond",serif;color:#9f978e}.archive-search-inline{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.23)}.archive-search-inline input{min-width:0;padding:7px 0 12px;border:0;background:transparent;color:#eee8df;outline:0;font:500 25px/1 "EB Garamond",serif}.archive-search-inline input::placeholder{color:#696b70}.archive-search-inline button{border:0;background:transparent;color:#d5c07e;padding:0 0 11px 18px;cursor:pointer;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:1080px) and (min-width:881px){.top{gap:16px}.top nav{gap:15px;font-size:8px;letter-spacing:.09em}.top .issue-mini{display:none}.search-workbench{grid-template-columns:1fr}.search-index-note{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:20px 0 0}.archive-search-callout{grid-template-columns:1fr}}
@media(max-width:880px){
.search-main{width:100%;border:0}.search-hero{display:block;min-height:0}.search-folio{display:none}.search-intro{padding:48px 18px 50px}.search-intro h1{font-size:clamp(58px,18vw,86px)}.search-intro p{font-size:18px;margin-top:28px}.search-workbench{display:block;padding:36px 18px}.archive-search-line input{font-size:31px}.archive-search-line button{padding-left:12px}.archive-search-filters{gap:14px}.archive-search-filters a{margin-left:0}.search-index-note{margin-top:28px;padding:20px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.09)}.search-results{padding:40px 16px 64px}.search-results-head{align-items:flex-start}.search-results-count strong{font-size:46px}.search-result-row{grid-template-columns:34px minmax(0,1fr) 22px;gap:10px;padding:20px 0}.search-result-meta{grid-column:2;margin-top:6px}.search-result-arrow{grid-column:3;grid-row:1}.search-result-copy small{font-size:16px}.search-result-copy strong{font-size:27px}.archive-search-callout{display:block;margin-bottom:44px;padding:24px 18px 26px}.archive-search-inline{margin-top:24px}.archive-search-inline input{font-size:21px}.archive-search-copy h2{font-size:34px}
}
/* =========================================================
V30 — QUIET SECTION SEARCH + ARCHIVE HIERARCHY REFINEMENT
========================================================= */
/* A section archive gets a search affordance without becoming another hero. */
.section-search-strip{
display:grid;
grid-template-columns:170px minmax(0,1fr);
gap:24px;
align-items:center;
padding:17px 42px 18px;
border-bottom:1px solid rgba(0,0,0,.14);
background:rgba(255,255,255,.10);
}
.section-search-label{
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.11em;
text-transform:uppercase;
color:#7d756d;
}
.section-search-form{
justify-self:end;
width:min(100%,650px);
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
border-bottom:1px solid rgba(0,0,0,.23);
}
.section-search-form input{
min-width:0;
padding:5px 0 8px;
border:0;
outline:0;
background:transparent;
color:#1d1d1f;
font:500 20px/1 "EB Garamond",serif;
letter-spacing:-.015em;
}
.section-search-form input::placeholder{color:#999087}
.section-search-form button{
display:flex;
gap:7px;
align-items:center;
padding:0 0 8px 16px;
border:0;
background:transparent;
color:var(--archive-accent,#6d4b5e);
cursor:pointer;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.09em;
text-transform:uppercase;
}
.section-search-form button:first-letter{font-size:16px}
/* On the main archive page these are wayfinding labels, not competing titles. */
.archive-era-head{
display:flex;
justify-content:space-between;
align-items:baseline;
gap:22px;
padding:0 0 12px;
border-bottom:1px solid rgba(255,255,255,.09);
}
.archive-era-head h2{
order:1;
margin:0;
font:500 27px/.95 "EB Garamond",serif;
letter-spacing:-.025em;
color:#d8d1c8;
}
.archive-era-head>span{
order:2;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.12em;
color:#8f887f;
}
.modern-issues{margin-top:22px}
.archive-historic .archive-era-head{margin-top:2px}
@media(max-width:880px){
.section-search-strip{
grid-template-columns:1fr;
gap:10px;
padding:14px 16px 16px;
}
.section-search-form{justify-self:stretch;width:100%}
.section-search-form input{font-size:19px}
.section-search-form button span{display:none}
.section-search-form button{padding-left:12px;font-size:16px}
.archive-era-head{display:flex;align-items:baseline;gap:14px;padding-bottom:10px}
.archive-era-head h2{font-size:22px;line-height:1}
.archive-era-head>span{margin-left:auto;font-size:7.5px;white-space:nowrap}
.modern-issues{margin-top:18px}
}
/* =========================================================
V31 — COLLABORATOR ATLAS / GEOGRAPHIC ARCHIVE
========================================================= */
.contributors-atlas-main{padding-top:54px}
.atlas-shell{
margin:0 0 56px;
padding:0 0 48px;
border-bottom:1px solid rgba(255,255,255,.1);
}
.atlas-head{
display:grid;
grid-template-columns:minmax(280px,.82fr) minmax(300px,.72fr);
justify-content:space-between;
gap:48px;
align-items:end;
margin-bottom:30px;
}
.atlas-kicker{
display:block;
margin-bottom:12px;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.13em;
text-transform:uppercase;
color:#d5c07e;
}
.atlas-head h2{
margin:0;
font:500 clamp(48px,6.2vw,88px)/.76 "EB Garamond",serif;
letter-spacing:-.06em;
color:#f0e9df;
}
.atlas-head h2 i{font-weight:400;color:#988092}
.atlas-head p{
max-width:560px;
margin:0 0 5px auto;
font:400 17px/1.45 "EB Garamond",serif;
color:#aaa196;
}
.atlas-layout{
display:grid;
grid-template-columns:minmax(0,1fr) 230px;
gap:1px;
border:1px solid rgba(255,255,255,.1);
background:rgba(255,255,255,.1);
}
.atlas-map-wrap{
position:relative;
min-width:0;
overflow:hidden;
background:
radial-gradient(circle at 43% 46%,rgba(213,192,126,.045),transparent 34%),
#14171c;
padding:18px 18px 14px;
}
.atlas-world{display:block;width:100%;height:auto;max-height:560px}
.atlas-country{
fill:#282c32;
stroke:#111419;
stroke-width:1.15;
opacity:.66;
transition:fill .16s ease,opacity .16s ease,stroke .16s ease;
outline:none;
}
.atlas-country.has-people{
fill:#8b8378;
opacity:.88;
cursor:pointer;
}
.atlas-country.has-people:hover,
.atlas-country.has-people:focus-visible{
fill:#d5c07e;
opacity:1;
stroke:#efe4c0;
stroke-width:1.5;
}
.atlas-country.is-selected,
.atlas-country.is-selected:hover,
.atlas-country.is-selected:focus-visible{
fill:#9a3b35;
stroke:#e3a69e;
opacity:1;
}
.atlas-tooltip{
position:absolute;
z-index:4;
min-width:126px;
padding:8px 10px 9px;
pointer-events:none;
background:rgba(15,17,21,.94);
border:1px solid rgba(255,255,255,.15);
box-shadow:0 10px 28px rgba(0,0,0,.24);
}
.atlas-tooltip strong{
display:block;
font:500 16px/1 "EB Garamond",serif;
color:#efe8de;
}
.atlas-tooltip span{
display:block;
margin-top:5px;
font:400 7px/1 "Fragment Mono",monospace;
letter-spacing:.09em;
text-transform:uppercase;
color:#a69d91;
}
.atlas-panel{
display:flex;
flex-direction:column;
min-width:0;
padding:24px 20px 20px;
background:#1d2026;
}
.atlas-current span,
.atlas-select-wrap>span{
display:block;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.12em;
text-transform:uppercase;
color:#9b9287;
}
.atlas-current strong{
display:block;
margin:22px 0 3px;
font:500 62px/.72 "EB Garamond",serif;
letter-spacing:-.055em;
color:#d5c07e;
}
.atlas-current small{
font:400 8px/1.3 "Fragment Mono",monospace;
letter-spacing:.08em;
text-transform:uppercase;
color:#77736e;
}
.atlas-select-wrap{display:block;margin-top:38px}
.atlas-select-wrap select{
width:100%;
max-width:100%;
margin-top:9px;
padding:9px 26px 9px 0;
border:0;
border-bottom:1px solid rgba(255,255,255,.17);
border-radius:0;
background:transparent;
color:#eee7dd;
font:500 17px/1 "EB Garamond",serif;
outline:none;
}
.atlas-select-wrap select:focus{border-bottom-color:#d5c07e}
.atlas-select-wrap option{background:#1d2026;color:#eee7dd}
.atlas-reset{
align-self:flex-start;
margin-top:18px;
padding:0 0 4px;
border:0;
border-bottom:1px solid rgba(213,192,126,.42);
background:transparent;
color:#d5c07e;
cursor:pointer;
font:400 8px/1 "Fragment Mono",monospace;
letter-spacing:.09em;
text-transform:uppercase;
}
.atlas-note{
margin:auto 0 0;
padding-top:36px;
font:400 10px/1.45 "Fragment Mono",monospace;
color:#6f6b66;
}
.person-row .person-place{
display:inline-flex;
align-items:baseline;
gap:7px;
font:400 7px/1.2 "Fragment Mono",monospace;
font-style:normal;
letter-spacing:.08em;
text-transform:uppercase;
color:#b29e72;
}
.person-row .person-place small{
font:inherit;
color:#77716b;
}
.contributor-geoline{
display:grid;
grid-template-columns:auto auto minmax(0,1fr) auto;
gap:12px 18px;
align-items:baseline;
max-width:780px;
margin-top:24px;
padding:13px 0 12px;
border-top:1px solid rgba(255,255,255,.09);
border-bottom:1px solid rgba(255,255,255,.09);
color:inherit;
}
.contributor-geoline>span,
.contributor-geoline>b{
font:400 7px/1.2 "Fragment Mono",monospace;
letter-spacing:.11em;
text-transform:uppercase;
color:#817a71;
}
.contributor-geoline strong{
font:500 21px/1 "EB Garamond",serif;
color:#d5c07e;
}
.contributor-geoline em{
font:400 8px/1.2 "Fragment Mono",monospace;
letter-spacing:.07em;
text-transform:uppercase;
font-style:normal;
color:#aaa095;
}
.contributor-geoline>b{justify-self:end;color:#9d8b68}
@media(max-width:980px){
.atlas-head{grid-template-columns:1fr;gap:22px}
.atlas-head p{margin:0;max-width:680px}
.atlas-layout{grid-template-columns:1fr}
.atlas-panel{display:grid;grid-template-columns:minmax(130px,.6fr) minmax(220px,1fr) auto;gap:20px;align-items:end}
.atlas-select-wrap{margin-top:0}
.atlas-reset{margin:0 0 4px}
.atlas-note{display:none}
.atlas-current strong{margin-top:16px;font-size:50px}
}
@media(max-width:700px){
.contributors-atlas-main{padding-top:38px}
.atlas-shell{margin-bottom:38px;padding-bottom:34px}
.atlas-head{margin-bottom:20px}
.atlas-head h2{font-size:clamp(48px,17vw,72px)}
.atlas-head p{font-size:16px;line-height:1.4}
.atlas-map-wrap{padding:9px 6px 6px}
.atlas-world{width:112%;max-width:none;margin-left:-6%}
.atlas-tooltip{display:none!important}
.atlas-panel{display:grid;grid-template-columns:95px minmax(0,1fr);gap:14px 18px;padding:18px 15px}
.atlas-current strong{font-size:42px;margin-top:13px}
.atlas-current small{font-size:7px}
.atlas-select-wrap select{font-size:16px;padding-top:7px}
.atlas-reset{grid-column:1/-1;margin:0}
.person-row .person-place{display:block;margin-top:3px}
.person-row .person-place small{display:inline;margin-left:6px}
.contributor-geoline{grid-template-columns:1fr auto;gap:7px 14px}
.contributor-geoline em{grid-column:1/-1}
.contributor-geoline>b{grid-column:1/-1;justify-self:start;margin-top:4px}
}
/* V33 editorial role helper: untagged creators/translators remain visible even
when no collaborator archive exists for the person yet. */
.single-credits .single-credit{
display:flex;
align-items:baseline;
gap:8px;
color:inherit;
}
/* =========================================================
V39 — PRODUCTION UX / ACCESSIBILITY / SEARCH / SHARING
========================================================= */
:focus-visible{outline:2px solid #d5c07e;outline-offset:3px}
.top nav{font-size:10px;gap:22px}
.archive-time-nav{position:sticky;top:0;z-index:12;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin;margin:0 0 44px;padding:8px;background:#16181d;border:1px solid rgba(255,255,255,.08)}
.archive-time-nav a{flex:0 0 auto;min-height:42px;display:flex;align-items:center;padding:0 14px;border:1px solid transparent;font:400 10px/1 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase;color:#aaa299}
.archive-time-nav a:hover,.archive-time-nav a:focus-visible{border-color:rgba(255,255,255,.14);color:#f0e9df;background:#20242b}
.archive-year{scroll-margin-top:72px}.archive-modern{scroll-margin-top:72px}
.search-workbench{grid-template-columns:minmax(0,1fr)}
.archive-search-filters select{display:block;min-width:150px;margin-top:7px;padding:7px 22px 7px 0;border:0;border-bottom:1px solid rgba(255,255,255,.13);background:transparent;color:#d8d1c8;outline:0;border-radius:0}
.archive-search-filters select option{background:#20242b;color:#efe9df}
.search-result-copy mark{background:transparent;color:#f0d98c;border-bottom:1px solid rgba(240,217,140,.45)}
.contributors-tools{grid-template-columns:190px minmax(260px,1fr) minmax(160px,260px)}
.contributors-role-filter>span{display:block;margin-top:9px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.11em;text-transform:uppercase;color:#9f968a}
.contributors-role-filter select{width:100%;margin-top:8px;padding:12px 24px 10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;outline:0;background:transparent;color:#efe9df;font:500 19px/1 "EB Garamond",serif}
.contributors-role-filter select option{background:#1b1e24;color:#efe9df}
.reading-size-tools>div{display:flex;gap:5px;margin-top:7px}.reading-size-tools button{min-width:42px;min-height:38px;border:1px solid #cbc2b6;background:transparent;color:#514a43;cursor:pointer;font:500 14px/1 "EB Garamond",serif}.reading-size-tools button[aria-pressed="true"]{background:#1d1b18;color:#f4efe7;border-color:#1d1b18}
body.reading-size-small .article-body{font-size:18px!important}
body.reading-size-normal .article-body{font-size:20px!important}
body.reading-size-large .article-body{font-size:23px!important;line-height:1.58!important}
.single-related{max-width:1070px;margin:0 auto;padding:0 28px 62px}
.single-related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #cec6bb;border-bottom:1px solid #cec6bb}
.single-related-links:empty{display:none}.single-related-links a{min-width:0;padding:20px 20px 23px 0}.single-related-links a+a{padding-left:22px;border-left:1px solid #cec6bb}.single-related-links span{display:block;margin-bottom:9px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:#756d64}.single-related-links strong{display:block;font:500 25px/1 "EB Garamond",serif;letter-spacing:-.025em;color:#27231f;overflow-wrap:anywhere}.single-related-links a:hover strong{color:var(--single-accent)}
.single-related .single-foot{max-width:none!important;padding:20px 0 0!important;border-top:0!important;margin:0!important;align-items:flex-start}
.single-foot-primary{display:flex;flex-wrap:wrap;gap:10px 18px}.single-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.single-share button{min-height:38px;padding:0 12px;border:1px solid #c8bfb3;background:transparent;color:#756d64;cursor:pointer;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.09em;text-transform:uppercase}.single-share button:hover{border-color:var(--single-accent);color:var(--single-accent)}.share-status{min-width:90px;font:400 8px/1.3 "Fragment Mono",monospace;text-transform:none;letter-spacing:.04em;color:#6c7556}
@media(max-width:1080px) and (min-width:881px){.top nav{font-size:9px;gap:15px}.contributors-tools{grid-template-columns:170px 1fr 200px}}
@media(max-width:880px){
.archive-time-nav{margin:0 -8px 34px;padding:7px;top:0}.archive-time-nav a{min-height:44px;font-size:10px}
.contributors-tools{grid-template-columns:1fr}.contributors-role-filter select{font-size:20px;min-height:44px}
.archive-search-filters select,.archive-search-filters input{min-height:42px}.archive-search-filters label{min-width:130px}
.reading-size-tools button{min-width:44px;min-height:44px}
.single-related{padding:0 18px 46px}.single-related-links{grid-template-columns:1fr}.single-related-links a{padding:18px 0 20px}.single-related-links a+a{padding-left:0;border-left:0;border-top:1px solid #cec6bb}.single-related-links strong{font-size:23px}.single-related .single-foot{padding-top:18px!important}.single-share{justify-content:flex-start}.single-share button{min-height:44px}
}
.archive-search-callout{grid-template-columns:minmax(240px,.65fr) minmax(0,1.1fr) minmax(150px,.38fr)}
.archive-jump-form>label{display:block;margin-bottom:9px;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#9d9489}.archive-jump-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid rgba(255,255,255,.23)}.archive-jump-form input{min-width:0;width:100%;padding:7px 0 12px;border:0;background:transparent;color:#eee8df;outline:0;font:500 25px/1 "EB Garamond",serif}.archive-jump-form input::placeholder{color:#696b70}.archive-jump-form button{border:0;background:transparent;color:#d5c07e;padding:0 0 11px 12px;cursor:pointer;font:400 8px/1 "Fragment Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.contact-form-panel-direct{display:flex;flex-direction:column;justify-content:center}.contact-direct-copy{margin:34px 0 0;font:500 clamp(28px,3.2vw,44px)/1.05 "EB Garamond",serif;letter-spacing:-.035em;color:#2a2521}.contact-direct-copy a{border-bottom:1px solid #8a6a4e}
@media(max-width:1080px){.archive-search-callout{grid-template-columns:1fr}.archive-jump-form{margin-top:22px}}
@media(max-width:880px){.archive-jump-form input{font-size:22px}.archive-jump-form button{min-height:44px}.contact-direct-copy{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* V39 production — scale and rendering */
.letter-group{content-visibility:auto;contain-intrinsic-size:1px 760px}
.type-archive-list article,.bound-list article,.search-result{content-visibility:auto;contain-intrinsic-size:1px 180px}
.person-row:focus-visible,.alpha-nav a:focus-visible,.atlas-country:focus-visible{outline:2px solid #c34b3e;outline-offset:3px}
@media(max-width:760px){
.top nav a,.mobile-menu-toggle,.share-control button,.reading-size-controls button{min-height:44px}
.mono,.eyebrow,.meta-label{font-size:max(10px,1em)}
}
/* =========================================================
V39.6 — MOBILE SIGNATURAS METADATA FLOW
Keep the section count / cuaderno metadata in a horizontal
full-width row above the text list. The previous mobile flex
fallback omitted flex-direction and could place the metadata
beside the list, causing collisions such as
"07 · textos / cuaderno II" over the article rows.
========================================================= */
@media(max-width:880px){
.current-issue .bound-index{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
width:100%!important;
min-width:0!important;
}
.current-issue .bound-index-head{
display:flex!important;
flex:0 0 auto!important;
width:100%!important;
min-width:0!important;
box-sizing:border-box!important;
align-items:center!important;
justify-content:space-between!important;
gap:14px!important;
margin:0 0 7px!important;
padding:0 0 10px!important;
}
.current-issue .bound-index-head b,
.current-issue .bound-index-head span{
position:static!important;
display:block!important;
min-width:0!important;
white-space:normal!important;
}
.current-issue .bound-scroll{
flex:0 0 auto!important;
width:100%!important;
min-width:0!important;
}
.current-issue .bound-progress{
flex:0 0 auto!important;
width:100%!important;
}
}
/* =========================================================
V39.9 — MOBILE COVER → CUADERNOS
The duplicated mobile Sumario has been removed from the
homepage markup. Tighten the opening transition so the
current issue reads as one continuous editorial sequence.
========================================================= */
@media(max-width:880px){
.home-page .mobile-opening{padding-bottom:0}
.home-page .current-issue{padding-top:46px}
.home-page .reader-intro{margin-bottom:18px}
}
/* =========================================================
V39.13 — CUADERNOS: PAGE FLOW, NEVER INNER SCROLL
Cuadernos is an editorial sequence, not a nested viewport.
Every section grows vertically to contain its complete list.
The image/spine column stretches with that expanded section.
========================================================= */
.current-issue .bound-section,
.current-issue .bound-section.cover-solo,
.current-issue .bound-section.cover-short,
.current-issue .bound-section.cover-medium,
.current-issue .bound-section.cover-dense{
height:auto!important;
max-height:none!important;
}
.current-issue .bound-pages{
height:auto!important;
max-height:none!important;
align-items:stretch!important;
}
.current-issue .bound-index{
height:auto!important;
max-height:none!important;
overflow:visible!important;
}
.current-issue .bound-scroll,
.current-issue .bound-section.has-list-scroll .bound-scroll{
height:auto!important;
min-height:0!important;
max-height:none!important;
overflow:visible!important;
overflow-y:visible!important;
padding-right:0!important;
-webkit-mask-image:none!important;
mask-image:none!important;
overscroll-behavior:auto!important;
scrollbar-width:none!important;
}
.current-issue .bound-scroll::-webkit-scrollbar{
display:none!important;
}
/* Desktop/tablet keep the established minimum proportions, but may grow
as far as the article list requires. */
@media(min-width:881px){
.current-issue .bound-section{
min-height:var(--section-h)!important;
}
.current-issue .bound-pages,
.current-issue .bound-index{
min-height:var(--section-h)!important;
}
.current-issue .bound-photo{
align-self:stretch!important;
height:auto!important;
min-height:100%!important;
}
}
/* =========================================================
V39.15 — CUADERNOS PREVIEW: TITLE / SUBTITLE CLEARANCE
Large EB Garamond display titles deliberately use a compact leading,
but wrapped titles must retain a real typographic boundary before the
subtitle/context line. This prevents cases such as
"Miradas a vuelo de pájaro" / "Sobre la poesía de…" from colliding.
========================================================= */
@media(min-width:881px){
.current-issue .type-main{
line-height:.93!important;
padding-bottom:.10em;
text-wrap:balance;
}
.current-issue .type-sub{
line-height:1.10!important;
margin-top:.10em;
text-wrap:pretty;
}
.current-issue .type-composition{
gap:7px!important;
}
.current-issue .mode-sparse .type-main{
line-height:.93!important;
padding-bottom:.14em;
}
.current-issue .mode-sparse .type-sub{
padding-top:2px;
}
.current-issue .mode-sparse .type-authorline{
padding-top:11px!important;
}
}
/* =========================================================
V39.17 — EDITORIAL CREDIT HIERARCHY
Introductory framing belongs to the entry, but must never compete visually
with the title / poet / author. Compact desktop Sumario omits it altogether;
Cuadernos keeps it as a quiet human credit.
========================================================= */
.current-issue .editorial-credit.is-intro{
margin-top:5px!important;
font-family:"EB Garamond",serif!important;
font-size:12px!important;
line-height:1.12!important;
font-style:italic!important;
font-weight:400!important;
letter-spacing:0!important;
text-transform:none!important;
color:color-mix(in srgb,var(--ink2) 56%,transparent)!important;
opacity:1!important;
}
.current-issue .caption .editorial-credit.is-intro{
display:block;
margin-top:5px!important;
font-size:11px!important;
color:rgba(242,236,228,.62)!important;
}
@media(max-width:880px){
.current-issue .editorial-credit.is-intro{
margin-top:4px!important;
font-size:11px!important;
}
}