/* Type F · 포트폴리오 구조대 전용 스타일 (education-results.css 위에 얹음) */
.sos-page { --sos-hold:#4f6d9a; --sos-avg:#1a9c8a; --sos-sw:#e2731d; --sos-red:#c0392b; }
.sos-page .education-header { background:linear-gradient(135deg,#1f2a44 0%,#3b4b7a 100%); color:#fff; border-radius:18px; padding:34px 22px; margin-bottom:22px; }
.sos-page .education-header a, .sos-page .education-header .education-eyebrow { color:#dfe6ff; }
.sos-page .education-header h1 { color:#fff; }
.sos-page .education-header p { color:#e4e8f5; }
.sos-page .sos-hero-pills { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin-top:14px; }
.sos-page .sos-hero-pills span { background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); border-radius:999px; padding:6px 14px; font-size:14px; }
.sos-page .sos-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:8px 0 18px; }
.sos-page .sos-step { border-radius:12px; padding:14px 16px; color:#fff; font-size:14px; line-height:1.5; }
.sos-page .sos-step.hold { background:var(--sos-hold); } .sos-page .sos-step.avg { background:var(--sos-avg); } .sos-page .sos-step.sw { background:var(--sos-sw); }
.sos-page .sos-step strong { display:block; font-size:16px; margin-bottom:4px; }
.sos-page .sos-presets { display:flex; flex-wrap:wrap; gap:8px; margin:6px 0 4px; }
.sos-page .sos-preset { border:1px solid #aeb8c8; background:#fff; color:#263445; border-radius:999px; padding:9px 14px; font-size:14px; min-height:40px; }
.sos-page .sos-preset.is-on { background:#263445; color:#fff; border-color:#263445; }
.sos-page fieldset { border:1px solid #dce1ea; border-radius:12px; padding:14px 18px 6px; margin:18px 0; min-width:0; }
.sos-page legend { font-weight:700; padding:0 6px; }
.sos-page .sos-panel { background:#fff; border:1px solid #dce1ea; border-radius:16px; padding:26px; margin-bottom:20px; }
.sos-page .sos-panel h2 { font-size:1.3rem; margin-bottom:14px; }
.sos-page .sos-status { border-top:5px solid var(--sos-red); }
.sos-page .sos-breakeven { border-top:5px solid #997313; }
.sos-page .sos-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:12px 0; }
.sos-page .sos-stats.two { grid-template-columns:repeat(2,minmax(0,1fr)); }
.sos-page .sos-stats>div { background:#f4f6fb; border-radius:12px; padding:14px 16px; min-width:0; }
.sos-page .sos-stats span { display:block; font-size:13px; color:#596574; margin-bottom:6px; }
.sos-page .sos-stats strong { font-size:1.15rem; overflow-wrap:anywhere; }
.sos-page .sos-stats .neg-box { background:#fdecea; } .sos-page .sos-stats .neg-box strong { color:var(--sos-red); }
.sos-page .sos-insight { background:#fff8e6; border-left:4px solid #f0b429; padding:14px 16px; border-radius:8px; }
.sos-page .sos-question { background:#eef1ff; border-left:4px solid #5263c2; padding:14px 16px; border-radius:8px; margin-bottom:0; }
.sos-page .sos-question em { font-style:normal; font-weight:700; }
.sos-page .sos-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:16px 0; }
.sos-page .sos-card { position:relative; min-width:0; border:1px solid #cbd4e4; border-top:5px solid #999; border-radius:14px; padding:20px; background:#fff; }
.sos-page .sos-card.hold { border-top-color:var(--sos-hold); } .sos-page .sos-card.avg { border-top-color:var(--sos-avg); } .sos-page .sos-card.sw { border-top-color:var(--sos-sw); }
.sos-page .sos-card.is-best { box-shadow:0 8px 24px rgba(38,52,69,.14); border-width:2px; border-top-width:5px; }
.sos-page .sos-badge { position:absolute; top:-13px; right:14px; background:#263445; color:#fff; font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; }
.sos-page .sos-card h3 { font-size:1.15rem; margin-bottom:2px; }
.sos-page .sos-sub { color:#596574; font-size:14px; margin:0 0 10px; }
.sos-page .sos-value { font-size:1.7rem; font-weight:800; margin:6px 0 2px; overflow-wrap:anywhere; }
.sos-page .sos-muted { color:#596574; font-size:14px; }
.sos-page .sos-card dl { margin:12px 0 0; } .sos-page .sos-card dt { font-size:13px; color:#596574; margin-top:10px; } .sos-page .sos-card dd { margin:2px 0; font-weight:600; overflow-wrap:anywhere; }
.sos-page dd.pos { color:#1a7f4b; } .sos-page dd.neg { color:var(--sos-red); }
.sos-page .sos-chart-wrap { position:relative; height:340px; margin:18px 0 8px; }
.sos-page .sos-verdict { background:#f4f6fb; padding:14px 16px; border-radius:10px; margin-bottom:0; }
.sos-page .sos-check { padding-left:0; list-style:none; margin:0 0 18px; }
.sos-page .sos-check li { padding:12px 0 12px 30px; position:relative; border-bottom:1px solid #e6eaf2; }
.sos-page .sos-check li::before { content:'✔'; position:absolute; left:4px; top:12px; color:#1a9c8a; font-weight:900; }
.sos-page .sos-actions { display:flex; gap:12px; flex-wrap:wrap; }
.sos-page .sos-btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border-radius:9px; font-weight:700; text-decoration:none; background:#5263c2; color:#fff; border:1px solid #5263c2; }
.sos-page .sos-btn.ghost { background:#fff; color:#384d93; }
.sos-page .sos-details { margin-top:0; } .sos-page .sos-table-wrap { overflow-x:auto; }
@media (max-width:768px) {
  .sos-page .education-header { padding:24px 16px; }
  .sos-page .sos-steps, .sos-page .sos-grid, .sos-page .sos-stats, .sos-page .sos-stats.two { grid-template-columns:1fr; }
  .sos-page .sos-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sos-page .sos-panel { padding:18px 16px; }
  .sos-page .sos-chart-wrap { height:280px; }
  .sos-page .sos-actions>* { flex:1 1 160px; }
  .sos-page .sos-badge { position:static; display:inline-block; margin-bottom:8px; }
}