/* Vibe96 — Guides (/guides, /guides/{slug}). Package 191: moved out of _GuideStyles; colours use the central tokens. */
.gd{width:min(100% - 2 * clamp(20px,5vw,96px),1180px);margin:0 auto;padding:clamp(28px,3vw,56px) 0 clamp(60px,5vw,100px);font-family:Manrope,system-ui,sans-serif;color:var(--v96-ink)}
.gd-crumbs{font-size:14px;color:var(--v96-faint);margin:0 0 18px}.gd-crumbs a{color:var(--v96-body)}.gd-crumbs a:hover{color:var(--v96-purple)}
.gd h1{margin:0;font-size:clamp(32px,3.2vw,52px);line-height:1.08;letter-spacing:-.04em;font-weight:800;max-width:900px}
.gd .lead{margin:16px 0 0;font-size:clamp(17px,1.2vw,20px);line-height:1.65;color:var(--v96-body);max-width:820px}
.gd .meta{margin:14px 0 0;font-size:14px;color:var(--v96-faint)}
.gd-answer{margin:30px 0 0;padding:22px 26px;border-radius:16px;background:#F4F8FF;border:1px solid #D5E2FF;max-width:900px}
.gd-answer b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--v96-blue);margin-bottom:8px}
.gd-answer p{margin:0;font-size:18px;line-height:1.7}
.gd-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,64px);margin-top:clamp(30px,3vw,50px)}
.gd-body h2{margin:36px 0 12px;font-size:clamp(22px,1.7vw,28px);font-weight:800;letter-spacing:-.02em}.gd-body h2:first-child{margin-top:0}
.gd-body p{font-size:17px;line-height:1.8;margin:0 0 12px;color:var(--v96-text)}
.gd-body ul,.gd-body ol{margin:6px 0 12px;padding-left:22px;font-size:17px;line-height:1.75;color:var(--v96-text)}.gd-body li{margin:0 0 8px}
.gd-body ol li::marker{font-weight:800;color:var(--v96-purple)}
.gd-faq{margin-top:40px;border-top:1px solid var(--v96-line);padding-top:28px}
.gd-side{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:16px}
.gd-cta{padding:22px;border-radius:18px;background:linear-gradient(135deg,var(--v96-blue),var(--v96-violet));color:#fff}
.gd-cta b{display:block;font-size:19px;line-height:1.3}.gd-cta p{margin:8px 0 16px;font-size:15px;line-height:1.55;color:#E6E0FF}
.gd-cta a{display:inline-flex;height:46px;align-items:center;padding:0 18px;border-radius:10px;background:#fff;color:var(--v96-ink);font-weight:800;font-size:15px}
.gd-cta a:hover{color:var(--v96-violet)}
.gd-rel{padding:18px 20px;border:1px solid var(--v96-line);border-radius:16px;background:#fff}
.gd-rel b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--v96-purple);margin-bottom:8px}
.gd-rel a{display:block;padding:8px 0;border-top:1px solid var(--v96-line-3);font-size:15px;font-weight:600;color:var(--v96-ink);line-height:1.4}.gd-rel a:first-of-type{border-top:0}
.gd-rel a:hover{color:var(--v96-blue)}
.gd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;margin-top:34px}
.gd-card{display:flex;flex-direction:column;padding:24px;border:1px solid var(--v96-line);border-radius:18px;background:#fff;color:var(--v96-ink);transition:box-shadow .2s,border-color .2s}
.gd-card:hover{border-color:#D5C6F7;box-shadow:0 18px 36px -22px rgba(33,26,49,.35)}
.gd-card b{font-size:20px;line-height:1.3;letter-spacing:-.01em}.gd-card span{margin-top:10px;font-size:15px;line-height:1.6;color:var(--v96-body);flex:1}
.gd-card em{margin-top:16px;font-style:normal;font-weight:800;color:var(--v96-blue);font-size:15px}
@media (max-width:980px){.gd-body{grid-template-columns:1fr}.gd-side{position:static}}
/* 191: were inline styles */
.gd .meta.more{margin-top:34px}
.gd .meta.more a{color:var(--v96-blue);font-weight:700}
.gd-rel a.all{color:var(--v96-blue)}