
/* v9 — leitura interna premium: nenhum card editorial leva a sites externos */
.article-card{appearance:none;width:100%;border:0;text-align:left;cursor:pointer;color:var(--ink);font-family:inherit;}
.article-feature{color:#fff;}
.article-card:focus-visible{outline:3px solid #bfa276;outline-offset:-5px;}
.article-card .article-foot span{font-size:10px;letter-spacing:.1em;color:inherit;white-space:nowrap}
.articles-more{padding-top:2px;align-items:center;border-top:1px solid var(--line)}
.articles-note{font-size:14px;line-height:1.7;max-width:460px;color:#5d5b56;margin:18px 0}
.articles-more>span{max-width:380px;line-height:1.7}
.specialty-card{cursor:pointer;}
.specialty-card .specialty-hit-area{display:block;appearance:none;position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;z-index:5;}
.specialty-card:has(.specialty-hit-area:focus-visible){outline:3px solid #94734a;outline-offset:3px;}
.specialty-card .specialty-hit-area:focus-visible{outline:none;}
.specialty-prompt{font-size:9px;letter-spacing:.08em;color:#675d51;margin-left:auto;}
.specialty-top{gap:20px}
/* Legal knowledge / article reader */
.topic-dialog{border:0;padding:0;width:min(940px,calc(100vw - 42px));max-width:none;max-height:min(90dvh,900px);height:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 110px rgba(0,0,0,.35);background:var(--paper);color:var(--ink);}
.topic-dialog::backdrop{background:rgba(13,15,13,.79);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);}
body.topic-open{overflow:hidden}
.topic-modal-layout{position:relative;min-height:390px;background:linear-gradient(115deg,#f6f3eb 0%,#eeeadf 100%);}
.topic-modal-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;background:rgba(245,243,238,.94);backdrop-filter:blur(10px);border-bottom:1px solid #d4cbbd;min-height:73px;padding:13px clamp(25px,5vw,68px);}
.topic-modal-header>span{font-size:10px;letter-spacing:.15em;font-weight:750;color:#4c4942;}
.topic-modal-header i{padding:0 8px;color:#94734a;font-style:normal;}
.topic-close{border:1px solid #9b907e;color:#1d1e1b;background:transparent;border-radius:30px;padding:10px 17px;font-size:10px;letter-spacing:.12em;font-weight:750;display:inline-flex;gap:14px;align-items:center;}
.topic-close:hover{background:#191b18;color:#fff;}
.topic-close span{font-size:20px;line-height:14px;font-weight:400;}
.topic-modal-main{position:relative;isolation:isolate;padding:clamp(32px,5vw,74px) clamp(24px,7vw,88px) clamp(30px,5vw,70px);overflow:hidden;}
.topic-modal-number{position:absolute;z-index:-1;font-weight:800;right:-18px;top:-75px;font-size:clamp(140px,25vw,350px);line-height:1;color:#e6ded2;pointer-events:none;letter-spacing:-.11em;}
.topic-modal-kicker{position:relative;color:#90724b;font-weight:750;font-size:10px;letter-spacing:.19em;margin:0 0 23px;}
.topic-modal-main h2{position:relative;font:500 clamp(46px,6.5vw,91px)/.95 var(--serif);letter-spacing:-.055em;max-width:720px;margin:0 0 25px;text-wrap:balance;}
.topic-modal-lead{position:relative;font:500 clamp(21px,2.6vw,32px)/1.3 var(--serif);max-width:720px;color:#514c43;margin:0 0 35px;}
.topic-modal-divider{height:1px;width:100%;background:#c9beb0;margin-bottom:30px;}
.topic-modal-article{display:grid;gap:18px;max-width:685px;}
.topic-modal-article p{font-size:15px;line-height:1.9;max-width:650px;margin:0;color:#4b4c48;}
.topic-modal-article h3{font:500 35px/1.1 var(--serif);margin:21px 0 0;color:#181a16;}
.topic-modal-article ul{margin:0;padding-left:25px;color:#46443f;line-height:1.9;font-size:15px;}
.topic-modal-bottom{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #c9beb0;margin-top:48px;padding-top:18px;}
.topic-modal-bottom>p{max-width:410px;color:#746d64;font-size:11px;line-height:1.7;margin:0;}
.topic-modal-navigation{display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end;}
.topic-modal-navigation button{background:transparent;border:1px solid #aaa094;border-radius:40px;padding:11px 15px;letter-spacing:.08em;font-weight:650;font-size:10px;white-space:nowrap;}
.topic-modal-navigation button:hover:not(:disabled){background:#1b1d1a;color:#fff;}
.topic-modal-navigation button:disabled{opacity:.38;cursor:default;}
@media(max-width:760px){
  .topic-dialog{width:100vw;height:100dvh;max-height:100dvh;max-width:100vw;margin:0;}
  .topic-modal-layout{min-height:100dvh;}
  .topic-modal-header{padding:12px 6vw;min-height:68px;}
  .topic-modal-header>span{font-size:8px;letter-spacing:.09em;}
  .topic-close{padding:8px 11px;font-size:9px;gap:7px;}
  .topic-modal-main{padding:35px 7vw 40px;}
  .topic-modal-main h2{font-size:clamp(44px,12vw,74px);}
  .topic-modal-lead{font-size:23px;}
  .topic-modal-article p,.topic-modal-article ul{font-size:14px;line-height:1.8;}
  .topic-modal-bottom{flex-direction:column;align-items:stretch;}
  .topic-modal-navigation{justify-content:space-between;}
  .specialty-prompt{font-size:8px;}
  .articles-more{align-items:start;}
}
@media(prefers-reduced-motion:reduce){.article-card,.specialty-card,.topic-close{transition:none!important;}}

/* v27 — apresentação pessoal nos detalhes das três áreas */
.topic-modal-welcome{position:relative;max-width:730px;margin:0 0 28px;padding:18px 22px;border-left:3px solid #b99a6b;background:rgba(217,205,185,.22);color:#504336;font:500 clamp(17px,2vw,23px)/1.48 var(--serif);}
.topic-modal-welcome[hidden]{display:none!important;}
@media(max-width:760px){.topic-modal-welcome{margin:0 0 24px;padding:14px 17px;font-size:19px;line-height:1.45;}}
