/* Scoped to the guide index; original article and form styles remain independent. */
.guide-visual-index .guide-hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:36px;padding-top:32px;padding-bottom:30px}
.guide-eyebrow{font-family:var(--font-pixel);font-size:12px;letter-spacing:.13em;color:var(--ink-soft);margin:0 0 12px}
.guide-hero-copy .muted{max-width:39em;margin-bottom:0}
.guide-hero-art svg{display:block;width:100%;height:auto}
.guide-visual-index .guide-section-title{display:flex;align-items:center;gap:13px;max-width:none;margin-bottom:18px}
.guide-section-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:var(--tape);border-radius:6px}
.guide-section-icon svg{width:32px;height:32px}
.guide-visual-index .guide-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:100%;margin:26px 0 40px}
.guide-category-link{display:flex;align-items:center;gap:11px;min-width:0;padding:17px 14px;background:var(--card);border:1px solid var(--rule);text-decoration:none;transition:border-color .15s,background .15s}
.guide-category-link:hover{border-color:var(--ink-soft);background:#fff}
.guide-category-link strong{font-size:15px;display:block;line-height:1.6}
.guide-category-link small{display:block;font-size:11px;font-weight:400;color:var(--ink-soft);margin-top:3px;line-height:1.6}
.guide-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 auto;border-radius:8px;background:#dde9e5;color:var(--ink)}
.guide-icon svg{width:40px;height:40px}
.guide-tone-premiere .guide-icon{background:#e5dfed}
.guide-tone-delivery .guide-icon{background:#f5ebc8}
.guide-nav-arrow{margin-left:auto;align-self:center;font-size:17px;color:var(--ink-soft)}
.guide-visual-index .guide-category-heading{display:flex;align-items:center;gap:15px;max-width:720px;margin:42px 0 0;padding:20px;background:var(--card);border:1px solid var(--rule);border-left:4px solid #83aaa1;scroll-margin-top:24px}
.guide-visual-index .guide-category-heading.guide-tone-premiere{border-left-color:#a69abd}
.guide-visual-index .guide-category-heading.guide-tone-delivery{border-left-color:#d1b340}
.guide-category-name{display:block;font-size:21px;line-height:1.45}
.guide-category-heading small{display:block;font-size:12px;font-weight:400;color:var(--ink-soft);margin-top:4px}
.guide-category-heading+.card-list{padding:0 20px;border:1px solid var(--rule);border-top:0;background:rgba(248,249,251,.45)}
.guide-category-heading+.card-list li:last-child{border-bottom:0}
.guide-visual-index #all-guides{scroll-margin-top:24px}
@media(max-width:900px){.guide-visual-index .guide-category-nav{grid-template-columns:1fr;max-width:720px;gap:9px}.guide-category-link{padding:12px 16px}.guide-category-link small{font-size:12px}.guide-category-link strong{font-size:16px}.guide-visual-index .guide-hero{grid-template-columns:minmax(0,1fr) 245px;gap:24px}}
@media(max-width:600px){.guide-visual-index .guide-hero{grid-template-columns:1fr;gap:16px;padding-top:25px;padding-bottom:26px}.guide-hero-art{width:210px;justify-self:end;margin-top:-3px}.guide-visual-index .guide-section-title{font-size:23px;gap:11px}.guide-visual-index .guide-category-nav{margin:22px 0 28px}.guide-visual-index .guide-category-heading{padding:16px 14px;gap:12px;margin-top:30px}.guide-category-name{font-size:19px}.guide-category-heading+.card-list{padding:0 16px}.guide-category-heading+.card-list a{font-size:17px}.guide-icon{width:44px;height:44px}.guide-icon svg{width:37px;height:37px}.guide-category-heading small{font-size:11px}}
