:root{
  --paper:#FBF7EC; --paper2:#efe4cc; --ink:#1b1a17; --ink-soft:#3a3730;
  --rule:#1b1a17; --accent:#B4231A; --sepia:#6b5636;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#1c1a16; --paper2:#221f19; --ink:#e9e1cf; --ink-soft:#cfc6b0;
    --rule:#e9e1cf; --accent:#d98b8b; --sepia:#c9b98f;
  }
}
:root[data-theme="dark"]{
  --paper:#1c1a16; --paper2:#221f19; --ink:#e9e1cf; --ink-soft:#cfc6b0;
  --rule:#e9e1cf; --accent:#d98b8b; --sepia:#c9b98f;
}
*{box-sizing:border-box;}
html{scroll-padding-top:env(safe-area-inset-top,0px);}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Source Serif 4", Georgia, serif;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.wrap{max-width:1160px;margin:0 auto;padding:18px 28px 56px;}

header.masthead{text-align:center;border-bottom:5px double var(--rule);padding-bottom:10px;margin-bottom:14px;}
.top-line{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);
  padding-bottom:6px;margin-bottom:10px;}
.masthead h1{
  font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(44px,9vw,100px);
  margin:4px 0 2px;letter-spacing:.01em;
}
.masthead .sub{font-style:italic;color:var(--ink-soft);font-size:17px;margin-bottom:8px;}
.site-nav{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);}
.site-nav a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);}
.site-nav a:hover{color:var(--accent);}

.edition-line{display:flex;justify-content:space-between;font-size:12px;
  text-transform:uppercase;letter-spacing:.14em;padding-top:6px;flex-wrap:wrap;gap:6px;}
.edition-line a{color:inherit;}

.ad-slot{border:1px dashed var(--ink-soft); background:var(--paper2);
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:var(--ink-soft); font-size:11px; text-transform:uppercase; letter-spacing:.1em;
  margin:18px 0; line-height:1.4;}
.ad-slot span{opacity:.8;}
.ad-leaderboard{height:1px;}
.ad-rectangle{height:1px;}

.ad-leaderboardoriginal{height:90px;}
.ad-rectangleoriginal{height:230px;}

.archive{border-bottom:1px solid var(--rule); padding-bottom:14px; margin-bottom:6px;}
.archive-list{list-style:none;margin:0;padding:0;}
.archive-list li{display:flex;gap:10px;align-items:baseline;font-size:13px;
  padding:7px 0;border-top:1px solid var(--paper2);flex-wrap:wrap;}
.archive-list li:first-child{border-top:none;}
.a-num{flex:0 0 100px;font-weight:700;color:var(--accent);font-size:12px;text-transform:uppercase;}
.a-date{flex:0 0 110px;color:var(--ink-soft);font-size:12px;text-transform:uppercase;}
.a-head{font-style:italic;flex:1;color:var(--ink);text-decoration:none;border-bottom:1px dotted var(--ink-soft);}
.a-head:hover{color:var(--accent);}
.archive-pagination{display:flex;justify-content:space-between;align-items:center;
  font-size:12px;text-transform:uppercase;letter-spacing:.06em;margin-top:14px;}
.archive-pagination a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--accent);}

section.piece{border-bottom:1px solid var(--rule);padding:26px 0;}
section.piece:last-of-type{border-bottom:none;}
.kicker{font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  font-weight:700;margin-bottom:6px;}
h2.headline{font-family:"Playfair Display",serif;font-weight:900;font-size:clamp(32px,4.8vw,58px);
  line-height:1.1;margin:0 0 6px;}
.dek{font-style:italic;color:var(--ink-soft);font-size:20px;margin:0 0 14px;}
.byline{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);
  margin-bottom:16px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  padding:5px 0;}

/* Corpo do artigo: 3 colunas iguais; a imagem flutua no topo da 1ª coluna
   ocupando metade da altura habitual de coluna, o texto preenche o resto */
.article-body{font-size:17px;line-height:1.6;column-count:1;column-gap:26px;}
.article-body figure{
  float:left; width:100%; margin:0 0 12px; background:var(--paper2);
  border:1px solid var(--rule); padding:6px; break-inside:avoid;
}
.article-body figure svg{width:100%;height:150px;display:block;}
.article-body p{margin:0 0 12px;}
.article-body p:first-of-type::first-letter{
  font-family:"Playfair Display",serif;font-weight:900;font-size:4.2em;float:left;
  line-height:.8;padding-right:12px;padding-top:8px;color:var(--accent);
}
@media(min-width:720px){
  .article-body{column-count:3;}
}

footer{text-align:center;font-size:12px;color:var(--ink-soft);padding-top:20px;
  border-top:5px double var(--rule);margin-top:10px;}
footer p{margin:4px 0;}