/* ============================================================================
   O País · Histórias — folha partilhada do formato-história.
   Um veredicto primeiro, um facto por cartão; cartão-com-setas no desktop,
   ecrã inteiro no telemóvel. Cada história é uma página autónoma que importa
   amm-theme.css (tokens) + esta folha + historia.js (motor).
   O tom do veredicto vem de uma classe no <body>: tone-verde · tone-amarelo ·
   tone-laranja · tone-vermelho (semáforo das análises).
   ============================================================================ */
html{height:100%;}
body{
  min-height:100dvh;margin:0;
  background:var(--navy);
  background-image:linear-gradient(160deg,var(--navy) 40%,var(--navy-2) 100%);
  display:flex;align-items:center;justify-content:center;gap:18px;
  padding:26px;overflow-x:clip;
}
.st-arrow{
  flex:none;width:46px;height:46px;border:1px solid rgba(255,255,255,.4);border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;font-size:20px;line-height:1;font-family:inherit;
  display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .15s,border-color .15s;
}
.st-arrow:hover{background:rgba(255,255,255,.25);border-color:#fff;}
.st-arrow[disabled]{opacity:.25;cursor:default;}
.st-arrow[disabled]:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4);}

.story-card{
  position:relative;background:var(--bg);border-radius:10px;overflow:hidden;
  width:min(880px,100%);height:min(660px,88dvh);
  box-shadow:0 30px 80px rgba(5,28,44,.5);
  display:flex;flex-direction:column;
}
.st-top{padding:14px 18px 0;display:flex;flex-direction:column;gap:10px;}
.st-seg{display:flex;gap:5px;}
.st-seg i{flex:1;height:3px;border-radius:2px;background:var(--line);transition:background .25s;}
.st-seg i.done{background:var(--line-strong);}
.st-seg i.cur{background:var(--blue);}
.st-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.st-title{font-family:'Hanken Grotesk',sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);}
.st-count{font-family:'Hanken Grotesk',sans-serif;font-size:11.5px;color:var(--ink-faint);font-variant-numeric:tabular-nums;}
.st-langseg{margin-left:auto;}
.st-langseg .seg button{padding:5px 10px;font-size:11.5px;}
.st-close{
  width:34px;height:34px;border:1px solid var(--line-strong);border-radius:4px;
  background:#fff;color:var(--navy);font-size:16px;line-height:1;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
  transition:border-color .15s,color .15s;
}
.st-close:hover{border-color:var(--blue);color:var(--blue);}

.st-viewport{flex:1;overflow:hidden;position:relative;}
.st-track{display:flex;height:100%;transition:transform .38s cubic-bezier(.2,.7,.2,1);}
.slide{
  flex:0 0 100%;height:100%;overflow-y:auto;
  display:flex;flex-direction:column;gap:14px;
  padding:22px 34px 20px;
}
@media(max-width:720px){.slide{padding:18px 20px 16px;}}
.s-kick{font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);}
.s-head2{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(21px,3.4vw,31px);line-height:1.16;letter-spacing:-.012em;color:var(--ink);margin:0;text-wrap:balance;max-width:28ch;}
.s-head2 b{font-weight:600;}
.s-head2 .neg{color:var(--brick);}
.s-head2 .pos{color:var(--verde);}
.s-fig{flex:1;display:flex;flex-direction:column;justify-content:center;gap:10px;min-height:0;}
.s-cap{font-size:13.5px;color:var(--ink-soft);line-height:1.5;max-width:62ch;}
.s-cap b{color:var(--ink);}
.s-src{font-family:'Hanken Grotesk',sans-serif;font-size:11px;color:var(--ink-faint);border-top:1px solid var(--line);padding-top:9px;letter-spacing:.02em;}

