/* /ssb-guidance/ — "SSB journey": board-room header, OLQ badges, test stations along a path, plan cards, crossed-out mistakes */
.p-ssb-guidance .sg{max-width:1120px;margin:0 auto}
.p-ssb-guidance .sg-head{position:relative;margin-bottom:36px;padding:clamp(28px,4vw,50px);background:linear-gradient(120deg,#0F1A13,#24402D);color:#DCE6DE;border-left:8px solid var(--gold)}
.p-ssb-guidance .sg-head h1{max-width:24ch;margin:0 0 14px;font-size:clamp(30px,4.4vw,48px);line-height:1.08;color:#fff}
.p-ssb-guidance .sg-lead{max-width:68ch;margin:0 0 14px;font-size:18px;line-height:1.75}
.p-ssb-guidance .sg-head strong{color:var(--gold)}
.p-ssb-guidance .sg-head .sg-note{max-width:68ch;margin:0;padding-top:12px;border-top:1px solid rgb(255 255 255 / .15);font-size:15.5px;color:#B8C6BB}
.p-ssb-guidance .sg-sec{margin-bottom:38px}
.p-ssb-guidance .sg-sec>h2{margin:0 0 16px;font-size:clamp(24px,2.6vw,30px);color:var(--olive-900)}
.p-ssb-guidance .sg p,.p-ssb-guidance .sg li{font-size:16.5px;line-height:1.6}
.p-ssb-guidance .sg-olq{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-olq li{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;background:#fff;border:1px solid var(--line);border-radius:40px;font-weight:600;color:var(--olive-900)}
.p-ssb-guidance .sg-olq li::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 5px,var(--olive-900) 6px)}
.p-ssb-guidance .sg-approach{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-approach li{padding:16px 14px;background:var(--stone-2);border-top:4px solid var(--army)}
.p-ssb-guidance .sg-approach strong{display:block;margin-bottom:4px;color:var(--army)}
.p-ssb-guidance .sg-stations{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;counter-reset:st}
.p-ssb-guidance .sg-stations::before{content:"";position:absolute;left:4%;right:4%;top:28px;height:4px;background:repeating-linear-gradient(90deg,var(--maroon) 0 12px,transparent 12px 20px)}
.p-ssb-guidance .sg-stations li{counter-increment:st;position:relative;padding:70px 12px 16px;text-align:center;background:#fff;border:1px solid var(--line)}
.p-ssb-guidance .sg-stations li::before{content:counter(st);position:absolute;left:50%;top:6px;width:46px;height:46px;margin-left:-23px;display:grid;place-items:center;border-radius:50%;background:var(--maroon);border:4px solid #fff;box-shadow:0 0 0 2px var(--maroon);color:#fff;font-family:var(--ff-head);font-weight:800;font-size:20px}
.p-ssb-guidance .sg-stations h3{margin:0 0 6px;font-size:20px;color:var(--olive-900)}
.p-ssb-guidance .sg-stations p{margin:0;font-size:15px}
.p-ssb-guidance .sg-week{display:grid;grid-template-columns:2fr 1fr 1fr;gap:0;margin:0 0 10px;padding:0;list-style:none;border:2px solid var(--olive-900)}
.p-ssb-guidance .sg-week li{padding:14px 16px;border-right:1px solid var(--line)}
.p-ssb-guidance .sg-week li:last-child{border-right:0}
.p-ssb-guidance .sg-week strong{display:block;color:var(--maroon)}
.p-ssb-guidance .sg-sec>p em{display:block;padding:10px 14px;background:#FFF8D6;font-style:normal}
.p-ssb-guidance .sg-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-formats li{padding:24px 20px;text-align:center;background:#fff;border:2px solid var(--olive-900)}
.p-ssb-guidance .sg-formats li:nth-child(2){background:var(--olive-900);color:#E3EAE4;transform:translateY(-8px);box-shadow:0 12px 24px rgb(18 27 20 / .2)}
.p-ssb-guidance .sg-formats strong{display:block;margin-bottom:8px;font-family:var(--ff-head);font-size:22px;color:var(--maroon)}
.p-ssb-guidance .sg-formats li:nth-child(2) strong{color:var(--gold)}
.p-ssb-guidance .sg-kit{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-kit li{padding:10px 14px 10px 38px;position:relative;background:#fff;border:1px dashed var(--army)}
.p-ssb-guidance .sg-kit li::before{content:"";position:absolute;left:12px;top:13px;width:16px;height:18px;border:2px solid var(--army);border-top-width:5px}
.p-ssb-guidance .sg-mistakes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-mistakes li{position:relative;padding:40px 12px 14px;background:#F8EEEE;color:#5A1214;font-weight:600}
.p-ssb-guidance .sg-mistakes li::before{content:"✕";position:absolute;left:12px;top:10px;width:22px;height:22px;display:grid;place-items:center;background:var(--maroon);color:#fff;font-size:12px}
.p-ssb-guidance .sg-sec--half{display:inline-block;vertical-align:top;width:calc(50% - 14px)}
.p-ssb-guidance .sg-sec--half+.sg-sec--half{margin-left:24px}
.p-ssb-guidance .sg-list{margin:0;padding:0;list-style:none}
.p-ssb-guidance .sg-list li{position:relative;padding:8px 0 8px 24px;border-bottom:1px solid var(--line)}
.p-ssb-guidance .sg-list li::before{content:"";position:absolute;left:0;top:15px;width:12px;height:12px;background:var(--gold);clip-path:polygon(0 0,100% 50%,0 100%)}
.p-ssb-guidance .sg-q{margin-bottom:8px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--olive-900)}
.p-ssb-guidance .sg-q summary{padding:14px 16px;font-weight:700;color:var(--olive-900);cursor:pointer}
.p-ssb-guidance .sg-q p{margin:0;padding:0 16px 14px}
.p-ssb-guidance .sg-cta{padding:30px;text-align:center;background:var(--maroon);color:#fff}
.p-ssb-guidance .sg-cta>h2{color:#fff}
.p-ssb-guidance .sg-call{margin:0 0 16px;font-size:19px}
.p-ssb-guidance .pc .sg-call a{color:var(--gold)}
.p-ssb-guidance .sg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0}
.p-ssb-guidance .pc .sg-actions a{padding:12px 22px;background:#fff;color:var(--maroon);font-weight:700;text-decoration:none}
.p-ssb-guidance .pc .sg-actions a:hover{background:var(--gold);color:var(--ink)}
@media (max-width:980px){
  .p-ssb-guidance .sg-stations{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}
  .p-ssb-guidance .sg-stations::before{display:none}
  .p-ssb-guidance .sg-approach,.p-ssb-guidance .sg-mistakes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .p-ssb-guidance .sg-head{padding:24px 16px}
  .p-ssb-guidance .sg-stations{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p-ssb-guidance .sg-week,.p-ssb-guidance .sg-formats,.p-ssb-guidance .sg-approach,.p-ssb-guidance .sg-mistakes{grid-template-columns:1fr}
  .p-ssb-guidance .sg-week li{border-right:0;border-bottom:1px solid var(--line)}
  .p-ssb-guidance .sg-formats li:nth-child(2){transform:none}
  .p-ssb-guidance .sg-sec--half{display:block;width:auto}
  .p-ssb-guidance .sg-sec--half+.sg-sec--half{margin-left:0}
}
