/* nd.css — novo formato (topo vivo + "Do seu jeito") aplicado às páginas internas */

/* ===== topos vivos (artigos, conteúdos, ferramentas, agendamento) ===== */
.art-hero,.tool-head,.ag-hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 80% 0%,#825150 0%,#65282C 55%,#4f1f22 100%)!important;color:#f3e7ea}
.art-hero .blob,.ag-hero .blob{display:none}
.nd-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.art-hero .wrap,.tool-head .wrap,.ag-hero .wrap{position:relative;z-index:1}
.art-hero{padding:72px 0 56px}
.tool-head{padding:56px 0 44px;margin-bottom:28px}
.art-hero h1,.tool-head h1,.ag-hero h1{color:#fff}
.art-hero h1 em,.tool-head h1 em,.ag-hero h1 em{color:var(--rose)}
.art-hero .dek,.tool-head p,.ag-hero .lead,.ag-hero .who p{color:#f3e7ea}
.art-hero .crumbs,.tool-head .crumbs{color:var(--rose)}
.art-hero .crumbs a,.tool-head .crumbs a{color:#fff}
.art-hero .tag,.tool-head .tag,.ag-hero .tag{background:rgba(255,255,255,.12);color:var(--rose);border:1px solid rgba(255,255,255,.18)}
.art-hero .byline,.art-hero .byline b{color:#fff}
.art-hero .byline img{box-shadow:0 0 0 2px var(--rose)}
.ag-hero .who strong{color:#fff}
.art-hero a:focus-visible,.tool-head a:focus-visible,.ag-hero a:focus-visible,.nd-listen button:focus-visible{outline-color:var(--rose)}
.art-hero input,.art-hero .search{color:var(--bordo)}

/* ===== botão e painel "Do seu jeito" ===== */
.nd-open{order:5;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 16px;border-radius:999px;border:1.5px solid var(--malva);background:transparent;color:var(--bordo);font:600 14px/1 var(--sans,'Montserrat',sans-serif);cursor:pointer;white-space:nowrap;flex-shrink:0}
.nd-open:hover{background:var(--nevoa)}
.nd-open svg{width:18px;height:18px}
header .nav .burger{order:6}
header .nav .brand{order:0;margin-right:auto;min-width:0}
header .nav .menu{order:4}
header .nav .back{order:4}
header .nav{gap:12px}
@media (max-width:980px){.nd-open span{display:none}.nd-open{padding:8px 11px}}
@media (max-width:400px){header .nav .brand small{display:none}}
.nd-panel{position:fixed;right:16px;top:76px;z-index:130;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 92px);overflow:auto;background:var(--offwhite,#FEFDFA);color:var(--bordo);border-radius:24px;padding:22px;box-shadow:0 30px 60px -20px rgba(101,40,44,.45);display:none;font-family:var(--sans,'Montserrat',sans-serif)}
.nd-panel.open{display:block}
.nd-panel .nd-t{font-family:'Playfair Display',Georgia,serif;font-size:27px;line-height:1.1;margin:0 0 6px}
.nd-panel .nd-d{font-size:14px;color:var(--marsala);margin:0 0 6px;line-height:1.5}
.nd-row{margin-top:14px}
.nd-lab{font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--marsala);margin-bottom:6px}
.nd-seg{display:flex;background:var(--nevoa);border-radius:999px;padding:4px;gap:4px}
.nd-seg button{flex:1;border:0;background:transparent;border-radius:999px;min-height:42px;font:600 14.5px var(--sans,'Montserrat',sans-serif);color:var(--bordo);cursor:pointer}
.nd-seg button[aria-pressed="true"]{background:var(--marsala);color:#fff}
.nd-sw{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;font-size:15px;font-weight:500;border-top:1px solid var(--nevoa);padding:8px 0 0;margin-top:8px;cursor:pointer}
.nd-sw small{display:block;font-size:12.5px;font-weight:400;color:var(--marsala);margin-top:2px}
.nd-sw input{width:22px;height:22px;accent-color:var(--marsala);flex-shrink:0}
.nd-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;border:0;background:var(--nevoa);font-size:20px;line-height:1;color:var(--bordo);cursor:pointer}
.nd-reset{margin-top:16px;width:100%;min-height:44px;border-radius:999px;border:1.5px solid var(--malva);background:transparent;color:var(--bordo);font:600 14px var(--sans,'Montserrat',sans-serif);cursor:pointer}
.nd-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--marsala);z-index:140;pointer-events:none}

/* ===== ouvir o artigo ===== */
.nd-listen{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.nd-listen button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font:600 14.5px var(--sans,'Montserrat',sans-serif);cursor:pointer}
.nd-listen .nd-play{background:var(--rose);border-color:var(--rose);color:var(--bordo)}
.nd-listen svg{width:16px;height:16px}
.nd-reading{background:var(--nevoa);box-shadow:0 0 0 8px var(--nevoa);border-radius:6px}

/* ===== régua de leitura ===== */
.nd-ruler{position:fixed;left:0;right:0;top:0;height:48px;background:rgba(222,197,202,.35);border-top:1px solid rgba(130,81,80,.35);border-bottom:1px solid rgba(130,81,80,.35);pointer-events:none;z-index:90;display:none;mix-blend-mode:multiply}
html[data-ruler="1"] .nd-ruler{display:block}

/* ===== ajustes ===== */
html[data-text="2"]:not(.home) main{zoom:1.1}
html[data-text="3"]:not(.home) main{zoom:1.22}
html[data-contrast="1"]{--marsala:#65282C;--malva:#825150;--rose:#C7AEB3}
html[data-contrast="1"] body{color:var(--bordo)}
html[data-plain="1"]{--serif:'Montserrat',system-ui,sans-serif}
html[data-plain="1"] h1,html[data-plain="1"] h2,html[data-plain="1"] h3{font-style:normal;letter-spacing:-.01em}
html[data-plain="1"] em{font-style:normal}
html[data-spacing="1"] main p,html[data-spacing="1"] main li,html[data-spacing="1"] main .ans{letter-spacing:.035em;word-spacing:.14em;line-height:1.95}
html[data-int="silencio"] *,html[data-focus="1"] *{scroll-behavior:auto!important}
html[data-int="silencio"] .reveal,html[data-focus="1"] .reveal{opacity:1!important;transform:none!important;transition:none!important}
html[data-focus="1"] .nd-field,html[data-focus="1"] .book-float,html[data-focus="1"] .wa-float,html[data-focus="1"] .disc-float,html[data-focus="1"] .blob{display:none!important}
@media print{.nd-panel,.nd-open,.nd-progress,.nd-ruler,.nd-listen,.nd-field{display:none!important}.art-hero,.tool-head,.ag-hero{background:none!important;color:#000}.art-hero h1,.tool-head h1{color:#000}}
.nd-listen [hidden]{display:none!important}
header .menu .btn{white-space:nowrap}
@media (max-width:1320px) and (min-width:981px){header .menu{gap:16px}header .menu a{font-size:14px}}

/* escala tipográfica mais contida nas páginas internas */
.art-hero{padding:56px 0 44px}
.art-hero h1{font-size:clamp(28px,3.4vw,42px)}
.art-hero .dek{font-size:clamp(17px,1.4vw,19px)}
.prose h2{font-size:clamp(23px,2.2vw,29px)}
.prose h3{font-size:clamp(19px,1.7vw,22px)}
.tool-head h1{font-size:clamp(28px,3.8vw,42px)}
.ag-hero h1{font-size:clamp(28px,4vw,44px)}
.nd-voice{min-height:44px;max-width:240px;border-radius:999px;border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;font:500 14px var(--sans,'Montserrat',sans-serif);padding:8px 14px}
.nd-voice option{color:#65282C}
.nd-vhint{flex-basis:100%;font-size:12.5px;color:#f3e7ea;opacity:.85;margin:2px 0 0}