/* ═══════════════════════════════════════════════════════
   Guia — Leadership Guide Pages
   Long-form editorial · Email gate · Sidebar
   ═══════════════════════════════════════════════════════ */

.gu-hero { padding: var(--page-top) 0 clamp(2rem,4vw,3rem); background: var(--cream); }
.gu-bread { font-size: .75rem; color: var(--quiet); margin-bottom: 1rem; }
.gu-bread a { color: var(--muted); text-decoration: none; }
.gu-bread a:hover { color: var(--gold); }
.gu-bread span { margin: 0 .3rem; }
.gu-tag { display: inline-block; padding: .25rem .7rem; border-radius: var(--r-pill); background: var(--gold-bg); border: 1px solid rgba(159,118,27,.1); font: 700 .62rem var(--sans); color: var(--gold); letter-spacing: .06em; text-transform: uppercase; margin-bottom: .8rem; }
.gu-hero h1 { font-size: clamp(1.6rem,3.5vw,2.4rem); max-width: 700px; margin-bottom: .5rem; }
.gu-meta { font: 600 .78rem var(--sans); color: var(--quiet); }

.gu-content { padding: clamp(2.5rem,5vw,4rem) 0; background: var(--white); }
.gu-layout { display: grid; grid-template-columns: 1fr 260px; gap: clamp(2rem,4vw,3.5rem); align-items: start; }

/* Article */
.gu-article { max-width: 700px; }
.gu-intro { font-size: 1.08rem; line-height: 1.78; color: var(--ink-2); margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
.gu-article h2 { font-size: clamp(1.2rem,2.5vw,1.5rem); margin: 2rem 0 .8rem; padding-top: 1rem; border-top: 1px solid var(--line-2); }
.gu-article h2:first-of-type { border-top: none; padding-top: 0; }
.gu-article p { font-size: .95rem; line-height: 1.78; color: var(--ink-2); margin-bottom: .8rem; }

/* Email gate */
.gu-gate { position: relative; margin: 2rem 0; }
.gu-gate-fade { position: absolute; top: -80px; left: 0; right: 0; height: 80px; background: linear-gradient(to bottom, transparent, var(--white)); pointer-events: none; }
.gu-gate-card { padding: 2rem; border: 2px solid var(--gold); border-radius: var(--r-lg); text-align: center; background: var(--white); box-shadow: var(--shadow); }
.gu-gate-kicker { font: 700 .7rem var(--sans); letter-spacing: .1em; text-transform: uppercase; color: var(--gold); margin-bottom: .5rem; }
.gu-gate-card h3 { font-size: 1.15rem; margin-bottom: .8rem; }
.gu-gate-form input { width: 100%; padding: .6rem .8rem; border: 1px solid var(--line); border-radius: var(--r); font: 500 .85rem var(--sans); color: var(--ink); }
.gu-gate-form input:focus { border-color: var(--gold); outline: none; }
.gu-gate-note { font-size: .68rem; color: var(--quiet); margin-top: .4rem; }
.gu-gate-error { display: none; margin-top: .4rem; padding: .4rem; border-radius: var(--r); background: rgba(239,68,68,.06); color: #DC2626; font-size: .78rem; }

/* Gated content */
.gu-gated { display: none; }

/* CTA inline */
.gu-article-cta { margin-top: 2.5rem; padding: 2rem; background: var(--cream); border: 1px solid var(--line); border-radius: var(--r-lg); }
.gu-article-cta h3 { margin-bottom: .5rem; font-size: 1.1rem; }
.gu-article-cta p { font-size: .9rem; color: var(--muted); margin-bottom: 1rem; }
.gu-article-cta-actions { display: flex; gap: .6rem; flex-wrap: wrap; }

/* Sidebar */
.gu-sidebar { position: sticky; top: 100px; }
.gu-nav-guides { margin-bottom: 1.5rem; }
.gu-nav-guides h4 { font: 700 .78rem var(--sans); color: var(--quiet); text-transform: uppercase; letter-spacing: .06em; margin-bottom: .8rem; }
.gu-nav-guides a { display: block; padding: .5rem 0; font-size: .82rem; color: var(--ink-2); text-decoration: none; border-bottom: 1px solid var(--line-2); line-height: 1.4; transition: color .2s; }
.gu-nav-guides a:hover { color: var(--gold); }
.gu-sidebar-cta { padding: 1.4rem; background: var(--cream); border: 1px solid var(--line); border-radius: var(--r-lg); }
.gu-sidebar-cta strong { display: block; font: 700 .9rem var(--sans); margin-bottom: .3rem; }
.gu-sidebar-cta p { font-size: .78rem; color: var(--muted); margin-bottom: .8rem; line-height: 1.5; }
.btn-sm { padding: .5rem 1.2rem; font-size: .78rem; }

@media (max-width: 900px) { .gu-layout { grid-template-columns: 1fr; } .gu-sidebar { position: static; } }
@media (max-width: 640px) { .gu-gate-form [style*="grid-template-columns"] { grid-template-columns: 1fr !important; } .gu-article-cta-actions { flex-direction: column; } }