@import url('../assets/site.css');

/* Editorial skin shared by the guide library and every guide article. */
body{background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}
nav{height:74px;padding:0 max(24px,calc((100vw - 1180px)/2));background:rgba(247,245,239,.95);border-bottom:1px solid rgba(23,35,29,.15);box-shadow:none;backdrop-filter:blur(12px)}
.nav-logo{color:var(--ink);font-size:21px;letter-spacing:-.8px}.nav-logo i{display:inline-block;width:10px;height:10px;background:var(--lime);border:2px solid var(--ink);border-radius:50%;margin-right:7px}.nav-logo .dot{color:inherit}
.nav-links{gap:12px}.nav-links a{color:var(--ink);font-size:13px;font-weight:600;padding:7px 9px}.nav-links a:hover{background:transparent;color:var(--ink);text-decoration:underline;text-underline-offset:5px}
.guides-hero,.article-hero{background:var(--paper);color:var(--ink);text-align:left;border-bottom:1px solid var(--ink)}
.guides-hero{padding:72px max(24px,calc((100vw - 1180px)/2)) 54px}.guides-hero-label,.article-category{background:var(--lime);border:1px solid var(--ink);color:var(--ink);border-radius:100px;font-size:10px;letter-spacing:1.2px;padding:5px 10px}.guides-hero h1,.article-hero h1{font-family:'Newsreader',serif;font-weight:600;letter-spacing:-2px;line-height:.98}.guides-hero h1{font-size:clamp(48px,7vw,76px);max-width:820px;margin-top:20px}.guides-hero p{font-size:18px;color:var(--muted);max-width:660px;margin:0;opacity:1}
.guides-section{max-width:1180px;padding:70px 24px 82px}.guides-section-title{color:var(--forest);letter-spacing:1.3px;border-bottom:1px solid var(--ink);padding-bottom:16px}.guides-grid{gap:18px}.guide-card{background:var(--white);border:1px solid var(--line);border-radius:0;box-shadow:none;padding:27px;min-height:300px}.guide-card:hover{transform:translateY(-3px);box-shadow:7px 7px 0 #d8ddd3}.guide-card[style]{border-left:4px solid var(--forest)!important}.guide-icon{filter:grayscale(1);font-size:25px}.guide-cat{background:var(--lime);color:var(--ink);border:1px solid var(--ink);font-size:10px}.guide-card h2{font-family:'Newsreader',serif;font-size:27px;font-weight:600;line-height:1.08;color:var(--ink);margin:24px 0 12px}.guide-card p{color:var(--muted)}.guide-card-footer .read-link{color:var(--forest)}
.cta-band,.article-cta{background:var(--forest);color:#fff}.cta-band h2,.article-cta h2{font-family:'Newsreader',serif;font-size:38px;font-weight:600}.btn-primary,.btn-white{color:var(--forest);border-radius:4px}.btn-ghost{border-radius:4px}
.breadcrumb{background:var(--paper);border-color:var(--line)}.breadcrumb a{color:var(--forest)}.article-hero{padding:54px 32px 50px}.article-hero-inner{max-width:900px}.article-hero h1{font-size:clamp(42px,6vw,67px);max-width:850px;margin-top:19px}.article-byline{border-color:var(--line);color:var(--ink)}.byline-avatar{background:var(--forest);border:0;color:#fff}.byline-name{color:var(--ink)}.byline-role,.article-meta{color:var(--muted);opacity:1}.article-wrap{padding-top:56px;max-width:1040px;grid-template-columns:minmax(0,1fr) 270px}.prose{font-family:'Newsreader',serif;font-size:19px;line-height:1.78;color:#344139}.prose h2,.prose h3{font-family:'Newsreader',serif;color:var(--ink);font-weight:600}.prose h2{font-size:35px;border-color:var(--ink)}.prose h3{font-size:26px}.prose a{color:var(--forest)}.prose blockquote{border-left:5px solid var(--lime);background:var(--forest);color:white;border-radius:0;font-size:23px}.prose .callout{background:#efffd0;border-color:#b9d565;color:var(--forest)}.prose .callout strong{color:var(--forest)}.prose th{background:#efffd0;color:var(--forest);border-color:#b9d565}.metric-card{background:#efffd0;border-color:#b9d565}.metric-num{color:var(--forest)}
.sidebar-cta{background:var(--forest);border-radius:0}.sidebar-cta a{color:var(--forest);border-radius:4px}.sidebar-card{border-radius:0;box-shadow:none}.guide-links li a:hover,.guide-links li a::before,.references-list a{color:var(--forest)}.related-card{border-radius:0}.related-card:hover{box-shadow:6px 6px 0 #d8ddd3}.related-cat,.related-card span{color:var(--forest)}
footer{background:var(--ink)}
@media(max-width:640px){nav{height:64px;padding:0 16px}.nav-links a{display:none}.nav-links a:last-child{display:block}.guides-hero{padding:50px 18px 40px}.guides-hero h1{font-size:50px}.guides-section{padding:50px 18px 60px}.article-hero{padding:42px 20px}.article-hero h1{font-size:44px}.article-wrap{padding:36px 20px 16px}.prose{font-size:18px}.cta-band h2,.article-cta h2{font-size:32px}}