/* Guia EUDR — Brasil Sustentabilidade */
:root{
  --forest:#232a63;--forest-2:#3e4095;--leaf:#4a63c4;--sage:#8fa2da;--sage-soft:#dde3f6;
  --earth:#d99a2b;--earth-soft:#f0c76e;--sun:#f2b731;--cream:#eef1f9;--cream-2:#e2e8f6;--paper:#ffffff;
  --ink:#1b2136;--ink-soft:#565f7a;--line:rgba(35,42,99,.12);--shadow:0 18px 50px -22px rgba(35,42,99,.45);
  --blue:#3e4095;--blue-soft:#e6e7f3;--gold-soft:#fbe9c4;--gold-ink:#7a5200;--green-soft:#eaf0fb;
  --radius:22px;--maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:90px}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.7;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Fraunces',Georgia,serif;line-height:1.15;font-weight:600;letter-spacing:-.01em;color:var(--forest)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:.76rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);margin-bottom:16px}
.eyebrow::before{content:"";width:26px;height:1.5px;background:var(--earth);display:inline-block}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:.96rem;padding:14px 26px;border-radius:100px;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer;border:none}
.btn svg{width:17px;height:17px}
.btn-primary{background:var(--forest);color:var(--cream);box-shadow:0 12px 28px -12px rgba(35,42,99,.7)}
.btn-primary:hover{background:var(--forest-2);transform:translateY(-3px)}
.btn-ghost{color:var(--forest);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--leaf);background:rgba(90,138,78,.08);transform:translateY(-3px)}
.btn-sun{background:var(--sun);color:var(--forest)}
.btn-sun:hover{background:#f0bd58;transform:translateY(-3px)}

/* ---------- proteção ---------- */
.protect{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}
.protect img{pointer-events:none;-webkit-user-drag:none}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.045;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='420' height='260'><text x='20' y='150' transform='rotate(-24 210 130)' font-family='Arial' font-size='20' font-weight='700' fill='%23232a63'>brasilsustentabilidade.com</text></svg>")}
.print-block{display:none}
@media print{
  body>*:not(.print-block){display:none!important}
  body::after{display:none}
  .print-block{display:block!important;padding:80px 40px;font:600 20px/1.5 Georgia,serif;color:#232a63;text-align:center}
}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--forest);color:var(--cream);padding:12px 20px;border-radius:100px;font-size:.88rem;box-shadow:var(--shadow);opacity:0;transition:.3s;z-index:200;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}

/* ---------- topo ---------- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--leaf),var(--sun));z-index:120;transition:width .1s}
.topbar{position:sticky;top:0;z-index:100;background:rgba(247,243,234,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:70px}
.brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;font-weight:600;font-size:1.1rem;color:var(--forest)}
.brand-logo{width:44px;height:44px}
.brand small{display:block;font-family:'Inter',sans-serif;font-weight:600;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--leaf)}
.top-links{display:flex;gap:26px;align-items:center}
.top-links a{font-size:.9rem;font-weight:500;color:var(--ink-soft)}
.top-links a:hover{color:var(--forest)}
.top-links a.top-cta{background:var(--forest);color:var(--cream);padding:9px 18px;border-radius:100px;font-weight:600;font-size:.85rem}
.top-links a.top-cta:hover{background:var(--forest-2)}

/* ---------- leitor ---------- */
.reader{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;padding-top:34px;padding-bottom:70px}
.sidebar{position:sticky;top:94px;align-self:start;max-height:calc(100vh - 110px);overflow:auto;padding-right:6px;scrollbar-width:thin}
.side-head{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--leaf);padding:0 4px 12px}
.side-count{letter-spacing:0;text-transform:none;font-weight:600;color:var(--ink-soft)}
.side-part{border-top:1px solid var(--line);padding:10px 0}
.side-part summary{list-style:none;cursor:pointer;padding:4px;display:flex;flex-direction:column}
.side-part summary::-webkit-details-marker{display:none}
.side-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--earth)}
.side-ptitle{font-family:'Fraunces',serif;font-size:.98rem;color:var(--forest);font-weight:600;line-height:1.3}
.side-part ul{list-style:none;margin-top:6px}
.side-part>ul>li>a{display:grid;grid-template-columns:30px 1fr 18px;gap:6px;align-items:start;padding:7px 8px;border-radius:10px;font-size:.86rem;line-height:1.4;color:var(--ink-soft)}
.side-part>ul>li>a:hover{background:rgba(90,138,78,.1);color:var(--forest)}
.side-part li.active>a{background:var(--forest);color:var(--cream)}
.side-num{font-weight:700;font-size:.78rem;color:var(--leaf);padding-top:1px}
.side-part li.active .side-num{color:var(--sun)}
.side-done{width:18px;height:18px;border-radius:50%;background:var(--sage-soft);color:var(--forest-2);display:none;place-items:center;margin-top:1px}
.side-done svg{width:11px;height:11px}
.is-done .side-done{display:grid}
.side-toc{margin:4px 0 8px 38px!important;border-left:2px solid var(--sage-soft)}
.side-toc a{display:block;padding:4px 10px;font-size:.8rem;color:var(--ink-soft);line-height:1.35}
.side-toc a:hover,.side-toc a.on{color:var(--forest);font-weight:600}
.side-toggle{display:none}

