/* Article/guide page layout — extends site.css tokens */
.guide-hero{border-bottom:1px solid var(--line);background:var(--surface);}
.guide-hero .wrap{padding:56px 32px 48px;max-width:760px;margin:0 auto;}
.guide-hero .eyebrow{display:block;margin-bottom:16px;}
.guide-hero h1{font-size:clamp(1.8rem,4vw,2.5rem);max-width:20ch;}
.guide-hero .dek{margin-top:16px;color:var(--ink-soft);font-size:1.05rem;max-width:56ch;}
.guide-hero .byline{margin-top:24px;font-family:var(--font-mono);font-size:0.76rem;letter-spacing:0.04em;color:var(--ink-faint);text-transform:uppercase;}

.guide-body{max-width:700px;margin:0 auto;padding:48px 32px 32px;}
@media (max-width:640px){.guide-body{padding:36px 20px 24px;}}
.guide-body h2{font-size:1.35rem;margin-top:40px;margin-bottom:14px;}
.guide-body h2:first-child{margin-top:0;}
.guide-body p{color:var(--ink-soft);margin-top:14px;max-width:66ch;}
.guide-body p:first-of-type{margin-top:0;}
.guide-body ul{margin-top:14px;display:flex;flex-direction:column;gap:10px;}
.guide-body ul li{color:var(--ink-soft);padding-left:20px;position:relative;}
.guide-body ul li::before{content:"";position:absolute;left:0;top:0.6em;width:6px;height:6px;background:var(--accent);}
.guide-body strong{color:var(--ink);font-weight:600;}
.guide-callout{margin-top:28px;border-left:2px solid var(--pine);padding:2px 0 2px 20px;color:var(--ink);font-size:0.96rem;background:var(--pine-tint);padding:14px 18px 14px 20px;}
.guide-callout b{color:var(--pine);}
.guide-cta{
  margin-top:48px;border:1px solid var(--line-strong);background:var(--surface);
  padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;
}
.guide-cta div h3{font-size:1.1rem;}
.guide-cta div p{margin-top:6px;color:var(--ink-soft);font-size:0.92rem;}
.guide-disclaimer{margin-top:32px;padding-top:18px;border-top:1px solid var(--line);font-size:0.8rem;color:var(--ink-faint);}

.guide-index-grid{max-width:900px;margin:0 auto;padding:48px 32px 80px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);}
@media (max-width:700px){.guide-index-grid{grid-template-columns:1fr;padding:32px 20px 56px;}}
.guide-index-grid .g-card{background:var(--surface);padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px;text-decoration:none;transition:background .2s ease;}
.guide-index-grid .g-card:hover{background:var(--surface-2);}
.guide-index-grid .g-card .g-tag{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent-strong);}
.guide-index-grid .g-card h3{font-size:1.15rem;color:var(--ink);margin-top:2px;}
.guide-index-grid .g-card p{color:var(--ink-soft);font-size:0.92rem;margin:0;}