:root{--bg:#020202;--text:#f4efe8;--muted:rgba(244,239,232,.72);--line:rgba(244,239,232,.16);--paper:#f2eee7;--paper-text:#0b0b0b;--accent:#c5a06e;--display:"Oswald",sans-serif;--serif:"Cormorant Garamond",serif;--sans:"Inter",sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{width:100%;display:block}button,input{font-family:inherit}.preloader{position:fixed;inset:0;z-index:9999;background:#030303;display:grid;place-items:center;transition:opacity .8s var(--ease),visibility .8s var(--ease)}.preloader.hide{opacity:0;visibility:hidden;pointer-events:none}body.loaded .preloader{opacity:0;visibility:hidden;pointer-events:none}.preloader strong{display:block;font-family:var(--display);font-size:clamp(4rem,10vw,11rem);line-height:.9}.preloader span{display:block;margin-top:14px;text-align:center;font-size:.72rem;letter-spacing:.28em;color:var(--muted)}
.topbar{position:fixed;top:0;left:0;width:100%;height:78px;z-index:1000;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;padding:0 44px;color:#fff;mix-blend-mode:difference}.logo{font-family:var(--display);font-size:2rem;letter-spacing:-.04em}.nav{justify-self:center;display:flex;align-items:center;gap:46px}.nav a,.top-actions button{font-size:.68rem;letter-spacing:.13em;color:#fff;background:none;border:0;cursor:pointer}.top-actions{justify-self:end;display:flex;align-items:center;gap:22px}.menu-toggle{display:flex;align-items:center;gap:12px}.menu-toggle span{width:22px;height:1px;background:#fff;display:block;position:relative}.menu-toggle span:after{content:"";position:absolute;left:0;top:6px;width:22px;height:1px;background:#fff}.fullscreen-menu{position:fixed;inset:0;z-index:900;background:#050505;transform:translateY(-110%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .8s var(--ease),opacity .5s var(--ease),visibility .5s var(--ease);display:flex;align-items:center;padding:60px}body.menu-open .fullscreen-menu{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.fullscreen-menu nav{display:flex;flex-direction:column}.fullscreen-menu a{font-family:var(--display);font-size:clamp(4rem,10vw,12rem);line-height:.88}
.hero{position:relative;height:100vh;min-height:760px;overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.30) 44%,rgba(0,0,0,.46)),linear-gradient(0deg,rgba(0,0,0,.88),rgba(0,0,0,.05) 42%)}.hero-content{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:1fr 330px;align-items:center;gap:60px;padding:112px 48px 54px}.hero-main span{display:block;margin-bottom:28px;font-size:.76rem;letter-spacing:.16em}.hero-main h1{font-family:var(--display);font-size:clamp(5.8rem,10vw,12rem);line-height:.92;letter-spacing:-.035em;font-weight:700;text-transform:uppercase;margin-bottom:34px}.hero-main p{max-width:510px;font-family:var(--serif);font-size:1.28rem;line-height:1.33;margin-bottom:42px}.hero-main a{display:inline-flex;gap:28px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.25);font-size:.72rem;letter-spacing:.14em}.issue-index{border-left:1px solid rgba(255,255,255,.34);padding-left:28px;display:flex;flex-direction:column;gap:24px}.issue-index a{font-size:.72rem;letter-spacing:.11em}.issue-index b{display:inline-block;width:34px;color:rgba(255,255,255,.68)}.scroll-text{position:absolute;right:48px;bottom:44px;z-index:3;font-size:.68rem;letter-spacing:.16em}
.manifesto{display:grid;grid-template-columns:.88fr .88fr 1.72fr;min-height:360px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.manifesto-title,.manifesto-copy{padding:58px 48px;border-right:1px solid var(--line)}.manifesto-title span{display:block;margin-bottom:36px;font-size:.72rem;letter-spacing:.16em}.manifesto-title h2{font-family:var(--serif);font-size:4rem;line-height:.86;font-weight:400;margin-bottom:66px}.manifesto-title a{display:inline-flex;gap:60px;font-size:.72rem;letter-spacing:.14em;padding-bottom:12px;border-bottom:1px solid var(--line)}.manifesto-copy{display:flex;align-items:center}.manifesto-copy p{font-family:var(--serif);font-size:1.23rem;line-height:1.15}.manifesto-img img{height:100%;object-fit:cover}.desdobramentos{padding:32px 30px 58px;border-bottom:1px solid var(--line)}.section-kicker{font-size:.74rem;letter-spacing:.15em;margin-bottom:22px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{position:relative;aspect-ratio:3/4.25;max-height:520px;overflow:hidden;display:flex;align-items:flex-end;padding:24px;background:#111}.card img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.card:hover img{transform:scale(1.07)}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.35) 45%,rgba(0,0,0,.04))}.card div{position:relative;z-index:2}.card span{display:block;font-size:1rem;margin-bottom:5px}.card h3{font-family:var(--display);font-size:1.6rem;line-height:.95;margin-bottom:96px}.card p{font-size:.78rem;line-height:1.42;margin-bottom:18px}.card a{display:flex;gap:24px;font-size:.68rem;letter-spacing:.13em}
.referencias{padding:34px 30px 46px;display:grid;grid-template-columns:270px 1fr;gap:38px;border-bottom:1px solid var(--line)}.refs-heading span{display:block;font-size:.72rem;letter-spacing:.15em;margin-bottom:30px}.refs-heading h2{font-family:var(--serif);font-size:3.85rem;line-height:.84;font-weight:400}.refs-list{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.ref img{aspect-ratio:1.25/.9;object-fit:cover;margin-bottom:14px}.ref span{display:block;font-size:.62rem;letter-spacing:.13em;color:var(--muted);margin-bottom:6px}.ref h3{font-size:.94rem;line-height:1.22;font-weight:500}.newsletter{background:var(--paper);color:var(--paper-text);padding:44px 52px;display:grid;grid-template-columns:1.05fr 1fr 1.5fr;gap:52px;align-items:center}.newsletter h2{font-family:var(--serif);font-size:3.2rem;line-height:.9;font-weight:400}.newsletter p{max-width:430px;font-size:.92rem;line-height:1.45}.newsletter form{display:grid;grid-template-columns:1fr 250px;gap:14px}.newsletter input{height:54px;padding:0 20px;border:1px solid rgba(0,0,0,.2);background:transparent}.newsletter button{height:54px;background:#000;color:#fff;border:0;font-size:.72rem;letter-spacing:.14em}
footer{padding:44px 52px 70px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:60px}.footer-brand strong{display:block;font-family:var(--display);font-size:2rem;margin-bottom:12px}.footer-brand small{color:var(--muted);font-size:.72rem}footer span{display:block;margin-bottom:16px;font-size:.68rem;letter-spacing:.15em;color:var(--muted)}footer a{display:block;margin-bottom:10px;font-size:.82rem;color:var(--muted)}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}
.article-hero,.signals-hero{position:relative;height:82vh;min-height:680px;overflow:hidden}.article-hero-media,.signals-hero-media{position:absolute;inset:0}.article-hero-media img,.signals-hero-media img{height:100%;object-fit:cover}.article-hero-overlay,.signals-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.28) 48%,rgba(0,0,0,.42)),linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.08) 52%)}.article-hero-content,.signals-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 48px 72px;max-width:1120px}.article-kicker,.signals-kicker{display:block;margin-bottom:28px;font-size:.74rem;letter-spacing:.18em;color:var(--muted)}.article-hero h1{font-family:var(--serif);font-size:clamp(5rem,10vw,12rem);line-height:.82;font-weight:400;letter-spacing:-.055em;margin-bottom:34px}.signals-content h1{font-family:var(--display);font-size:clamp(5rem,10vw,11rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:28px;max-width:980px}.article-hero p,.signals-content p{max-width:620px;font-family:var(--serif);font-size:1.45rem;line-height:1.28}.article-body{display:grid;grid-template-columns:320px minmax(0,820px);gap:80px;padding:92px 48px 110px;border-bottom:1px solid var(--line)}.article-meta{position:sticky;top:110px;align-self:start;color:var(--muted)}.article-meta span{display:block;margin-bottom:28px;font-size:.72rem;letter-spacing:.16em;color:var(--text)}.article-meta p{margin-bottom:10px;font-size:.86rem}.article-meta a{display:inline-block;margin-top:34px;font-size:.72rem;letter-spacing:.14em;border-bottom:1px solid var(--line);padding-bottom:10px}.article-content{max-width:820px}.article-content p{font-family:var(--serif);font-size:1.72rem;line-height:1.32;margin-bottom:34px}.article-content .article-lead{font-size:2.25rem;line-height:1.12;margin-bottom:58px}.article-content h2{font-family:var(--display);font-size:3.4rem;line-height:.96;text-transform:uppercase;margin:76px 0 28px}.article-content blockquote{font-family:var(--serif);font-size:3.2rem;line-height:.95;margin:72px 0;padding-left:34px;border-left:1px solid var(--line)}.article-content figure{margin:72px 0}.article-content figure img{aspect-ratio:16/10;object-fit:cover}.article-content figcaption{margin-top:14px;font-size:.78rem;color:var(--muted)}.next-content,.next-note{padding:72px 48px 90px;display:grid;grid-template-columns:320px 1fr;gap:80px;border-bottom:1px solid var(--line)}.next-content>span,.next-note>span{font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.next-content h2,.next-note h2{font-family:var(--serif);font-size:4.4rem;line-height:.9;font-weight:400;margin-bottom:24px}.next-content p,.next-note p{font-size:.76rem;letter-spacing:.14em}
.signals-intro,.signals-closing{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:82px 48px;border-bottom:1px solid var(--line)}.signals-intro-left span,.signals-closing span{display:block;margin-bottom:30px;font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.signals-intro-left h2,.signals-closing h2{font-family:var(--serif);font-size:4rem;line-height:.9;font-weight:400}.signals-intro-right p,.signals-closing p{font-family:var(--serif);font-size:1.45rem;line-height:1.34;margin-bottom:34px}.signals-list{padding:42px 48px 90px}.signal-item{display:grid;grid-template-columns:90px 340px 1fr;gap:42px;align-items:start;padding:42px 0;border-bottom:1px solid var(--line)}.signal-number{font-size:.82rem;letter-spacing:.18em;color:var(--muted)}.signal-image img{aspect-ratio:1/1.12;object-fit:cover}.signal-info span{display:block;margin-bottom:18px;font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.signal-info h3{font-family:var(--serif);font-size:3rem;line-height:.92;font-weight:400;margin-bottom:24px}.signal-info p{max-width:620px;font-family:var(--serif);font-size:1.28rem;line-height:1.38;margin-bottom:30px}.signal-tags{display:flex;flex-wrap:wrap;gap:10px}.signal-tags a{padding:10px 16px;border:1px solid var(--line);border-radius:999px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.signals-closing{border-top:1px solid var(--line)}
.note-header{padding:160px 48px 72px;display:grid;grid-template-columns:260px 1fr;gap:80px;border-bottom:1px solid var(--line)}.note-meta span{display:block;margin-bottom:18px;font-size:.72rem;letter-spacing:.16em;color:var(--muted)}.note-tags-top,.note-tags-bottom{display:flex;flex-wrap:wrap;gap:10px}.note-tags-top a,.note-tags-bottom a{padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.note-title h1{font-family:var(--serif);font-size:clamp(5rem,10vw,10rem);line-height:.84;font-weight:400;letter-spacing:-.05em;margin-bottom:34px}.note-title p{max-width:720px;font-family:var(--serif);font-size:1.55rem;line-height:1.28}.note-hero{padding:30px;border-bottom:1px solid var(--line)}.note-hero img{aspect-ratio:16/8;object-fit:cover}.note-body{display:grid;grid-template-columns:260px minmax(0,780px);gap:80px;padding:82px 48px 110px}.note-side{position:sticky;top:110px;align-self:start}.note-side span{display:block;margin-bottom:10px;font-size:.68rem;letter-spacing:.14em;color:var(--muted)}.note-side p{margin-bottom:34px;font-size:.86rem}.note-content p{font-family:var(--serif);font-size:1.48rem;line-height:1.38;margin-bottom:32px}.note-content .note-lead{font-size:2rem;line-height:1.14;margin-bottom:54px}.note-content blockquote{margin:72px 0;padding-left:32px;border-left:1px solid var(--line);font-family:var(--serif);font-size:3rem;line-height:.96}.note-content figure{margin:72px 0}.note-content figure img{aspect-ratio:16/10;object-fit:cover}.note-content figcaption{margin-top:12px;font-size:.76rem;color:var(--muted)}
@media(max-width:1100px){.topbar{grid-template-columns:1fr auto;padding:0 28px}.nav{display:none}.top-actions button:first-child{display:none}.hero-content{grid-template-columns:1fr;padding:110px 30px 48px}.issue-index{display:none}.manifesto,.referencias,.newsletter{grid-template-columns:1fr}.manifesto-title,.manifesto-copy{border-right:0;border-bottom:1px solid var(--line)}.cards{grid-template-columns:repeat(2,1fr)}.refs-list{grid-template-columns:repeat(3,1fr)}.signal-item{grid-template-columns:70px 300px 1fr}}
@media(max-width:900px){.article-hero,.signals-hero{height:78vh;min-height:600px}.article-hero-content,.signals-content{padding:100px 24px 52px}.article-hero h1{font-size:clamp(4rem,17vw,7rem)}.signals-content h1{font-size:clamp(3.4rem,14vw,6rem);line-height:.9}.article-hero p,.signals-content p{font-size:1.2rem}.article-body,.note-body{grid-template-columns:1fr;gap:44px;padding:56px 24px 78px}.article-meta,.note-side{position:relative;top:auto;border-bottom:1px solid var(--line);padding-bottom:28px}.article-content p{font-size:1.36rem}.article-content .article-lead{font-size:1.7rem}.article-content h2{font-size:2.35rem}.article-content blockquote{font-size:2.2rem;margin:52px 0}.next-content,.next-note{grid-template-columns:1fr;gap:24px;padding:56px 24px 72px}.next-content h2,.next-note h2{font-size:3rem}.signals-intro,.signals-closing{grid-template-columns:1fr;gap:44px;padding:56px 24px}.signals-intro-left h2,.signals-closing h2{font-size:3rem}.signals-intro-right p,.signals-closing p{font-size:1.2rem}.signals-list{padding:24px 24px 64px}.signal-item{grid-template-columns:1fr;gap:24px;padding:34px 0}.signal-image img{aspect-ratio:16/10}.signal-info h3{font-size:2.2rem}.signal-info p{font-size:1.12rem}.note-header{grid-template-columns:1fr;gap:34px;padding:120px 24px 54px}.note-title h1{font-size:clamp(4rem,16vw,7rem)}.note-title p{font-size:1.2rem}.note-hero{padding:20px}.note-content p{font-size:1.22rem}.note-content .note-lead{font-size:1.62rem}.note-content blockquote{font-size:2.1rem;margin:52px 0}}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.hero{min-height:720px;height:100svh}.hero-content{padding:96px 22px 42px;align-items:end}.hero-main h1{font-size:clamp(4.2rem,19vw,6.4rem);line-height:.9}.hero-main p{max-width:320px;font-size:1.02rem}.scroll-text{display:none}.manifesto-title,.manifesto-copy{padding:42px 22px}.cards{grid-template-columns:1fr;gap:16px}.card{aspect-ratio:16/11;min-height:260px;max-height:330px;padding:20px}.card h3{margin-bottom:72px}.referencias{padding:34px 20px 42px}.refs-list{grid-template-columns:1fr 1fr}.newsletter{padding:42px 22px;gap:28px}.newsletter form{grid-template-columns:1fr}footer{padding:38px 22px 54px;display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.footer-brand{grid-column:1/-1}.fullscreen-menu{padding:88px 24px 40px}.fullscreen-menu a{font-size:clamp(3rem,16vw,5.8rem)}}
@media(max-width:420px){.hero-main h1{font-size:4.2rem}.refs-list{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;gap:30px 22px}}

/* ==============================
   V4 — LEITURA CLARA, ACESSIBILIDADE E VIDA
============================== */

.scroll-progress{
  position:fixed;
  top:0;
  left:0;
  width:0%;
  height:3px;
  z-index:2000;
  background:var(--accent);
  transform-origin:left center;
  transition:width .08s linear;
}

.listen-btn{
  margin-top:26px;
  margin-bottom:8px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:42px;
  padding:0 16px;
  border:1px solid currentColor;
  border-radius:999px;
  background:transparent;
  color:inherit;
  cursor:pointer;
  font-size:.68rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  transition:transform .35s var(--ease), opacity .35s var(--ease), background .35s var(--ease), color .35s var(--ease);
}

.listen-btn:hover{
  transform:translateY(-2px);
  opacity:.85;
}

.listen-btn.is-playing{
  background:var(--accent);
  color:#050505;
  border-color:var(--accent);
}

.article-body,
.next-content,
.note-header,
.note-body,
.next-note{
  background:var(--paper);
  color:var(--paper-text);
  border-color:rgba(0,0,0,.12);
}

.article-body .article-meta,
.article-body .article-meta a,
.article-body .article-meta span,
.article-content p,
.article-content h2,
.article-content blockquote,
.next-content h2,
.next-content p,
.note-header,
.note-body,
.note-content p,
.note-content blockquote,
.note-title h1,
.note-title p,
.next-note h2,
.next-note p{
  color:var(--paper-text);
}

.article-meta,
.note-side,
.article-content figcaption,
.note-content figcaption,
.next-content > span,
.next-note > span,
.note-side span,
.note-meta span{
  color:rgba(0,0,0,.56);
}

.article-content blockquote,
.note-content blockquote,
.article-meta a,
.note-tags-top a,
.note-tags-bottom a{
  border-color:rgba(0,0,0,.18);
}

.article-content figure img,
.note-content figure img,
.note-hero img{
  filter:saturate(.92) contrast(1.03);
}

.signals-intro,
.signals-list,
.signals-closing{
  background:var(--paper);
  color:var(--paper-text);
  border-color:rgba(0,0,0,.12);
}

.signals-intro-left span,
.signals-closing span,
.signal-number,
.signal-info span{
  color:rgba(0,0,0,.54);
}

.signals-intro-left h2,
.signals-intro-right p,
.signal-info h3,
.signal-info p,
.signals-closing h2,
.signals-closing p{
  color:var(--paper-text);
}

.signal-item,
.signal-tags a{
  border-color:rgba(0,0,0,.14);
}

.card,
.ref,
.archive-card,
.signal-item,
.note-hero,
.article-content figure,
.note-content figure{
  will-change:transform;
}

.card:hover,
.ref:hover,
.archive-card:hover{
  transform:translateY(-6px);
}

.card,
.ref,
.archive-card{
  transition:transform .65s var(--ease), opacity .65s var(--ease);
}

.card a,
.archive-card a,
.next-content a,
.next-note a{
  position:relative;
}

.card a:after,
.archive-card a:after,
.next-content a:after,
.next-note a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-7px;
  width:0;
  height:1px;
  background:currentColor;
  transition:width .45s var(--ease);
}

.card a:hover:after,
.archive-card a:hover:after,
.next-content a:hover:after,
.next-note a:hover:after{
  width:100%;
}

.reveal.visible{
  transition-delay:var(--reveal-delay, 0ms);
}

.archive-page{
  background:var(--bg);
  color:var(--text);
}

.archive-hero{
  padding:150px 48px 80px;
  border-bottom:1px solid var(--line);
}

.archive-hero span{
  display:block;
  margin-bottom:28px;
  font-size:.72rem;
  letter-spacing:.18em;
  color:var(--muted);
}

.archive-hero h1{
  max-width:1040px;
  font-family:var(--serif);
  font-size:clamp(4rem,8vw,8.8rem);
  line-height:.88;
  font-weight:400;
  letter-spacing:-.055em;
  margin-bottom:32px;
}

.archive-hero p{
  max-width:620px;
  font-family:var(--serif);
  font-size:1.35rem;
  line-height:1.32;
  color:var(--muted);
}

.archive-grid-section{
  padding:34px 30px 80px;
}

.archive-filter{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom:30px;
}

.archive-filter a{
  padding:10px 15px;
  border:1px solid var(--line);
  border-radius:999px;
  font-size:.66rem;
  letter-spacing:.13em;
}

.archive-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.archive-card{
  position:relative;
  min-height:420px;
  padding:22px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  background:#111;
}

.archive-card.large{
  grid-column:span 2;
}

.archive-card img{
  position:absolute;
  inset:0;
  height:100%;
  object-fit:cover;
  transition:transform 1.1s var(--ease);
}

.archive-card:hover img{
  transform:scale(1.06);
}

.archive-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.22) 55%,rgba(0,0,0,.02));
}

.archive-card span,
.archive-card h2,
.archive-card p,
.archive-card a{
  position:relative;
  z-index:2;
}

.archive-card span{
  margin-bottom:14px;
  font-size:.68rem;
  letter-spacing:.15em;
  color:rgba(255,255,255,.65);
}

.archive-card h2{
  font-family:var(--serif);
  font-size:2.7rem;
  line-height:.92;
  font-weight:400;
  margin-bottom:16px;
}

.archive-card p{
  max-width:460px;
  font-size:.9rem;
  line-height:1.45;
  color:rgba(255,255,255,.75);
  margin-bottom:22px;
}

.archive-card a{
  font-size:.7rem;
  letter-spacing:.14em;
}

@media(max-width:900px){
  .archive-hero{
    padding:118px 24px 56px;
  }

  .archive-hero h1{
    font-size:clamp(3.2rem,15vw,6rem);
  }

  .archive-grid-section{
    padding:28px 20px 60px;
  }

  .archive-grid{
    grid-template-columns:1fr;
  }

  .archive-card.large{
    grid-column:auto;
  }

  .archive-card{
    min-height:330px;
  }

  .article-body,
  .note-header,
  .note-body,
  .signals-intro,
  .signals-list,
  .signals-closing{
    background:var(--paper);
  }
}

/* ==============================
   V5 READING + ADMIN FRONT ENHANCEMENTS
============================== */
.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--accent);z-index:2000;transition:width .08s linear}.light-reading{background:var(--paper);color:var(--paper-text)}.light-reading .article-body,.light-reading .note-body,.light-reading .signals-intro,.light-reading .signals-list,.light-reading .signals-closing,.light-reading .next-content,.light-reading .next-note{background:var(--paper);color:var(--paper-text);border-color:rgba(0,0,0,.12)}.light-reading .article-meta,.light-reading .note-side,.light-reading .signals-kicker,.light-reading .signal-number,.light-reading .signal-info span,.light-reading .signals-intro-left span,.light-reading .signals-closing span,.light-reading .next-content>span,.light-reading .next-note>span{color:rgba(0,0,0,.55)}.light-reading .article-content p,.light-reading .article-content .article-lead,.light-reading .note-content p,.light-reading .signals-intro-right p,.light-reading .signals-closing p,.light-reading .signal-info p{color:var(--paper-text)}.light-reading blockquote{border-color:rgba(0,0,0,.18)}.listen-button{margin:24px 0 6px;background:transparent;color:inherit;border:1px solid rgba(0,0,0,.22);padding:11px 14px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.dark-hero{color:var(--text)}.archive-filters{display:flex;gap:12px;flex-wrap:wrap;padding:0 48px 30px}.archive-filters a{border:1px solid rgba(0,0,0,.16);padding:10px 14px;border-radius:999px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.archive-filters a.active{background:#000;color:#fff}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:0 48px 90px}.archive-card{position:relative;background:#fff;border:1px solid rgba(0,0,0,.1);color:#111;padding:18px;min-height:420px;display:flex;flex-direction:column;transition:transform .6s var(--ease)}.archive-card:hover{transform:translateY(-8px)}.archive-card img{aspect-ratio:16/10;object-fit:cover;margin-bottom:18px}.archive-card span{font-size:.7rem;letter-spacing:.14em;color:rgba(0,0,0,.52);text-transform:uppercase}.archive-card h2{font-family:var(--serif);font-size:2.2rem;line-height:.95;font-weight:400;margin:16px 0}.archive-card p{font-size:.92rem;line-height:1.45;color:rgba(0,0,0,.65);margin-bottom:24px}.archive-card a{margin-top:auto;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.ref,.card,.archive-card{will-change:transform}.reveal.visible{animation:sevnFloatIn .85s var(--ease) both}@keyframes sevnFloatIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.archive-grid{grid-template-columns:1fr 1fr;padding:0 24px 70px}.archive-filters{padding:0 24px 28px}.archive-card h2{font-size:1.9rem}}
@media(max-width:640px){.archive-grid{grid-template-columns:1fr}.archive-card{min-height:auto}.listen-button{width:100%;justify-content:center}}

/* V6 preloader safety */
.preloader{animation:sevnPreloaderFailsafe .35s ease 3s forwards}
@keyframes sevnPreloaderFailsafe{to{opacity:0;visibility:hidden;pointer-events:none}}

/* ==============================
   V8 — APOIO, ÁUDIO E LEITURA
============================== */
.edition-hero-meta{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-bottom:28px}.edition-hero-meta>span{margin:0!important}.edition-support{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:6px 10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(0,0,0,.22);backdrop-filter:blur(12px)}.edition-support small{font-size:.56rem;letter-spacing:.16em;color:rgba(255,255,255,.62);white-space:nowrap}.edition-support img{width:auto;max-width:110px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.sevn-audio{width:100%;max-width:260px;margin:18px 0 12px;filter:saturate(.9)}.audio-section{background:var(--paper);color:var(--paper-text);padding:34px 48px;border-bottom:1px solid rgba(0,0,0,.12)}.audio-section>span{display:block;margin-bottom:14px;font-size:.68rem;letter-spacing:.16em;color:rgba(0,0,0,.55)}.chapter-editor-content{max-width:880px;margin:0 auto}.article-divider{border:0;border-top:1px solid rgba(0,0,0,.16);margin:56px 0}.article-list{font-family:var(--serif);font-size:1.35rem;line-height:1.42;margin:0 0 34px 1.2em}.article-list li{margin-bottom:10px}.light-reading .article-list{color:var(--paper-text)}
@media(max-width:760px){.edition-hero-meta{align-items:flex-start;gap:14px}.edition-support{border-radius:14px}.edition-support small{display:none}.audio-section{padding:28px 22px}.sevn-audio{max-width:100%}}

/* ==============================
   V8.1 — Editor.js public block support
============================== */
.article-content h3,.note-content h3{font-family:var(--serif);font-size:2.25rem;line-height:1.05;font-weight:500;margin:54px 0 22px;color:inherit}.article-list,.article-checklist{font-family:var(--serif);font-size:1.42rem;line-height:1.38;margin:0 0 34px 1.2em}.article-list li,.article-checklist li{margin-bottom:10px}.article-checklist{list-style:none;margin-left:0}.article-checklist li{position:relative;padding-left:34px}.article-checklist li:before{content:"";position:absolute;left:0;top:.28em;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;opacity:.45}.article-checklist li.checked:before{background:currentColor}.article-warning{margin:54px 0;padding:24px;border:1px solid rgba(0,0,0,.16);border-radius:22px;background:rgba(0,0,0,.04)}.article-warning strong{display:block;margin-bottom:10px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}.article-warning p{margin:0!important;font-size:1.25rem!important}.article-table-wrap{overflow:auto;margin:54px 0}.article-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.95rem}.article-table td{border:1px solid rgba(0,0,0,.16);padding:12px}.article-code{white-space:pre-wrap;margin:54px 0;padding:22px;border-radius:18px;background:#111;color:#f4efe8;overflow:auto}.article-raw{margin:54px 0}.article-embed{margin:54px 0;padding:22px;border:1px solid rgba(0,0,0,.14);border-radius:18px}.article-embed a{word-break:break-all}.article-embed figcaption,blockquote cite{display:block;margin-top:12px;font-family:var(--sans);font-size:.78rem;letter-spacing:.04em;opacity:.65;font-style:normal}


/* ==============================
   V9.1 — Official SEVN logo
   ============================== */
.logo.logo-image{
  display:inline-flex;
  align-items:center;
  width:auto;
  height:32px;
  font-size:0!important;
  letter-spacing:0!important;
}
.logo.logo-image img{
  display:block;
  width:auto;
  height:30px;
  object-fit:contain;
}
.footer-logo{
  display:block!important;
  width:auto;
  max-width:128px;
  margin-bottom:12px;
}
.footer-logo img{
  display:block;
  width:118px;
  height:auto;
  object-fit:contain;
}
@media(max-width:760px){
  .logo.logo-image{height:28px}
  .logo.logo-image img{height:26px}
  .footer-logo img{width:104px}
}


/* ==============================
   V9.2 — Public editorial fixes
   ============================== */

/* support badge centered */
.edition-support{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:36px!important;
  padding:8px 14px!important;
  border-radius:999px!important;
}
.edition-support small{
  display:inline-block!important;
  line-height:1!important;
}
.edition-support img{
  display:block!important;
  max-height:22px!important;
  width:auto!important;
  object-fit:contain!important;
}

/* cards no article number */
.card div > span:empty{
  display:none!important;
}

/* references clickable and credits */
.ref a.ref-link{
  display:block!important;
}
.ref figure{
  margin:0 0 12px!important;
  position:relative!important;
}
.ref figcaption,
.image-credit{
  display:block!important;
  margin-top:7px!important;
  font-size:.58rem!important;
  letter-spacing:.12em!important;
  line-height:1.25!important;
  color:rgba(244,239,232,.58)!important;
  text-transform:uppercase!important;
}
.light-reading .image-credit{
  color:rgba(0,0,0,.48)!important;
  padding:8px 0 0!important;
}

/* back link below listen */
.article-meta .back-to-edition,
.audio-section .back-to-edition{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:12px!important;
  padding:10px 0!important;
  border-top:1px solid rgba(0,0,0,.18)!important;
  font-size:.72rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.audio-section{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}

/* contextual header */
.contextual-nav a{
  white-space:nowrap!important;
}
@media(max-width:900px){
  .topbar{
    grid-template-columns:120px 1fr!important;
    height:auto!important;
    min-height:72px!important;
    padding:18px 22px!important;
    align-items:start!important;
  }
  .contextual-nav{
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    justify-self:stretch!important;
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    padding-top:14px!important;
    scrollbar-width:none!important;
  }
  .contextual-nav::-webkit-scrollbar{display:none!important}
  .contextual-nav a{
    flex:0 0 auto!important;
    padding:9px 12px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:999px!important;
    font-size:.62rem!important;
  }
  .top-actions{
    justify-self:end!important;
  }
}

/* article hero image credit */
.article-hero-media,
.signals-hero-media{
  position:absolute!important;
}
.article-hero-media .image-credit,
.signals-hero-media .image-credit{
  position:absolute!important;
  left:32px!important;
  bottom:24px!important;
  z-index:5!important;
  color:rgba(255,255,255,.62)!important;
}

/* SEVN V9.3 */
.newsletter input::placeholder{text-transform:none!important}
.article-actions-stack{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:flex-start!important;margin-top:12px!important}
.article-meta .listen-button,.article-meta .back-to-edition{font-size:.68rem!important;letter-spacing:.12em!important;min-height:34px!important;padding:8px 12px!important;width:auto!important;display:inline-flex!important;align-items:center!important}
.article-meta .back-to-edition{border-top:1px solid rgba(0,0,0,.18)!important;padding-left:0!important}
.article-hero-media .image-credit{position:absolute;left:32px;bottom:24px;z-index:5;color:rgba(255,255,255,.68);font-size:.58rem;letter-spacing:.12em}
.ref a.ref-link{display:block}
.ref figure{margin:0 0 12px}
.ref figcaption{font-size:.58rem;letter-spacing:.12em;color:rgba(244,239,232,.58);text-transform:uppercase;margin-top:7px}
.contextual-nav a{white-space:nowrap}
.search-toggle span{font-size:.95em;margin-right:6px}
.menu-toggle{display:inline-flex!important;align-items:center!important;gap:10px!important}
.menu-toggle:after{content:"";display:inline-block;width:24px;height:1px;background:currentColor;box-shadow:0 7px 0 currentColor}
@media(max-width:900px){.contextual-nav{display:flex!important;overflow-x:auto!important;gap:12px!important;padding-top:14px!important}.contextual-nav a{flex:0 0 auto!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;font-size:.62rem!important}}

/* SEVN V9.3.1 — editions archive and functional search */
.top-search-form{
  display:inline-flex;
  align-items:center;
  gap:8px;
  height:30px;
  border-bottom:1px solid rgba(255,255,255,.55);
}
.top-search-form button{
  color:#fff;
  background:none;
  border:0;
  cursor:pointer;
  font-size:.9rem;
}
.top-search-form input{
  width:92px;
  color:#fff;
  background:transparent;
  border:0;
  outline:0;
  font-size:.68rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.top-search-form input::placeholder{color:rgba(255,255,255,.78)}
.search-page,.editions-page{background:var(--paper);color:var(--paper-text);min-height:100vh;padding-top:120px}
.search-hero,.archive-hero{padding:8vw 8vw 4vw;border-bottom:1px solid rgba(0,0,0,.12)}
.search-hero span,.archive-hero span,.search-count{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(0,0,0,.55);margin-bottom:18px}
.search-hero h1,.archive-hero h1{font-family:var(--serif);font-size:clamp(4rem,10vw,9rem);line-height:.85;font-weight:400}
.search-hero p,.archive-hero p{font-family:var(--serif);font-size:1.5rem;margin-top:20px}
.search-page-form{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;max-width:900px;margin-top:34px}
.search-page-form input{height:54px;border:1px solid rgba(0,0,0,.18);background:transparent;padding:0 18px;font-size:1rem}
.search-page-form button{height:54px;background:#000;color:#fff;border:0;letter-spacing:.14em;text-transform:uppercase}
.search-results{padding:4vw 8vw 8vw}
.search-list{display:grid;gap:16px;margin-top:24px}
.search-result-card{display:block;border-top:1px solid rgba(0,0,0,.14);padding:22px 0}
.search-result-card small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.52)}
.search-result-card h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);font-weight:400;margin:8px 0}
.search-result-card p{max-width:760px;color:rgba(0,0,0,.65)}
.search-empty{font-family:var(--serif);font-size:2rem;color:rgba(0,0,0,.6)}
.edition-archive-grid{padding:5vw 8vw 8vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.edition-archive-card{display:block}
.edition-archive-card figure{aspect-ratio:4/5;overflow:hidden;background:#111;margin-bottom:18px}
.edition-archive-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.edition-archive-card:hover img{transform:scale(1.04)}
.edition-archive-card small{font-size:.7rem;letter-spacing:.16em;color:rgba(0,0,0,.55)}
.edition-archive-card h2{font-family:var(--serif);font-size:2.6rem;line-height:.95;font-weight:400;margin:8px 0}
.edition-archive-card p{color:rgba(0,0,0,.62);line-height:1.45}
@media(max-width:900px){
  .top-search-form input{width:76px}
  .search-page-form{grid-template-columns:1fr}
  .edition-archive-grid{grid-template-columns:1fr}
}

/* =========================================================
   SEVN V9.4 — navigation/search/newsletter/footer fixes
   ========================================================= */

/* fixed menu readability */
.topbar{
  mix-blend-mode:normal!important;
  background:linear-gradient(to bottom,rgba(0,0,0,.70),rgba(0,0,0,.28),rgba(0,0,0,0))!important;
  color:#fff!important;
  backdrop-filter:blur(2px)!important;
}
.topbar .logo img{filter:none!important}
.nav a,.top-actions button{color:#fff!important;text-shadow:0 1px 18px rgba(0,0,0,.55)}
.topbar.is-light{
  background:rgba(0,0,0,.62)!important;
}

/* preloader logo */
.preloader-logo{
  display:grid;
  place-items:center;
  gap:18px;
}
.preloader-logo img{
  width:min(260px,52vw);
  height:auto;
  object-fit:contain;
}
.preloader-logo span{
  display:block;
  font-size:.68rem;
  letter-spacing:.28em;
  color:rgba(244,239,232,.65);
}

/* search header */
.top-search-form{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  height:30px!important;
  border-bottom:1px solid rgba(255,255,255,.55)!important;
}
.top-search-form button{
  background:none!important;
  border:0!important;
  color:#fff!important;
  cursor:pointer!important;
  font-size:.9rem!important;
}
.top-search-form input{
  width:104px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:.68rem!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.top-search-form input::placeholder{color:rgba(255,255,255,.78)!important}

/* single clean menu icon with three lines */
.menu-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
}
.menu-toggle > span{
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  position:static!important;
}
.menu-toggle > span:after{display:none!important}
.menu-toggle i{
  width:24px!important;
  height:14px!important;
  display:inline-block!important;
  position:relative!important;
}
.menu-toggle i:before,
.menu-toggle i:after,
.menu-toggle i{
  border-top:1px solid currentColor!important;
}
.menu-toggle i:before,
.menu-toggle i:after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  width:24px!important;
}
.menu-toggle i:before{top:6px!important}
.menu-toggle i:after{top:13px!important}

/* hidden menu coherent */
.fullscreen-menu{
  background:#030303!important;
  padding:7vw!important;
}
.fullscreen-menu nav{
  gap:8px!important;
}
.fullscreen-menu a{
  font-size:clamp(3.2rem,8vw,9rem)!important;
  letter-spacing:-.04em!important;
}
.fullscreen-menu a:hover{
  color:var(--accent)!important;
}

/* newsletter success animation */
.newsletter{
  position:relative!important;
}
.newsletter form.is-sent{
  opacity:.24!important;
  pointer-events:none!important;
}
.newsletter-thanks{
  position:absolute;
  left:50%;
  bottom:8vw;
  transform:translate(-50%,18px) scale(.96);
  opacity:0;
  pointer-events:none;
  padding:18px 28px;
  border:1px solid rgba(0,0,0,.18);
  background:rgba(244,239,232,.92);
  color:#050505;
  font-family:var(--serif);
  font-size:clamp(1.4rem,3vw,2.6rem);
  box-shadow:0 20px 70px rgba(0,0,0,.16);
  transition:opacity .35s var(--ease), transform .5s var(--ease);
}
.newsletter-thanks.show{
  opacity:1;
  transform:translate(-50%,0) scale(1);
}

/* footer edition-related */
.site-footer{
  border-top:1px solid rgba(244,239,232,.12)!important;
}
.site-footer a:hover{
  color:#fff!important;
}

/* image credit: white inside image, bottom */
.ref figure,
.card figure,
.article-hero-media,
.signals-hero-media{
  position:relative!important;
}
.ref figcaption,
.image-credit{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:6!important;
  color:rgba(255,255,255,.82)!important;
  font-size:.54rem!important;
  letter-spacing:.13em!important;
  line-height:1.25!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 12px rgba(0,0,0,.68)!important;
  margin:0!important;
  pointer-events:none!important;
}

/* search results + editions archive */
.search-page,.editions-page{background:var(--paper);color:var(--paper-text);min-height:100vh;padding-top:120px}
.search-hero,.archive-hero{padding:8vw 8vw 4vw;border-bottom:1px solid rgba(0,0,0,.12)}
.search-hero span,.archive-hero span,.search-count{display:block;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(0,0,0,.55);margin-bottom:18px}
.search-hero h1,.archive-hero h1{font-family:var(--serif);font-size:clamp(4rem,10vw,9rem);line-height:.85;font-weight:400}
.search-hero p,.archive-hero p{font-family:var(--serif);font-size:1.5rem;margin-top:20px}
.search-page-form{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:14px;max-width:900px;margin-top:34px}
.search-page-form input{height:54px;border:1px solid rgba(0,0,0,.18);background:transparent;padding:0 18px;font-size:1rem}
.search-page-form button{height:54px;background:#000;color:#fff;border:0;letter-spacing:.14em;text-transform:uppercase}
.search-results{padding:4vw 8vw 8vw}
.search-list{display:grid;gap:16px;margin-top:24px}
.search-result-card{display:block;border-top:1px solid rgba(0,0,0,.14);padding:22px 0}
.search-result-card small{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.52)}
.search-result-card h2{font-family:var(--serif);font-size:clamp(2rem,4vw,4rem);font-weight:400;margin:8px 0}
.search-result-card p{max-width:760px;color:rgba(0,0,0,.65)}
.search-empty{font-family:var(--serif);font-size:2rem;color:rgba(0,0,0,.6)}
.edition-archive-grid{padding:5vw 8vw 8vw;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.edition-archive-card figure{aspect-ratio:4/5;overflow:hidden;background:#111;margin-bottom:18px}
.edition-archive-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.edition-archive-card:hover img{transform:scale(1.04)}
.edition-archive-card small{font-size:.7rem;letter-spacing:.16em;color:rgba(0,0,0,.55)}
.edition-archive-card h2{font-family:var(--serif);font-size:2.6rem;line-height:.95;font-weight:400;margin:8px 0}
.edition-archive-card p{color:rgba(0,0,0,.62);line-height:1.45}

@media(max-width:900px){
  .topbar{
    grid-template-columns:112px 1fr!important;
    height:auto!important;
    min-height:76px!important;
    padding:18px 22px!important;
  }
  .contextual-nav{
    grid-column:1/-1!important;
    order:3!important;
    width:100%!important;
    justify-self:stretch!important;
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    padding-top:14px!important;
    scrollbar-width:none!important;
  }
  .contextual-nav::-webkit-scrollbar{display:none!important}
  .contextual-nav a{
    flex:0 0 auto!important;
    padding:9px 12px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:999px!important;
    font-size:.62rem!important;
  }
  .top-actions{
    justify-self:end!important;
    gap:12px!important;
  }
  .top-search-form input{width:78px!important}
  .search-page-form{grid-template-columns:1fr}
  .edition-archive-grid{grid-template-columns:1fr}
}


/* =========================================================
   SEVN V9.4.2 — ajustes pontuais menu/páginas/botões
   ========================================================= */

/* menu toggle: remove duplicate icon and keep one clean 3-line icon */
.menu-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
}
.menu-toggle > span{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  position:static!important;
}
.menu-toggle > span::before,
.menu-toggle > span::after{
  display:none!important;
  content:none!important;
}
.menu-toggle i{
  display:inline-block!important;
  position:relative!important;
  width:26px!important;
  height:16px!important;
  border-top:1px solid currentColor!important;
  border-bottom:1px solid currentColor!important;
  background:transparent!important;
  box-shadow:none!important;
}
.menu-toggle i::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:7px!important;
  width:26px!important;
  height:1px!important;
  background:currentColor!important;
}
.menu-toggle i::after{
  display:none!important;
  content:none!important;
}

/* hidden menu: uppercase coherent list, not gigantic beyond viewport */
.fullscreen-menu nav{
  gap:10px!important;
}
.fullscreen-menu a{
  text-transform:uppercase!important;
  font-size:clamp(3.4rem,8vw,8.8rem)!important;
  line-height:.88!important;
}

/* article meta: Voltar para edição below Escutar */
.article-actions-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
.article-actions-stack .listen-button,
.article-actions-stack .back-to-edition{
  display:inline-flex!important;
  width:max-content!important;
}
.article-actions-stack .back-to-edition{
  margin-top:0!important;
  border-top:1px solid rgba(0,0,0,.18)!important;
}

/* static internal pages */
.static-page{
  background:var(--paper)!important;
  color:var(--paper-text)!important;
  min-height:100vh;
  padding-top:120px;
}
.static-hero{
  padding:8vw 8vw 4vw;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.static-hero span{
  display:block;
  margin-bottom:20px;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(0,0,0,.55);
}
.static-hero h1{
  max-width:980px;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(4rem,10vw,9rem);
  line-height:.86;
  letter-spacing:-.04em;
}
.static-content{
  display:grid;
  grid-template-columns:minmax(0,760px);
  gap:24px;
  padding:5vw 8vw 8vw;
}
.static-content p{
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.4vw,2.3rem);
  line-height:1.22;
  color:rgba(0,0,0,.82);
}

/* footer page links */
.site-footer a[href="sobre.php"],
.site-footer a[href="termos.php"],
.site-footer a[href="privacidade.php"]{
  cursor:pointer;
}

@media(max-width:900px){
  .fullscreen-menu a{
    font-size:clamp(2.8rem,16vw,5.8rem)!important;
  }
  .static-page{
    padding-top:96px;
  }
}


/* =========================================================
   SEVN VA1.1 — menu/cookies/cleanup
   ========================================================= */

/* definitive single menu icon */
.menu-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  color:#fff!important;
  background:transparent!important;
  border:0!important;
}
.menu-toggle::before,
.menu-toggle::after,
.menu-toggle span::before,
.menu-toggle span::after,
.menu-toggle i::after{
  display:none!important;
  content:none!important;
}
.menu-toggle > span{
  display:inline!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  position:static!important;
  box-shadow:none!important;
  border:0!important;
}
.menu-toggle > i{
  display:inline-block!important;
  position:relative!important;
  width:26px!important;
  height:16px!important;
  background:
    linear-gradient(currentColor,currentColor) 0 0/26px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 0 7px/26px 1px no-repeat,
    linear-gradient(currentColor,currentColor) 0 14px/26px 1px no-repeat!important;
  border:0!important;
  box-shadow:none!important;
}
.menu-toggle > i::before,
.menu-toggle > i::after{
  display:none!important;
  content:none!important;
}

/* hidden menu requested items */
.fullscreen-menu nav{
  gap:10px!important;
}
.fullscreen-menu a{
  text-transform:uppercase!important;
  letter-spacing:-.045em!important;
}

/* cookie notice */
.cookie-consent{
  position:fixed;
  left:28px;
  bottom:28px;
  z-index:1200;
  width:min(420px,calc(100vw - 56px));
  display:flex;
  align-items:center;
  gap:18px;
  padding:16px 18px;
  border:1px solid rgba(244,239,232,.18);
  background:rgba(5,5,5,.86);
  color:#f4efe8;
  backdrop-filter:blur(18px);
  transform:translateY(20px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s var(--ease), transform .45s var(--ease), visibility .35s var(--ease);
}
.cookie-consent.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.cookie-consent p{
  flex:1;
  font-size:.78rem;
  line-height:1.35;
  color:rgba(244,239,232,.78);
}
.cookie-consent button{
  flex:0 0 auto;
  height:38px;
  padding:0 14px;
  border:1px solid rgba(244,239,232,.34);
  background:#f4efe8;
  color:#050505;
  font-size:.68rem;
  letter-spacing:.13em;
  text-transform:uppercase;
  cursor:pointer;
}

@media(max-width:700px){
  .cookie-consent{
    left:16px;
    right:16px;
    bottom:16px;
    width:auto;
    display:grid;
    gap:12px;
  }
}


/* =========================================================
   SEVN VA1.2 — leitura interna / continue reading / páginas
   ========================================================= */

/* título e subtítulo sempre visíveis sobre a imagem */
.article-hero-content{
  z-index:4!important;
  justify-content:flex-start!important;
  padding-top:118px!important;
  padding-bottom:64px!important;
}
.article-hero-overlay{
  z-index:2!important;
}
.article-hero-media{
  z-index:1!important;
}
.article-hero h1{
  text-shadow:0 2px 28px rgba(0,0,0,.52)!important;
}
.article-hero p{
  text-shadow:0 1px 22px rgba(0,0,0,.55)!important;
}

/* voltar para edição abaixo de escutar, inclusive manifesto */
.article-actions-stack{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-top:20px!important;
}
.article-actions-stack .listen-button,
.article-actions-stack .back-to-edition{
  display:inline-flex!important;
  width:max-content!important;
}
.article-actions-stack .back-to-edition{
  margin-top:0!important;
  border-top:1px solid rgba(0,0,0,.18)!important;
  padding-top:10px!important;
}

/* scroll para explorar com pulso clean */
.scroll-text{
  animation:sevnPulseScroll 2.2s ease-in-out infinite!important;
}
@keyframes sevnPulseScroll{
  0%,100%{opacity:.52;transform:translateY(0)}
  50%{opacity:1;transform:translateY(8px)}
}

/* continue sua leitura */
.continue-reading{
  padding:76px 48px 92px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
  color:var(--paper-text);
}
.continue-reading-head{
  display:grid;
  grid-template-columns:320px minmax(0,1fr);
  gap:80px;
  margin-bottom:34px;
}
.continue-reading-head span{
  font-size:.72rem;
  letter-spacing:.18em;
  color:rgba(0,0,0,.55);
}
.continue-reading-head h2{
  font-family:var(--serif);
  font-size:clamp(2.6rem,5vw,5rem);
  line-height:.9;
  font-weight:400;
}
.continue-reading-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.continue-card{
  display:block;
  min-height:220px;
  border:1px solid rgba(0,0,0,.10);
  padding:18px;
  background:rgba(255,255,255,.25);
  transition:transform .35s var(--ease), background .35s var(--ease);
}
.continue-card:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.55);
}
.continue-card img{
  aspect-ratio:16/10;
  object-fit:cover;
  margin-bottom:16px;
}
.continue-card small{
  display:block;
  margin-bottom:8px;
  font-size:.68rem;
  letter-spacing:.16em;
  color:rgba(0,0,0,.52);
}
.continue-card strong{
  display:block;
  font-family:var(--serif);
  font-size:1.55rem;
  line-height:1;
  font-weight:400;
}

/* referência usa descrição */
.ref p{
  margin-top:7px;
  font-size:.78rem;
  line-height:1.32;
  color:rgba(244,239,232,.62);
}

/* páginas internas editáveis */
.static-page{
  background:var(--paper)!important;
  color:var(--paper-text)!important;
  min-height:100vh;
  padding-top:120px;
}
.static-hero{
  padding:8vw 8vw 4vw;
  border-bottom:1px solid rgba(0,0,0,.12);
}
.static-hero span{
  display:block;
  margin-bottom:20px;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(0,0,0,.55);
}
.static-hero h1{
  max-width:980px;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(4rem,10vw,9rem);
  line-height:.86;
  letter-spacing:-.04em;
}
.static-content{
  display:grid;
  grid-template-columns:minmax(0,780px);
  gap:24px;
  padding:5vw 8vw 8vw;
}
.static-content p{
  font-family:var(--serif);
  font-size:clamp(1.45rem,2.4vw,2.3rem);
  line-height:1.22;
  color:rgba(0,0,0,.82);
}

@media(max-width:980px){
  .continue-reading-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .continue-reading-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:680px){
  .article-hero-content{
    padding-top:106px!important;
  }
  .continue-reading{
    padding:52px 22px 66px;
  }
  .continue-reading-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   SEVN VA1.3 — public article/mobile fixes
   ========================================================= */

/* Hero must show title/subtitle ABOVE image overlay, not hidden below */
.article-hero{
  height:auto!important;
  min-height:72vh!important;
  display:grid!important;
  align-items:end!important;
  padding-top:86px!important;
}
.article-hero-media,
.article-hero-overlay{
  position:absolute!important;
  inset:0!important;
}
.article-hero-content{
  position:relative!important;
  z-index:6!important;
  height:auto!important;
  justify-content:flex-end!important;
  padding:clamp(120px,18vh,210px) 48px 72px!important;
  max-width:min(1180px,92vw)!important;
}
.article-hero h1{
  font-size:clamp(3.8rem,8.4vw,10.5rem)!important;
  line-height:.84!important;
  max-width:1100px!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.article-hero p{
  max-width:760px!important;
}

/* Continue reading: remove number handled in markup and improve clipping */
.continue-reading{
  overflow:hidden!important;
}
.continue-reading-head h2{
  max-width:100%!important;
}
.continue-card small{
  display:none!important;
}

/* Mobile header/search */
@media(max-width:760px){
  .topbar{
    grid-template-columns:92px minmax(0,1fr)!important;
    padding:14px 18px!important;
    gap:10px!important;
    align-items:start!important;
  }
  .logo.logo-image img{
    height:23px!important;
    width:auto!important;
  }
  .top-actions{
    gap:10px!important;
    justify-content:flex-end!important;
    align-items:center!important;
  }
  .top-search-form{
    width:112px!important;
    min-width:112px!important;
    height:30px!important;
  }
  .top-search-form button{
    flex:0 0 18px!important;
    width:18px!important;
    padding:0!important;
    font-size:.85rem!important;
  }
  .top-search-form input{
    width:78px!important;
    min-width:0!important;
    font-size:.62rem!important;
    letter-spacing:.08em!important;
  }
  .top-search-form input::placeholder{
    color:rgba(255,255,255,.8)!important;
  }
  .menu-toggle{
    gap:7px!important;
  }
  .menu-toggle > span{
    font-size:.62rem!important;
    letter-spacing:.1em!important;
  }
  .menu-toggle > i{
    width:22px!important;
    background:
      linear-gradient(currentColor,currentColor) 0 0/22px 1px no-repeat,
      linear-gradient(currentColor,currentColor) 0 7px/22px 1px no-repeat,
      linear-gradient(currentColor,currentColor) 0 14px/22px 1px no-repeat!important;
  }
  .contextual-nav{
    padding-top:12px!important;
  }
  .contextual-nav a{
    font-size:.58rem!important;
    padding:8px 10px!important;
  }
}

/* Mobile article hero */
@media(max-width:680px){
  .article-hero{
    min-height:64vh!important;
    padding-top:72px!important;
  }
  .article-hero-content{
    padding:108px 22px 46px!important;
    max-width:100%!important;
  }
  .article-hero h1{
    font-size:clamp(3.2rem,18vw,5.8rem)!important;
    line-height:.86!important;
    letter-spacing:-.055em!important;
    max-width:96vw!important;
  }
  .article-hero p{
    font-size:1.12rem!important;
    line-height:1.32!important;
    max-width:90vw!important;
  }
  .article-kicker{
    font-size:.62rem!important;
    margin-bottom:18px!important;
  }
  .article-body{
    grid-template-columns:1fr!important;
    gap:34px!important;
    padding:42px 22px 64px!important;
  }
  .article-meta{
    position:relative!important;
    top:auto!important;
  }
  .article-content p{
    font-size:1.35rem!important;
  }
  .article-content .article-lead{
    font-size:1.85rem!important;
  }
}


/* =========================================================
   SEVN VA1.5 — card click + mobile search
   ========================================================= */

/* whole desdobramento card is clickable */
.cards .card.card-link{
  display:block!important;
  color:inherit!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.cards .card.card-link:hover img{
  transform:scale(1.035)!important;
}
.cards .card img{
  transition:transform .65s var(--ease), filter .65s var(--ease)!important;
}
.explore-link{
  display:inline-flex!important;
  gap:18px!important;
  align-items:center!important;
  margin-top:18px!important;
  font-size:.72rem!important;
  letter-spacing:.18em!important;
  color:#fff!important;
}

/* mobile search with visible magnifier */
@media(max-width:760px){
  .top-actions{
    gap:10px!important;
    align-items:center!important;
  }

  .top-search-form{
    width:132px!important;
    min-width:132px!important;
    height:32px!important;
    display:inline-flex!important;
    align-items:center!important;
    gap:6px!important;
    padding:0 0 0 2px!important;
    border-bottom:1px solid rgba(255,255,255,.58)!important;
  }

  .top-search-form button{
    display:grid!important;
    place-items:center!important;
    width:20px!important;
    height:28px!important;
    min-width:20px!important;
    padding:0!important;
    font-size:0!important;
    line-height:1!important;
    color:#fff!important;
  }

  .top-search-form button::before{
    content:"⌕"!important;
    display:block!important;
    font-size:.92rem!important;
    line-height:1!important;
    color:#fff!important;
  }

  .top-search-form input{
    width:96px!important;
    min-width:0!important;
    display:block!important;
    font-size:.62rem!important;
    letter-spacing:.08em!important;
    color:#fff!important;
  }

  .top-search-form input::placeholder{
    color:rgba(255,255,255,.88)!important;
    opacity:1!important;
  }
}


/* =========================================================
   SEVN VA1.6.4 — cards inferiores + créditos em toda imagem
   ========================================================= */

.cards .card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
}

.cards .card .card-image{
  position:absolute!important;
  inset:0!important;
  margin:0!important;
  z-index:0!important;
}

.cards .card .card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.cards .card > img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:0!important;
}

.cards .card:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(to top,rgba(0,0,0,.86) 0%,rgba(0,0,0,.58) 38%,rgba(0,0,0,.15) 72%,rgba(0,0,0,.05) 100%)!important;
  pointer-events:none!important;
}

.cards .card > div{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:2!important;
  min-height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  padding:0 28px 34px!important;
}

.cards .card h3{
  margin:0 0 72px!important;
  transform:translateY(64px)!important;
}

.cards .card p{
  margin:0 0 16px!important;
}

.cards .card .explore-link{
  margin-top:0!important;
}

/* crédito sempre dentro da imagem */
.card-image figcaption,
.continue-image figcaption,
.note-hero .image-credit,
.article-hero-media .image-credit,
.ref figcaption,
.image-credit{
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  bottom:12px!important;
  z-index:7!important;
  color:rgba(255,255,255,.86)!important;
  font-size:.54rem!important;
  line-height:1.25!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  text-shadow:0 1px 12px rgba(0,0,0,.72)!important;
  pointer-events:none!important;
}

.continue-image,
.note-hero{
  position:relative!important;
}

.continue-image{
  margin:0 0 16px!important;
}

.continue-image img{
  width:100%!important;
  aspect-ratio:16/10!important;
  object-fit:cover!important;
}

@media(max-width:680px){
  .cards .card > div{
    padding:0 22px 28px!important;
  }
  .cards .card h3{
    margin-bottom:64px!important;
    transform:translateY(58px)!important;
  }
}


/* =========================================================
   SEVN VA1.6.5 — leitura natural + card story
   ========================================================= */

.listen-button.is-playing,
[data-listen].is-playing{
  background:#111!important;
  color:#f4efe8!important;
  border-color:#111!important;
}

.story-card-button{
  position:fixed;
  z-index:1600;
  min-width:132px;
  height:40px;
  padding:0 16px;
  border:1px solid rgba(244,239,232,.35);
  border-radius:999px;
  background:#050505;
  color:#f4efe8;
  box-shadow:0 18px 60px rgba(0,0,0,.22);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .22s var(--ease), transform .28s var(--ease), visibility .22s var(--ease);
}

.story-card-button.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}

.story-card-modal{
  position:fixed;
  inset:0;
  z-index:1700;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(20px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .3s var(--ease), visibility .3s var(--ease);
}

.story-card-modal.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.story-card-panel{
  position:relative;
  width:min(960px,94vw);
  max-height:92vh;
  overflow:auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:24px;
  align-items:start;
  padding:28px;
  border:1px solid rgba(244,239,232,.18);
  border-radius:28px;
  background:#0a0a0a;
  color:#f4efe8;
  box-shadow:0 30px 120px rgba(0,0,0,.42);
}

.story-card-panel > div:first-of-type{
  grid-column:1 / 2;
}

.story-card-panel span{
  display:block;
  margin-bottom:10px;
  font-size:.68rem;
  letter-spacing:.18em;
  color:rgba(244,239,232,.62);
}

.story-card-panel h2{
  font-family:var(--serif);
  font-size:clamp(2.4rem,5vw,4.8rem);
  line-height:.88;
  font-weight:400;
}

.story-card-panel p{
  max-width:520px;
  margin-top:16px;
  color:rgba(244,239,232,.66);
  line-height:1.45;
}

.story-card-panel canvas{
  grid-column:2 / 3;
  grid-row:1 / span 3;
  width:100%;
  height:auto;
  border-radius:18px;
  background:#111;
  box-shadow:0 20px 80px rgba(0,0,0,.36);
}

.story-card-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  align-self:end;
}

.story-card-actions button{
  height:44px;
  padding:0 18px;
  border-radius:999px;
  border:1px solid rgba(244,239,232,.22);
  background:#f4efe8;
  color:#050505;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
  cursor:pointer;
}

.story-card-actions button + button{
  background:transparent;
  color:#f4efe8;
}

.story-card-close{
  position:absolute;
  top:14px;
  right:14px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(244,239,232,.18);
  background:rgba(244,239,232,.06);
  color:#f4efe8;
  font-size:1.4rem;
  cursor:pointer;
}

@media(max-width:820px){
  .story-card-panel{
    grid-template-columns:1fr;
  }

  .story-card-panel canvas{
    grid-column:auto;
    grid-row:auto;
    max-width:320px;
    justify-self:center;
  }
}


/* =========================================================
   SEVN VA1.6.6 — card story refinado
   ========================================================= */

.story-card-panel{
  grid-template-columns:minmax(0,1fr) 360px!important;
}

.story-card-actions{
  align-items:center!important;
}

.story-card-actions button[data-story-card-copy]{
  background:rgba(244,239,232,.10)!important;
  color:#f4efe8!important;
}

.story-card-panel canvas{
  border-radius:22px!important;
}

@media(max-width:820px){
  .story-card-panel{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   SEVN VA1.6.7 — card story final
   ========================================================= */

.story-card-actions button[data-story-card-copy]{
  background:#f4efe8!important;
  color:#050505!important;
}

.story-card-actions button[data-story-card-close]{
  background:transparent!important;
  color:#f4efe8!important;
}


/* =========================================================
   SEVN VA1.6.9 — autoria + leitura/card
   ========================================================= */
.article-author{
  margin:14px 0 22px!important;
  display:block!important;
}
.article-author span{
  display:block!important;
  margin:0 0 4px!important;
  font-size:.62rem!important;
  letter-spacing:.16em!important;
  color:var(--muted)!important;
}
.article-author strong{
  display:block!important;
  font-size:.82rem!important;
  letter-spacing:.08em!important;
  color:var(--text)!important;
  font-weight:700!important;
}


/* =========================================================
   SEVN VA1.7.2 — autoria com contraste
   ========================================================= */

.article-meta strong,
.article-meta b,
.article-meta .author-name,
.article-author strong,
.article-author b{
  color:#111!important;
}

.article-meta .author-label,
.article-author span,
.article-author small{
  color:rgba(0,0,0,.55)!important;
}

.article-meta{
  color:rgba(0,0,0,.68)!important;
}


/* =========================================================
   SEVN VA1.7.4 — modal card redes sociais
   ========================================================= */
.story-card-panel h2{
  max-width:620px!important;
}
.story-card-panel p{
  display:none!important;
}


/* =========================================================
   SEVN VA1.7.4 — mobile: meta + ações antes do texto em 2 linhas
   ========================================================= */
@media(max-width:680px){
  .article-body{
    display:flex!important;
    flex-direction:column!important;
  }

  .article-meta{
    order:1!important;
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin:0!important;
    padding:0!important;
  }

  .article-content{
    order:2!important;
  }

  .article-meta > *{
    margin:0!important;
  }

  .article-meta .article-actions-stack,
  .article-actions-stack{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    width:100%!important;
    margin:6px 0 18px!important;
    align-items:stretch!important;
  }

  .article-actions-stack .listen-button,
  .article-actions-stack .back-to-edition,
  .listen-button,
  .back-to-edition{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
    font-size:.63rem!important;
    line-height:1!important;
    letter-spacing:.12em!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  .article-actions-stack .back-to-edition{
    border-top:0!important;
    border-left:1px solid rgba(0,0,0,.18)!important;
    padding-top:0!important;
    margin-top:0!important;
  }

  .article-meta .meta-line,
  .article-meta p,
  .article-meta small{
    font-size:.78rem!important;
    line-height:1.35!important;
  }

  .article-meta strong,
  .article-meta b{
    font-size:.86rem!important;
    line-height:1.2!important;
  }
}


/* =========================================================
   SEVN VA1.7.7 — mobile cards centralizados e imagens quebradas
   ========================================================= */
@media(max-width:680px){
  /* evita cards passando para a direita no iPhone */
  .cards,
  .edition-cards,
  .chapters-grid,
  .desdobramentos-grid{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  .cards .card,
  .edition-cards .card,
  .chapters-grid .card,
  .desdobramentos-grid .card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0 auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    box-sizing:border-box!important;
    aspect-ratio:4/5!important;
  }

  .cards .card > div{
    padding:0 22px 30px!important;
  }

  .cards .card h3{
    font-size:clamp(2rem,9vw,3rem)!important;
    line-height:.9!important;
    max-width:100%!important;
    overflow-wrap:break-word!important;
  }

  .cards .card p{
    font-size:.92rem!important;
    line-height:1.35!important;
  }

  /* remove ícone de imagem quebrada ficando por cima quando a imagem falha */
  .cards .card img{
    object-fit:cover!important;
    text-indent:-9999px!important;
    color:transparent!important;
  }

  .cards .card .card-image{
    background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01))!important;
  }

  /* seções com título DESDOBRAMENTOS */
  .cards-section,
  .desdobramentos-section,
  .edition-section{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .cards-section > h2,
  .desdobramentos-section > h2,
  .edition-section > h2{
    padding-left:24px!important;
    padding-right:24px!important;
  }
}

@media(max-width:430px){
  .cards,
  .edition-cards,
  .chapters-grid,
  .desdobramentos-grid{
    padding-left:20px!important;
    padding-right:20px!important;
  }

  .cards .card > div{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}


/* =========================================================
   SEVN VA1.7.6 — mobile meta e botões refinados
   ========================================================= */
.article-meta-compact{display:block}
.article-type{display:block}
.article-info-line em{font-style:normal;opacity:.52;padding:0 .45em}
.article-author-line{margin-top:14px!important}
.article-author-line span{display:inline!important;margin:0!important;letter-spacing:.16em!important;color:rgba(0,0,0,.55)!important;font-size:.74rem!important}
.article-author-line strong{display:inline!important;color:#111!important;font-weight:800!important;letter-spacing:.11em!important}
@media(max-width:680px){
  .article-body{display:flex!important;flex-direction:column!important;gap:0!important;padding:48px 24px 64px!important}
  .article-meta{order:1!important;position:relative!important;top:auto!important;width:100%!important;display:block!important;margin:0 0 34px!important;padding:0!important}
  .article-content{order:2!important}
  .article-meta-compact{margin:0 0 18px!important}
  .article-type{margin:0 0 22px!important;font-size:.82rem!important;line-height:1.1!important;letter-spacing:.18em!important;color:#111!important}
  .article-info-line{margin:0 0 14px!important;font-size:1rem!important;line-height:1.35!important;color:rgba(0,0,0,.62)!important}
  .article-author-line{margin:0!important;font-size:.98rem!important;line-height:1.35!important}
  .article-author-line span{display:inline!important;margin:0!important;font-size:.82rem!important;letter-spacing:.18em!important;color:rgba(0,0,0,.56)!important}
  .article-author-line strong{display:inline!important;font-size:.98rem!important;color:#111!important;letter-spacing:.11em!important}
  .article-actions-stack{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-items:stretch!important;width:100%!important;margin:22px 0 26px!important}
  .article-actions-stack .listen-button,.article-actions-stack .back-to-edition{width:100%!important;min-height:46px!important;height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0 8px!important;border:1px solid rgba(0,0,0,.20)!important;font-size:.68rem!important;line-height:1!important;letter-spacing:.12em!important;white-space:nowrap!important;text-align:center!important;color:#111!important;background:transparent!important}
  .article-actions-stack .back-to-edition{border-left:1px solid rgba(0,0,0,.20)!important;border-top:1px solid rgba(0,0,0,.20)!important;padding-top:0!important}
  .article-content .article-lead{margin-top:0!important;margin-bottom:34px!important}
}
@media(max-width:420px){
  .article-actions-stack .listen-button,.article-actions-stack .back-to-edition{font-size:.61rem!important;letter-spacing:.09em!important}
}


/* =========================================================
   SEVN VA1.7.8 — Card Story social/poster
   ========================================================= */
.story-card-panel canvas{
  background:#e6a36f!important;
}