.article-col{min-width:0;max-width:820px}
.chapter-hero{padding:6px 0 26px;border-bottom:1px solid var(--line);margin-bottom:34px}
.crumbs{font-size:.8rem;color:var(--ink-soft);margin-bottom:18px}
.crumbs a{color:var(--leaf);font-weight:600}
.crumbs span{margin:0 4px;opacity:.5}
.chapter-num{font-family:'Fraunces',serif;font-size:3.4rem;font-weight:700;color:var(--sun);line-height:1;margin-bottom:6px}
.chapter-hero h1{font-size:clamp(2rem,4.2vw,3rem)}
.meta{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px;font-size:.84rem;color:var(--ink-soft)}
.meta span{display:inline-flex;align-items:center;gap:7px}
.meta svg{width:16px;height:16px;color:var(--leaf)}

.content{font-size:1.04rem}
.content>p{margin:0 0 1.05em}
.content h2{font-size:clamp(1.45rem,2.6vw,1.8rem);margin:1.9em 0 .6em;padding-top:.2em;position:relative}
.content h2::before{content:"";display:block;width:34px;height:3px;background:var(--earth);border-radius:2px;margin-bottom:12px}
.content>h2:first-child{margin-top:0}
.content h3{font-family:'Inter',sans-serif;font-size:1.06rem;font-weight:700;color:var(--leaf);margin:1.5em 0 .5em;letter-spacing:0}
.content strong{color:var(--forest);font-weight:650}
.content ul,.content ol{margin:0 0 1.2em 0;padding-left:0;list-style:none}
.content ul li{position:relative;padding-left:24px;margin-bottom:.5em}
.content ul li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--leaf)}
.content ul ul{margin:.5em 0 .2em}
.content ul ul li::before{background:transparent;border:1.5px solid var(--leaf);width:7px;height:7px}
.content ol.steps{counter-reset:st}
.content ol.steps li{counter-increment:st;position:relative;padding:14px 18px 14px 62px;margin-bottom:10px;background:var(--paper);border:1px solid var(--line);border-radius:14px}
.content ol.steps li::before{content:counter(st);position:absolute;left:16px;top:13px;width:32px;height:32px;border-radius:50%;background:var(--forest);color:var(--cream);font-family:'Fraunces',serif;font-weight:700;display:grid;place-items:center;font-size:.95rem}
.content a{color:var(--blue);text-decoration:underline;text-underline-offset:2px;word-break:break-word}

.callout{border-radius:16px;padding:22px 24px;margin:1.6em 0;border-left:5px solid}
.callout-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.callout-title{font-family:'Fraunces',serif;font-size:1.16rem;font-weight:600;margin-bottom:10px;line-height:1.3}
.callout p{margin:0 0 .7em;font-size:.98rem}
.callout p:last-child{margin-bottom:0}
.callout ul{margin:.4em 0 .6em!important}
.callout-pratica{background:var(--green-soft);border-color:var(--leaf)}
.callout-pratica .callout-label,.callout-pratica .callout-title{color:var(--forest-2)}
.callout-atencao{background:var(--gold-soft);border-color:var(--sun)}
.callout-atencao .callout-label,.callout-atencao .callout-title{color:var(--gold-ink)}
.callout-atencao ul li::before{background:var(--earth)}
.callout-nota{background:var(--blue-soft);border-color:var(--blue)}
.callout-nota .callout-label,.callout-nota .callout-title{color:var(--blue)}
.callout-nota ul li::before{background:var(--blue)}

