/* Spin Galaxy NZ — section pages: hero variant, crumbs, byline and content components */

/* hero of a section: homepage hero markup */
.sg-hero--sec .sg-hero__in{min-height:clamp(330px,56vh,560px);align-content:center}
.sg-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;margin:0 0 10px;font-size:13px;font-weight:700;color:var(--sg-muted)}
.sg-crumbs a{color:var(--sg-violet);text-decoration:none}
.sg-crumbs a:hover{color:var(--sg-brand)}
.sg-crumbs svg{font-size:11px;opacity:.6}
.sg-toc__t{font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}

/* section rhythm */
.sg-sec--tight{padding:clamp(18px,3vw,30px) 0}
.sg-sec--ink p{color:#ddd2f2}
.sg-lead{font-size:clamp(16.5px,1.7vw,19px);line-height:1.6;color:var(--sg-ink);font-weight:600}
.sg-sec p:last-child,.sg-sec ul:last-child,.sg-sec ol:last-child{margin-bottom:0}

/* heading styles */
.sg-h-bar{border-left:5px solid var(--sg-brand);padding-left:12px;margin-bottom:14px}
.sg-h-bar h2{margin:0}
.sg-h-line{margin-bottom:16px}
.sg-h-line h2{margin:0;display:inline-block;padding-bottom:6px;background:linear-gradient(90deg,var(--sg-brand),var(--sg-gold)) left bottom/100% 3px no-repeat}
.sg-h-center{text-align:center;max-width:820px;margin:0 auto 20px}
.sg-h-center h2{margin:0 0 6px}
.sg-h-center p{color:var(--sg-muted);margin:0}
.sg-h-icon{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.sg-h-icon h2{margin:0}
.sg-h-badge{flex:0 0 44px;width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--sg-brand),#651690);color:#fff;font-size:21px}
.sg-kicker{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--sg-brand);margin-bottom:4px}

/* big-number tiles (4) */
.sg-kpis{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:820px){.sg-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sg-kpis li{margin:0;padding:16px 14px;border-radius:16px;background:linear-gradient(160deg,#2d1266,#170a31);color:#fff;display:flex;flex-direction:column;gap:2px}
.sg-kpis svg{font-size:20px;color:var(--sg-gold);margin-bottom:6px}
.sg-kpis b{font-size:clamp(22px,2.8vw,30px);line-height:1.1;font-weight:800}
.sg-kpis span{font-size:13px;color:#cfc0ea}

/* symptom -> fix */
.sg-fix{margin:0;display:grid;gap:10px}
.sg-fix>div{display:grid;gap:4px 18px;padding:14px 16px;background:#fff;border:1px solid var(--sg-line);border-radius:14px}
@media (min-width:820px){.sg-fix>div{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);align-items:start}}
.sg-fix dt{display:flex;gap:8px;align-items:flex-start;font-weight:800}
.sg-fix dt svg{color:var(--sg-brand);margin-top:4px}
.sg-fix dd{margin:0;font-size:15px}

/* timeline */
.sg-timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid var(--sg-line)}
.sg-timeline li{position:relative;margin:0 0 18px;padding-left:4px}
.sg-timeline li:last-child{margin-bottom:0}
.sg-timeline li::before{content:"";position:absolute;left:-31px;top:4px;width:15px;height:15px;border-radius:50%;background:var(--sg-brand);box-shadow:0 0 0 4px #fff}
.sg-timeline time{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:.04em;color:var(--sg-brand);text-transform:uppercase}
.sg-timeline h3{margin:2px 0 4px}

/* tool panel (calculator / filter) */
.sg-tool{background:#fff;border:2px solid var(--sg-violet);border-radius:18px;padding:18px;box-shadow:0 14px 30px rgba(27,11,58,.12)}
.sg-tool h3{display:flex;align-items:center;gap:8px;margin:0 0 12px}
.sg-tool h3 svg{color:var(--sg-brand)}
.sg-tool__form{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:14px}
.sg-tool__form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:800;color:var(--sg-muted)}
.sg-tool__form input,.sg-tool__form select{font:inherit;font-weight:700;font-size:15px;color:var(--sg-ink);padding:10px 12px;border:1px solid var(--sg-line);border-radius:10px;background:var(--sg-soft);width:100%;min-width:0}
.sg-tool__out{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:820px){.sg-tool__out.is-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.sg-tool__out>div{background:var(--sg-violet);color:#fff;border-radius:12px;padding:10px 12px}
.sg-tool__out span{display:block;font-size:12px;color:#cfc0ea;font-weight:700}
.sg-tool__out b{display:block;font-size:20px;font-weight:800}
.sg-tool__msg{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--sg-soft-2);font-size:14.5px;font-weight:600}
.sg-tool__note{margin:10px 0 0;font-size:12.5px;color:var(--sg-muted)}

/* was -> now pairs */
.sg-vs{display:grid;gap:10px}
.sg-vs>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px 12px;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed var(--sg-line)}
.sg-vs__old{margin:0;color:var(--sg-muted);text-decoration:line-through;text-decoration-color:rgba(222,0,111,.5)}
.sg-vs__new{margin:0;font-weight:800;color:var(--sg-violet)}
.sg-vs>div>svg{color:var(--sg-brand)}
.sg-vs__note{grid-column:1/-1;margin:0;font-size:13.5px;color:var(--sg-muted)}