/* Perpetual Law - Biblioteca de Artigos - estilo compartilhado */
:root{
  --ivory:#FAF8F4;
  --graphite:#1A1A1A;
  --graphite-soft:#3A3A3A;
  --gold:#B08D45;
  --gold-deep:#84682F;
  --gold-soft:#C7A86B;
  --line:rgba(26,26,26,0.10);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--ivory);color:var(--graphite);font-family:'Montserrat',sans-serif;font-weight:300;line-height:1.8;}
header.site{padding:20px 6vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--ivory);}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;}
.brand .mark-circle{width:36px;height:36px;border-radius:50%;background:var(--graphite);display:flex;align-items:center;justify-content:center;border:0.6px solid var(--gold);}
.brand .mark-circle span{font-family:'Playfair Display',serif;font-weight:900;font-size:1.05rem;color:var(--ivory);}
.brand .wordmark{font-family:'Playfair Display',serif;font-weight:900;font-size:0.95rem;letter-spacing:0.04em;}
.nav-links{display:flex;gap:26px;}
.nav-links a{font-size:0.74rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--graphite-soft);text-decoration:none;}
.nav-links a:hover{color:var(--gold-deep);}
main{max-width:740px;margin:0 auto;padding:64px 6vw 100px;}
.breadcrumb{font-size:0.74rem;letter-spacing:0.06em;color:var(--graphite-soft);margin-bottom:34px;}
.breadcrumb a{color:var(--gold-deep);text-decoration:none;}
.eyebrow{font-size:0.72rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold-deep);font-weight:500;display:block;margin-bottom:16px;}
h1{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(1.9rem,3.6vw,2.7rem);line-height:1.22;margin-bottom:18px;}
.meta{font-size:0.8rem;color:var(--graphite-soft);margin-bottom:40px;padding-bottom:22px;border-bottom:1px solid var(--line);}
.meta a{color:var(--gold-deep);text-decoration:none;}
.lead{font-size:1.06rem;color:var(--graphite-soft);margin-bottom:34px;}
.resposta{border:1px solid var(--gold);background:linear-gradient(180deg,rgba(176,141,69,0.05),rgba(176,141,69,0));padding:26px 30px;margin-bottom:40px;}
.resposta p{font-size:0.98rem;color:var(--graphite);}
.resposta strong{font-weight:500;}
.sumario{background:rgba(26,26,26,0.03);padding:24px 30px;margin-bottom:46px;border-left:2px solid var(--gold);}
.sumario span{font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold-deep);font-weight:500;display:block;margin-bottom:12px;}
.sumario ol{margin-left:18px;}
.sumario li{font-size:0.88rem;margin-bottom:6px;}
.sumario a{color:var(--graphite-soft);text-decoration:none;}
.sumario a:hover{color:var(--gold-deep);}
article h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.55rem;line-height:1.3;margin:52px 0 18px;}
article h3{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.22rem;margin:34px 0 12px;}
article p{color:var(--graphite-soft);font-size:0.97rem;margin-bottom:18px;}
article ul, article ol{margin:0 0 18px 22px;}
article li{color:var(--graphite-soft);font-size:0.95rem;margin-bottom:10px;}
article strong{font-weight:500;color:var(--graphite);}
.lei{font-size:0.86rem;color:var(--graphite-soft);background:rgba(26,26,26,0.035);padding:16px 22px;border-left:2px solid var(--gold-soft);margin-bottom:18px;font-style:italic;}
.faq details{border-bottom:1px solid var(--line);padding:16px 0;}
.faq summary{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:500;cursor:pointer;color:var(--graphite);}
.faq p{margin-top:10px;margin-bottom:4px;font-size:0.93rem;}
.cta-artigo{margin-top:60px;border:1px solid var(--gold);padding:34px 36px;text-align:center;background:linear-gradient(180deg,rgba(176,141,69,0.05),rgba(176,141,69,0));}
.cta-artigo h2{margin:0 0 12px;font-size:1.4rem;}
.cta-artigo p{font-size:0.93rem;margin-bottom:22px;}
.btn{display:inline-block;padding:15px 34px;border:1px solid var(--gold);color:var(--graphite);font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;text-decoration:none;transition:background .3s ease,color .3s ease;}
.btn:hover{background:var(--graphite);color:var(--ivory);}
.aviso{margin-top:46px;font-size:0.78rem;color:var(--graphite-soft);border-top:1px solid var(--line);padding-top:20px;}
footer.site{padding:30px 6vw;border-top:1px solid var(--line);font-size:0.77rem;color:var(--graphite-soft);text-align:center;}
footer.site a{color:var(--gold-deep);text-decoration:none;}
/* hub */
.hub-cluster{margin-top:64px;}
.hub-cluster:first-of-type{margin-top:56px;}
.cluster-title{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.7rem;color:var(--graphite);margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid var(--gold-soft);}
.hub-lista{display:flex;flex-direction:column;gap:0;}
.hub-item{border-bottom:1px solid var(--line);padding:30px 0;display:block;text-decoration:none;color:inherit;}
.hub-item .tema{font-size:0.7rem;letter-spacing:0.24em;text-transform:uppercase;color:var(--gold-deep);font-weight:500;}
.hub-item h2{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:1.45rem;line-height:1.3;margin:8px 0 10px;}
.hub-item p{font-size:0.92rem;color:var(--graphite-soft);}
.hub-item:hover h2{color:var(--gold-deep);}
@media (max-width:640px){
  .nav-links{display:none;}
  main{padding:44px 6vw 80px;}
}