.table-wrap{margin:1.4em 0 1.8em;overflow-x:auto;border-radius:14px;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 30px -24px rgba(35,42,99,.5)}
table{width:100%;border-collapse:collapse;font-size:.9rem;line-height:1.5}
thead th{background:var(--forest-2);color:var(--cream);text-align:left;font-weight:600;padding:12px 14px;font-size:.84rem;vertical-align:bottom}
tbody td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:top}
tbody tr:nth-child(even) td{background:#f6f8f1}
tbody td:first-child{font-weight:500;color:var(--forest)}

.fig{margin:2em 0}
.fig-frame{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow)}
.fig figcaption{font-size:.84rem;color:var(--ink-soft);font-style:italic;text-align:center;margin-top:10px}

.done-box{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:44px 0 26px;padding:20px 22px;background:var(--paper);border:1px dashed var(--sage);border-radius:16px}
.btn-done{display:inline-flex;align-items:center;gap:9px;background:var(--paper);border:1.5px solid var(--leaf);color:var(--forest);padding:10px 20px;border-radius:100px;font:600 .92rem 'Inter',sans-serif;cursor:pointer;transition:.2s}
.btn-done svg{width:16px;height:16px}
.btn-done:hover{background:var(--green-soft)}
.btn-done.on{background:var(--leaf);color:#fff;border-color:var(--leaf)}
.done-hint{font-size:.82rem;color:var(--ink-soft)}

.pager{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pager-card{display:flex;flex-direction:column;gap:3px;padding:20px 22px;background:var(--paper);border:1px solid var(--line);border-radius:18px;transition:transform .25s,box-shadow .25s,border-color .25s}
.pager-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.pager-card.next{text-align:right;align-items:flex-end;background:var(--forest);color:var(--cream)}
.pager-dir{display:inline-flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf)}
.pager-card.next .pager-dir{color:var(--sun)}
.pager-dir svg{width:15px;height:15px}
.pager-label{font-size:.8rem;opacity:.75}
.pager-title{font-family:'Fraunces',serif;font-size:1.1rem;font-weight:600;line-height:1.3}
.pager-card.prev .pager-title{color:var(--forest)}

/* ---------- índice ---------- */
.ix-hero{padding:70px 0 60px;background:linear-gradient(180deg,var(--cream),#eaf0fb)}
.ix-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}
.ix-hero h1{font-size:clamp(2.3rem,5vw,3.9rem)}
.ix-hero h1 em{font-style:italic;color:var(--earth)}
.ix-hero .lead{font-size:1.1rem;color:var(--ink-soft);margin:22px 0 30px;max-width:58ch}
.ix-actions{display:flex;gap:14px;flex-wrap:wrap}
.ix-resume{margin-top:18px;font-size:.92rem}
.ix-resume a{color:var(--forest);font-weight:600;border-bottom:2px solid var(--sun)}
.ix-card{background:var(--paper);border-radius:26px;padding:30px;box-shadow:var(--shadow);border:1px solid var(--line)}
.ix-card-top{display:flex;align-items:center;gap:14px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.ix-card-top img{width:62px;height:62px}
.ix-card-top strong{display:block;font-family:'Fraunces',serif;font-size:1.3rem;color:var(--forest)}
.ix-card-top span{font-size:.84rem;color:var(--ink-soft)}
.ix-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:22px 0}
.ix-stats strong{display:block;font-family:'Fraunces',serif;font-size:1.8rem;color:var(--forest);line-height:1.1}
.ix-stats span{font-size:.82rem;color:var(--ink-soft)}
.ix-progress{font-size:.82rem;color:var(--ink-soft)}
.ix-bar{height:8px;border-radius:8px;background:var(--cream-2);overflow:hidden;margin-bottom:8px}
.ix-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--leaf),var(--sun));transition:width .6s}
.ix-how{padding:10px 0 20px;background:#eaf0fb}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;transform:translateY(20px)}
.how{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px}
.how-n{width:38px;height:38px;border-radius:50%;background:var(--sun);color:var(--forest);font-family:'Fraunces',serif;font-weight:700;display:grid;place-items:center;margin-bottom:12px}
.how h3{font-size:1.12rem;margin-bottom:6px}
.how p{font-size:.92rem;color:var(--ink-soft)}
.t-g{color:var(--forest-2)}.t-a{color:var(--gold-ink)}.t-b{color:var(--blue)}
.ix-toc{padding:80px 0 80px}
.section-head{margin-bottom:34px}
.section-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem)}
.parts{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.part-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.part-head{background:linear-gradient(135deg,var(--forest),var(--forest-2));padding:22px 26px}
.part-label{font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
.part-head h3{color:var(--cream);font-size:1.3rem;margin-top:4px}
.part-list{list-style:none;padding:10px 14px 14px}
.part-list a{display:grid;grid-template-columns:34px 1fr auto 18px;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;font-size:.93rem;line-height:1.35}
.part-list a:hover{background:var(--green-soft)}
.pl-num{font-family:'Fraunces',serif;font-weight:700;color:var(--leaf)}
.pl-t{color:var(--ink)}
.pl-min{font-size:.76rem;color:var(--ink-soft);white-space:nowrap}
.part-list .side-done{display:none}
.part-list .is-done .side-done{display:grid}
.ix-disclaimer{margin-top:34px}
.ix-cta{margin-top:30px;display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,var(--forest),var(--forest-2));border-radius:26px;padding:36px 40px;color:var(--cream)}
.ix-cta h3{color:var(--cream);font-size:1.5rem}
.ix-cta p{color:rgba(247,243,234,.8);margin-top:8px;max-width:60ch}

/* ---------- rodapé ---------- */
footer.site{background:var(--forest);color:rgba(247,243,234,.72);padding:56px 0 28px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}
.foot-brand{display:flex;align-items:center;gap:12px;color:var(--cream);font-family:'Fraunces',serif;font-size:1.2rem;margin-bottom:14px}
.foot-brand img{width:42px;height:42px;background:#fff;border-radius:50%;padding:2px}
.foot-col p{font-size:.92rem;max-width:36ch}
.foot-col h4{color:var(--cream);font:600 .76rem 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.foot-col ul{list-style:none;display:grid;gap:9px}
.foot-col ul a{font-size:.93rem}
.foot-col ul a:hover{color:var(--sun)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;padding-top:22px;flex-wrap:wrap;font-size:.84rem}
.foot-motto{font-family:'Fraunces',serif;font-style:italic;color:var(--sage)}
.foot-legal{font-size:.76rem;margin-top:12px;opacity:.7}

/* ---------- responsivo ---------- */
@media(max-width:1020px){
  .reader{grid-template-columns:1fr;gap:0;padding-top:18px}
  .sidebar{position:fixed;top:0;left:0;bottom:0;width:min(340px,88vw);max-height:none;background:var(--paper);z-index:150;padding:22px 16px;transform:translateX(-105%);transition:transform .3s;box-shadow:var(--shadow)}
  .sidebar.open{transform:none}
  .side-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:8px 16px;font:600 .86rem 'Inter',sans-serif;color:var(--forest);cursor:pointer;margin-bottom:18px}
  .side-toggle svg{width:18px;height:18px}
  .scrim{position:fixed;inset:0;background:rgba(35,42,99,.35);z-index:140}
  .ix-grid{grid-template-columns:1fr}
  .parts{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr;transform:none;padding:20px 0}
  .foot-grid{grid-template-columns:1fr;gap:26px}
}
@media(max-width:640px){
  .wrap{padding:0 16px}
  .top-links a.top-cta,.top-links a[href='../']{display:none}
  .top-links a{font-weight:600;color:var(--forest)}
  .brand span{white-space:nowrap}
  .brand span{font-size:.98rem}
  .brand-logo{width:38px;height:38px}
  .chapter-num{font-size:2.6rem}
  .content{font-size:1rem}
  .pager{grid-template-columns:1fr}
  .pager>span{display:none}
  .callout{padding:18px}
  table{font-size:.84rem}
  thead th,tbody td{padding:9px 10px}
  .ix-hero{padding:44px 0}
  .ix-cta{padding:28px 22px}
  .part-list a{grid-template-columns:30px 1fr 18px}
  .pl-min{display:none}
}


/* ===========================================================================
   Consulta NR-31 — acrescimos sobre o sistema do guia EUDR
   =========================================================================== */

:focus-visible{outline:2px solid var(--leaf);outline-offset:3px;border-radius:6px}

/* ---- cabeçalho: o mesmo da página inicial, não o do guia EUDR ---------- */
:root{--maxw:1180px}                       /* a home usa 1180; o eudr, 1240 */
html{scroll-padding-top:110px}

.topbar{display:none}                      /* cancela o cabeçalho do eudr.css */

.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;
  transition:background .3s,box-shadow .3s,padding .3s}
header.nav.scrolled{background:rgba(247,243,234,.85);backdrop-filter:blur(14px);
  box-shadow:0 1px 0 var(--line);padding:12px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.nav .brand{display:flex;align-items:center;gap:12px;font-family:'Fraunces',serif;
  font-weight:600;font-size:1.18rem;color:var(--forest)}
.nav .brand small{display:block;font-family:'Inter',sans-serif;font-weight:500;font-size:.66rem;
  letter-spacing:.18em;text-transform:uppercase;color:var(--leaf);margin-top:1px}
/* o caminho é relativo ao arquivo .css, que já está dentro de assets/ */
.logo-mark{display:block;width:44px;height:44px;flex:none;background-image:url('logo.png');
  background-size:contain;background-repeat:no-repeat;background-position:center}
.foot-mark{width:46px;height:46px}
.nav-links{display:flex;gap:26px;align-items:center}
.nav-links a{font-size:.92rem;font-weight:500;color:var(--ink-soft);position:relative;transition:color .2s}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;
  background:var(--earth);transition:width .25s}
.nav-links a:hover{color:var(--forest)}
.nav-links a:hover::after{width:100%}
.nav-links a.aqui{color:var(--forest);font-weight:600}
.nav-links a.aqui::after{width:100%}
.nav-links a.nav-cta{background:var(--forest);color:var(--cream);padding:10px 20px;
  border-radius:100px;font-size:.88rem;font-weight:600}
.nav-links a.nav-cta::after{display:none}
.nav-links a.nav-cta:hover{background:var(--forest-2);color:var(--cream)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px}
.burger span{width:24px;height:2px;background:var(--forest);transition:.3s;border-radius:2px}
@media(max-width:920px){
  .nav-links{display:none}
  .burger{display:flex}
  .nav-links.open{display:flex;position:absolute;top:100%;right:18px;left:18px;flex-direction:column;
    background:var(--paper);padding:20px;border-radius:18px;box-shadow:var(--shadow);gap:16px;margin-top:8px}
  .nav-links.open a{font-size:1rem}
}

/* topo — o cabeçalho é fixo, então a abertura começa mais abaixo */
.nr-hero{padding:118px 0 46px;background:linear-gradient(180deg,var(--cream),#eaf0fb)}
.nr-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}
.nr-hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
.nr-hero h1 em{font-style:italic;color:var(--earth)}
.nr-hero .lead{font-size:1.06rem;color:var(--ink-soft);margin:20px 0 28px;max-width:56ch}
.nr-actions{display:flex;gap:13px;flex-wrap:wrap}
.nr-card{background:var(--paper);border-radius:26px;padding:28px;box-shadow:var(--shadow);border:1px solid var(--line)}
.nr-card-top{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.nr-card-top img{width:58px;height:58px}
.nr-card-top strong{display:block;font-family:'Fraunces',serif;font-size:1.22rem;color:var(--forest)}
.nr-card-top span{font-size:.82rem;color:var(--ink-soft)}
.nr-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 0}
.nr-stats strong{display:block;font-family:'Fraunces',serif;font-size:1.7rem;color:var(--forest);line-height:1.1;font-variant-numeric:tabular-nums}
.nr-stats span{font-size:.8rem;color:var(--ink-soft)}
.nr-card-foot{font-size:.84rem;color:var(--ink-soft);border-top:1px solid var(--line);padding-top:14px}
.nr-card-foot b{color:var(--forest);font-variant-numeric:tabular-nums}

/* busca na lateral */
.nr-busca{position:relative;display:block;margin-bottom:8px}
.nr-busca svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ink-soft)}
.nr-busca input{width:100%;font:500 .94rem 'Inter',sans-serif;color:var(--ink);background:var(--paper);
  border:1.5px solid var(--line);border-radius:100px;padding:11px 14px 11px 34px;-webkit-appearance:none;
  -webkit-user-select:text;user-select:text}
