@import url('/articles/styles.css');

body.topic-hub{background:var(--white);}
.hub-hero{background:var(--navy);padding:clamp(7rem,13vw,10rem) var(--pad) clamp(4rem,7vw,6rem);position:relative;overflow:hidden;}
.hub-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 82% 18%,rgba(31,92,88,.28),transparent 48%),radial-gradient(ellipse at 12% 88%,rgba(201,168,76,.1),transparent 45%);pointer-events:none;}
.hub-hero .hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto;}.hub-hero h1{color:var(--cream);margin-bottom:1.25rem;}.hub-hero p{color:rgba(245,240,232,.72);max-width:700px;}
.hub-shell{max-width:var(--max);margin:0 auto;padding:0 var(--pad);}.hub-section{padding:clamp(3.5rem,7vw,6rem) 0;}.hub-section--cream{background:var(--cream);}.hub-section--cream .hub-shell{padding-top:clamp(3.5rem,7vw,6rem);padding-bottom:clamp(3.5rem,7vw,6rem);}
.hub-intro{max-width:810px;}.hub-intro h2,.hub-section-heading{color:var(--navy);margin-bottom:1rem;}.hub-intro p{margin-bottom:1rem;}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2rem;}.hub-card{border-top:3px solid var(--gold);background:var(--white);padding:1.55rem;}.hub-card h3{color:var(--navy);font-size:1.4rem;margin-bottom:.65rem;}.hub-card p{font-size:.95rem;line-height:1.7;}.hub-links{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.75rem;}.hub-link{display:block;border:1px solid rgba(45,45,45,.1);padding:1.2rem 1.3rem;background:var(--white);transition:border-color .2s,transform .2s;}.hub-link:hover{border-color:var(--gold);transform:translateY(-2px);}.hub-link span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--teal);margin-bottom:.4rem;}.hub-link strong{font-family:var(--serif);font-size:1.25rem;font-weight:400;line-height:1.25;color:var(--navy);}.hub-tool{background:var(--navy);padding:clamp(2rem,5vw,3.5rem);display:grid;grid-template-columns:1.4fr .9fr;gap:2rem;align-items:center;}.hub-tool h2{color:var(--cream);margin-bottom:.7rem;}.hub-tool p{color:rgba(245,240,232,.68);}.hub-button{display:inline-flex;justify-content:center;align-items:center;background:var(--gold);color:var(--navy);font-size:.78rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:.9rem 1.2rem;margin-top:1.15rem;}.hub-button--outline{background:transparent;border:1px solid rgba(245,240,232,.35);color:var(--cream);margin-left:.6rem;}.hub-faq{max-width:860px;margin-top:1.75rem;}.hub-faq details{border-bottom:1px solid rgba(45,45,45,.13);padding:1rem 0;}.hub-faq summary{cursor:pointer;font-family:var(--serif);font-size:1.3rem;color:var(--navy);}.hub-faq p{font-size:.96rem;margin-top:.65rem;}.hub-note{border-left:3px solid var(--teal);padding:1.25rem 1.5rem;background:var(--cream);margin-top:1.75rem;}.hub-note p{font-size:.96rem;margin:0;}
@media(max-width:768px){.hub-grid,.hub-links,.hub-tool{grid-template-columns:1fr;}.hub-button--outline{margin-left:0;}.hub-tool{gap:0;}.hub-tool .hub-actions{margin-top:1.3rem;}}