/* Scoped to the Type F/L education tools. No shared navigation or Type D styles. */
.education-page { --edu-accent:#5263c2; --edu-ink:#263445; --edu-muted:#596574; margin:0; color:var(--edu-ink); background:#f6f7fa; font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; font-size:16px; line-height:1.65; }
.education-page *, .education-page *::before, .education-page *::after { box-sizing:border-box; }
.education-page [hidden] { display:none!important; }
.education-page a { color:#334ba0; text-underline-offset:3px; }
.education-page .education-shell { max-width:1120px; margin:0 auto; padding:24px; }
.education-page .education-header { padding:24px 0; text-align:center; }
.education-page h1 { font-size:clamp(1.65rem,4vw,2.4rem); margin:12px 0; line-height:1.35; }
.education-page h2 { font-size:1.4rem; line-height:1.45; margin:0 0 16px; }
.education-page h3 { font-size:1.08rem; margin:0 0 12px; }
.education-page p { margin:8px 0 16px; }
.education-page .education-eyebrow { font-size:14px; font-weight:700; letter-spacing:.04em; color:#4a5c9a; }
.education-page .education-card { background:#fff; padding:28px; border:1px solid #dce1ea; border-radius:16px; margin-bottom:22px; }
.education-page .education-note { background:#f0f3fc; border-left:4px solid var(--edu-accent); padding:18px 20px; border-radius:8px; margin:16px 0; }
.education-page .education-note p:last-child { margin-bottom:0; }
.education-page .education-muted { color:var(--edu-muted); font-size:14px; }
.education-page .education-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:20px 0; }
.education-page .education-field { min-width:0; }
.education-page .education-field>label { display:block; font-weight:700; margin-bottom:7px; }
.education-page input:not([type='radio']):not([type='checkbox']), .education-page select { width:100%; min-width:0; min-height:48px; border:1px solid #aeb8c8; border-radius:8px; padding:11px 12px; color:var(--edu-ink); background:#fff; font:inherit; font-size:16px; }
.education-page button { font:inherit; cursor:pointer; }
.education-page .education-button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:12px 22px; border:1px solid var(--edu-accent); border-radius:9px; color:#fff; background:var(--edu-accent); font-weight:700; text-decoration:none; }
.education-page .education-button.secondary { color:#384d93; background:#fff; }
.education-page button:disabled { opacity:.5; cursor:not-allowed; }
.education-page :focus-visible { outline:3px solid #997313; outline-offset:3px; }
.education-page .education-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:20px; }
.education-page .education-error { color:#a52c25; font-weight:700; }
.education-page details { border:1px solid #dce1ea; border-radius:10px; padding:0 18px; background:#fff; margin:18px 0; }
.education-page summary { min-height:48px; padding:12px 0; cursor:pointer; font-weight:700; }
.education-page details>div { padding-bottom:18px; }
.education-page .scenario-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.education-page .scenario-card { min-width:0; padding:22px; border:1px solid #cbd4e4; border-top:4px solid var(--edu-accent); border-radius:12px; background:#fff; }
.education-page .scenario-card:nth-child(2) { border-top-color:#687b8e; }
.education-page .scenario-card:nth-child(3) { border-top-color:#89749a; }
.education-page .scenario-value { display:block; font-size:1.65rem; font-weight:800; line-height:1.5; margin:12px 0; overflow-wrap:anywhere; }
.education-page .scenario-card dl { margin:12px 0; }
.education-page .scenario-card dt { font-size:14px; color:var(--edu-muted); margin-top:12px; }
.education-page .scenario-card dd { margin:3px 0; overflow-wrap:anywhere; }
.education-page .scenario-card ul { padding-left:20px; font-size:14px; }
.education-page .scenario-card li { margin-bottom:8px; }
.education-page .education-table-wrap { overflow-x:auto; margin:16px 0; }
.education-page table { width:100%; border-collapse:collapse; font-size:14px; }
.education-page caption { text-align:left; font-weight:700; margin-bottom:10px; }
.education-page th,.education-page td { text-align:right; padding:12px 8px; border-bottom:1px solid #dde3ed; overflow-wrap:anywhere; }
.education-page th:first-child,.education-page td:first-child { text-align:left; }
.education-page thead { background:#f0f3f8; }
.education-page .education-footer { padding:20px 0 36px; font-size:14px; color:var(--edu-muted); }
.education-page.insurance-page { background:linear-gradient(135deg,#667eea,#764ba2); }
.insurance-page .education-shell { max-width:850px; }
.insurance-page .education-header,.insurance-page .education-header a,.insurance-page .education-eyebrow { color:#fff; }
.insurance-page .education-footer,.insurance-page .education-footer a { color:#fff; }
.insurance-page .education-progress { width:100%; height:12px; accent-color:#5263c2; display:block; margin:8px 0; }
.insurance-page .question-phase { font-size:14px; color:#4b5894; margin-bottom:12px; }
.insurance-page fieldset { border:0; padding:0; margin:0; min-width:0; }
.insurance-page legend { font-size:1.3rem; font-weight:700; margin-bottom:20px; padding:0; }
.insurance-page .education-options { display:grid; gap:12px; }
.insurance-page .education-option { display:flex; gap:12px; align-items:center; border:1px solid #c8cfdf; border-radius:10px; padding:16px; min-height:56px; cursor:pointer; }
.insurance-page .education-option.is-selected { background:#eef1ff; border:2px solid #5263c2; padding:15px; }
.insurance-page input[type='radio'],.insurance-page input[type='checkbox'] { accent-color:#5263c2; width:20px; height:20px; flex-shrink:0; }
.insurance-page .checklist { list-style:none; padding:0; margin:0; }
.insurance-page .checklist li { padding:18px 0; border-bottom:1px solid #dde3ed; }
.insurance-page .checklist li:last-child { border-bottom:0; }
.insurance-page .checklist label { display:flex; gap:12px; align-items:flex-start; cursor:pointer; }
.insurance-page .checklist input { margin-top:5px; }
.insurance-page .checklist strong { display:block; margin-bottom:6px; }
.insurance-page .checklist .education-muted { display:block; }
.insurance-page .answer-summary { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px 16px; }
.insurance-page .answer-summary dt { color:var(--edu-muted); }
.insurance-page .answer-summary dd { margin:0; font-weight:600; overflow-wrap:anywhere; }
@media(max-width:768px) {
 .education-page .education-shell { padding:16px; }
 .education-page .education-header { padding:14px 0; }
 .education-page .education-card { padding:20px 16px; }
 .education-page .education-fields,.education-page .scenario-grid { grid-template-columns:1fr; }
 .education-page .education-note { padding:16px; }
 .education-page .scenario-card { padding:18px; }
 .education-page .education-actions>* { flex:1 1 160px; }
 .education-page th,.education-page td { padding:10px 5px; }
}
@media(prefers-reduced-motion:reduce) { .education-page { scroll-behavior:auto; } }
@media print { .education-page,.education-page.insurance-page { background:#fff; color:#222; } .education-page .education-header,.education-page .education-header a,.education-page .education-eyebrow,.education-page .education-footer { color:#222; } .education-page .education-actions,.education-page .no-print { display:none!important; } .education-page .education-card,.education-page .scenario-card { break-inside:avoid; box-shadow:none; } }