.nr-busca input:focus{border-color:var(--leaf);outline:none}
.nr-busca input::placeholder{color:var(--ink-soft)}
.nr-contagem{font-size:.78rem;color:var(--ink-soft);min-height:1.15em;padding:0 6px 6px}
.nr-contagem b{color:var(--forest);font-weight:700}

/* lista lateral */
.side-head{border-top:1px solid var(--line);padding:12px 4px 8px;font-size:.72rem;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--leaf)}
.nr-side-list{list-style:none;display:grid;gap:2px}
.nr-side-list a{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:start;padding:7px 8px;
  border-radius:10px;font-size:.86rem;line-height:1.35;color:var(--ink-soft)}
.nr-side-list a:hover{background:rgba(90,138,78,.1);color:var(--forest)}
.nr-side-list li.on>a{background:var(--forest);color:var(--cream)}
.nr-side-list li.on .side-num{color:var(--sun)}
.nr-side-list li[hidden]{display:none}
.side-close{display:none}

/* a lateral do leitor também desce, por causa do cabeçalho fixo */
.sidebar{top:110px;max-height:calc(100vh - 130px)}

/* seções */
.sec{scroll-margin-top:112px}
.sec[hidden]{display:none!important}
.content .sec h2{display:flex;gap:14px;align-items:baseline}
.content .sec h2::before{display:none}
.sec-n{font-family:'Fraunces',serif;font-weight:700;color:var(--sun);
  font-size:1.9rem;line-height:1;font-variant-numeric:tabular-nums}
