/* OnTax Consulting · LP v4 · páginas internas (blog, artigos, privacidade) */

body.page{background:var(--ice)}
.page .top{background:rgba(11,30,51,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(169,184,200,.1)}
.page .top-nav a[aria-current]{color:#fff}

/* faixas */
.band{position:relative;padding:clamp(64px,8vw,112px) 0;background:var(--ice);color:var(--graphite)}
.band--navy{background:var(--navy);color:#fff;overflow:hidden}
.band--ice{background:var(--mist)}

/* cabeçalho da página */
.page-head{padding:calc(clamp(64px,8vw,104px) + 72px) 0 clamp(56px,7vw,96px)}
.page-head::before{content:"";position:absolute;right:-12%;top:-30%;width:62vw;height:62vw;max-width:820px;max-height:820px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,155,107,.22),rgba(0,155,107,0));pointer-events:none}
.page-head .wrap{position:relative}
.page-head h1{font:700 clamp(34px,5.2vw,68px)/1.04 var(--sora);letter-spacing:-.028em;max-width:20ch;text-wrap:balance}
.page-head .lead{color:var(--gray);margin-top:20px}
.eyebrow{font:600 13px/1.3 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:18px}
.band--ice .eyebrow,.band:not(.band--navy) .eyebrow{color:var(--green-deep)}
.crumb{font:500 13.5px/1.3 var(--inter);color:var(--gray);margin-bottom:22px}
.crumb a{color:var(--green);text-decoration:none}
.crumb a:hover{text-decoration:underline}
.art__meta{margin-top:22px;font-size:14.5px;color:var(--gray)}

/* texto do artigo */
.prose{max-width:72ch;margin:0 auto;font-size:17.5px;line-height:1.72;color:var(--graphite)}
.prose>*+*{margin-top:1.1em}
.prose h2{font:700 clamp(23px,2.4vw,30px)/1.2 var(--sora);letter-spacing:-.018em;color:var(--navy);margin-top:2.1em}
.prose h3{font:600 19px/1.3 var(--sora);color:var(--navy);margin-top:1.6em}
.prose ul,.prose ol{padding-left:1.25em}
.prose li+li{margin-top:.5em}
.prose li::marker{color:var(--green-deep);font-weight:600}
.prose a{color:var(--green-deep);text-underline-offset:3px}
.prose a:hover{color:var(--navy)}
.prose strong{color:var(--navy)}
.prose .lede{font:500 clamp(19px,1.8vw,22px)/1.55 var(--inter);color:var(--navy)}
.prose .draft{display:inline-block;font:600 12.5px/1.4 var(--inter);letter-spacing:.02em;color:#6B5200;background:#FFF4C2;border:1px dashed #E0B300;border-radius:8px;padding:8px 12px}
.prose .note{font-size:13.5px;color:var(--slate)}

.box{margin-top:2.2em;padding:26px 28px;border-radius:var(--r);background:#fff;border:1.5px solid var(--mist)}
.box h2{margin-top:0;font-size:19px;letter-spacing:-.01em}
.box ul{margin:14px 0 0}
.box p{margin-top:12px}
.box li{font-size:15.5px;line-height:1.6}
.box--law{border-left:5px solid var(--green)}
.box--open{background:var(--green-soft);border-color:transparent}
.box--open h2{color:var(--green-deep)}

.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1.5px solid var(--mist);background:#fff}
.tbl table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.45;min-width:520px}
.tbl th{font:600 13px/1.3 var(--sora);letter-spacing:.04em;text-transform:uppercase;text-align:left;color:#fff;background:var(--navy);padding:13px 16px}
.tbl td{padding:13px 16px;border-top:1px solid var(--mist);vertical-align:top}
.tbl tr:nth-child(even) td{background:var(--ice)}

.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:2.4em}

/* placeholders dentro do texto: marca amarela sem etiqueta flutuante */
.prose .todo{outline:0;background:#FFF4C2;box-shadow:inset 0 -2px 0 #E0B300;border-radius:3px;padding:0 3px}
.prose .todo::after{content:none}

/* lista de posts */
.head{margin-bottom:32px}
.grid{display:grid;gap:18px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.page .post{min-height:100%}
.post-meta{margin-top:auto;padding-top:18px;font-size:13px;color:var(--slate)}

/* chamada final */
.final-band{text-align:center}
.final-band .wrap{display:flex;flex-direction:column;align-items:center}
.final-band h2{font:700 clamp(30px,4.4vw,56px)/1.06 var(--sora);letter-spacing:-.025em;max-width:18ch;text-wrap:balance;margin-bottom:30px}
.final-band .on{color:var(--green)}

@media (max-width:767px){
  .page-head{padding:118px 0 56px}
  .prose{font-size:16.5px}
  .box{padding:22px 20px}
  .grid--2{grid-template-columns:1fr}
  .cta-row .btn{width:100%}
  .page .foot{padding-bottom:40px}
}