/* cartão de capa (so-what) e cartão final */
.slide.cover{justify-content:center;gap:20px;}
.verdict-pill{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;border:1px solid var(--line);border-left:5px solid var(--blue);background:var(--gray-2);border-radius:4px;padding:8px 14px;font-family:'Hanken Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);}
.verdict-pill .vd{width:11px;height:11px;border-radius:50%;background:var(--blue);}
.cover .s-big{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(26px,4.6vw,42px);line-height:1.12;letter-spacing:-.015em;color:var(--ink);margin:0;max-width:26ch;text-wrap:balance;}
.cover .s-big em{font-style:italic;color:var(--blue);}
.cover .s-sub{font-size:15.5px;color:var(--ink-soft);max-width:52ch;line-height:1.55;}
.cover .s-hint{display:inline-flex;align-items:center;gap:9px;font-family:'Hanken Grotesk',sans-serif;font-size:13px;font-weight:700;color:var(--blue);letter-spacing:.04em;}
.cover .s-hint .arr{display:inline-block;animation:nudge 1.6s ease-in-out infinite;}
@keyframes nudge{0%,100%{transform:translateX(0);}50%{transform:translateX(5px);}}
@media (prefers-reduced-motion:reduce){
  .cover .s-hint .arr{animation:none;}
  .st-track{transition:none;}
}

/* tons do semáforo */
body.tone-verde    .verdict-pill{border-left-color:var(--verde);}    body.tone-verde    .verdict-pill .vd{background:var(--verde);}    body.tone-verde    .cover .s-big em{color:var(--verde);}
body.tone-amarelo  .verdict-pill{border-left-color:var(--amarelo);}  body.tone-amarelo  .verdict-pill .vd{background:var(--gold);}     body.tone-amarelo  .cover .s-big em{color:var(--amarelo);}
body.tone-laranja  .verdict-pill{border-left-color:var(--laranja);}  body.tone-laranja  .verdict-pill .vd{background:var(--laranja);}  body.tone-laranja  .cover .s-big em{color:var(--laranja);}
body.tone-vermelho .verdict-pill{border-left-color:var(--vermelho);} body.tone-vermelho .verdict-pill .vd{background:var(--vermelho);} body.tone-vermelho .cover .s-big em{color:var(--vermelho);}

.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:4px 0 0;}
.cta{display:inline-flex;align-items:center;gap:8px;border-radius:4px;padding:11px 18px;font-family:'Hanken Grotesk',sans-serif;font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--line-strong);color:var(--ink);background:#fff;cursor:pointer;transition:border-color .15s,color .15s,background .15s;}
.cta.solid{background:var(--blue);border-color:var(--blue);color:#fff;}
.cta.solid:hover{background:var(--blue-dark);}
.cta:not(.solid):hover{border-color:var(--blue);color:var(--blue);}
.mini-src{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:12px;color:var(--ink-faint);line-height:1.45;}
.mini-src b{color:var(--ink-soft);font-weight:600;}

/* número-herói + figuras */
.hero-num{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(56px,9vw,92px);line-height:.95;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;}
.hero-num .u{font-size:.38em;color:var(--ink-faint);letter-spacing:0;font-family:'Hanken Grotesk',sans-serif;font-weight:600;}
.hero-num.sm{font-size:clamp(42px,7vw,68px);}
.hero-badge{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-family:'Hanken Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;padding:5px 12px;}
.hero-badge.pos{color:var(--verde);background:#e7f0eb;}
.hero-badge.neg{color:var(--brick);background:#f5e9e8;}
.hero-badge.warn{color:var(--gold-deep);background:#f6f0dc;}
svg.fig{display:block;width:100%;height:auto;font-family:'Hanken Grotesk',sans-serif;}
.fig-note{font-size:11.5px;color:var(--ink-faint);letter-spacing:.02em;}
.fig-leg{display:flex;gap:14px 20px;flex-wrap:wrap;font-size:12px;color:var(--ink-soft);}
.fig-leg .it{display:inline-flex;align-items:center;gap:7px;}
.fig-leg .sw{width:12px;height:12px;border-radius:2px;}

/* lista de equivalências (escala humana) */
.eq-list{margin:0;padding:0;list-style:none;display:grid;gap:12px;}
.eq-list li{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;}
.eq-list li:last-child{border-bottom:0;}
.eq-list .eq-v{font-family:'Newsreader',Georgia,serif;font-weight:500;font-size:clamp(22px,3vw,30px);color:var(--ink);min-width:130px;font-variant-numeric:tabular-nums;}
.eq-list .eq-d{font-size:13.5px;color:var(--ink-soft);line-height:1.45;flex:1;}

/* telemóvel: ecrã inteiro, setas escondidas (toque/deslize) */
@media(max-width:720px){
  body{padding:0;gap:0;}
  .story-card{width:100%;height:100dvh;max-width:none;border-radius:0;box-shadow:none;}
  .st-arrow{display:none;}
}

.toast{
  position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(8px);z-index:200;
  background:#fff;color:var(--ink);font-size:13px;border-radius:5px;padding:11px 18px;
  box-shadow:0 14px 40px rgba(5,28,44,.35);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;
  max-width:min(440px,86vw);text-align:center;line-height:1.4;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