.sec-sub{font-size:.92rem;color:var(--ink-soft);font-style:italic;
  margin:-.5em 0 1.4em!important;padding-bottom:14px;border-bottom:1px solid var(--line)}
.content tbody tr[hidden]{display:none!important}
.content td[data-rot]{font-variant-numeric:tabular-nums}

.nr-vazio{text-align:center;color:var(--ink-soft);padding:2.6rem 1rem;
  border:1px dashed var(--sage);border-radius:16px;margin:1.4em 0}
.nr-vazio b{color:var(--forest);font-variant-numeric:tabular-nums}
.nr-disclaimer{margin-top:40px}
.nr-cta{margin:26px 0 10px;display:flex;justify-content:space-between;align-items:center;gap:26px;
  flex-wrap:wrap;background:linear-gradient(135deg,var(--forest),var(--forest-2));
  border-radius:26px;padding:32px 36px;color:var(--cream)}
.nr-cta h3{color:var(--cream);font-size:1.34rem}
.nr-cta p{color:rgba(247,243,234,.82);margin-top:8px;max-width:60ch;font-size:.96rem}

@media(max-width:1020px){
  .nr-hero-grid{grid-template-columns:1fr}
  .sidebar{top:0;max-height:none}
  .side-close{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--line);
    border-radius:100px;padding:7px 15px;font:600 .84rem 'Inter',sans-serif;color:var(--forest);
    cursor:pointer;margin-bottom:14px}
}
@media(max-width:640px){
  .nr-hero{padding:104px 0 30px}
  .logo-mark{width:38px;height:38px}
  .nav .brand{font-size:1.02rem}
  .nr-cta{padding:24px 20px}
  .content .sec h2{gap:10px}
  .sec-n{font-size:1.5rem}
  /* tabela vira ficha */
  .table-wrap{overflow-x:visible;border:0;background:transparent;box-shadow:none}
  .content table{font-size:.9rem}
  .content colgroup,.content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .content tbody tr{display:block;background:var(--paper);border:1px solid var(--line);
    border-radius:14px;padding:12px 14px;margin-bottom:10px}
  .content tbody tr:nth-child(even) td{background:transparent}
  .content tbody td{display:block;border:0;padding:3px 0}
  .content tbody td:first-child{font-weight:600}
  .content tbody td::before{content:attr(data-rot);display:block;font-size:.66rem;text-transform:uppercase;
    letter-spacing:.08em;color:var(--leaf);font-weight:700;margin-bottom:1px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}



