:root{--green:#334D47;--gold:#C39A56;--ivory:#F6F4EF;--paper:#FFFEFC;--ink:#202826;--muted:#5E6661;--line:#E2D8C8;--light:#E8EFEB}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 'Malgun Gothic','Apple SD Gothic Neo',system-ui,sans-serif}header{background:var(--green);color:white}.shell{max-width:1120px;margin:auto;padding:0 28px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px}.brand{color:white;text-decoration:none;font-size:1.65rem;font-weight:850;letter-spacing:.12em}.brand span{font-weight:400;font-size:.88rem;letter-spacing:0;margin-left:20px;color:#ede5d6}.edition{font-size:.85rem;color:#e7d7ba}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.3;letter-spacing:-.04em;color:var(--green);margin:8px 0 16px}h2{font-size:1.38rem;line-height:1.45;color:var(--green);margin:0 0 12px}h3{font-size:1.08rem;line-height:1.5;color:var(--green);margin:0 0 10px}p{margin:10px 0}.pageintro{padding:32px 0 12px;max-width:720px}.overline{color:var(--green);font-size:.86rem;font-weight:700;letter-spacing:.08em}.notice{border-left:4px solid var(--gold);padding:10px 18px;background:#eee9dd;font-size:.9rem}.wizardtop{margin:26px 0 14px}.wizardtop>div:first-child{display:flex;justify-content:space-between}.track,.meter{height:9px;background:#dedfd7;border-radius:10px;overflow:hidden;margin:8px 0}.track b,.meter b{display:block;height:100%;background:var(--green);transition:width .25s}.card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:25px;margin:18px 0;min-width:0}.formgrid,.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid>.card{margin:0}.grid{margin:18px 0}.formgrid{margin:18px 0}label{display:block;font-weight:600}input,select,textarea,button{font:inherit}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #bfc7be;border-radius:8px;background:white;color:var(--ink);margin-top:6px}textarea{resize:vertical}button{background:var(--green);border:1px solid var(--green);color:white;border-radius:9px;padding:11px 20px;font-weight:700;cursor:pointer}button.secondary{background:transparent;color:var(--green)}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.small{font-size:.875rem;color:var(--muted);font-weight:400}.footer{margin:22px 0 55px}.q{border-top:1px solid var(--line);padding:19px 0;display:grid;grid-template-columns:1fr 270px;gap:18px;align-items:center}.q legend{font-weight:500}.q fieldset{border:0;padding:0;margin:0;display:contents}.qnum{color:var(--muted);margin-right:9px;font-size:.82rem}.choices{display:flex;gap:6px}.choices label{position:relative;flex:1}.choices input{position:absolute;opacity:0;inset:0;cursor:pointer}.choices span{border:1px solid #b5c1b6;border-radius:8px;min-height:45px;display:grid;place-items:center;font-weight:650;color:var(--green)}.choices input:checked+span{background:var(--green);color:white;border-color:var(--green)}.choices input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.questionGroup{margin:20px 0 0}.q.missing{border:2px solid #9a5b4d;padding:12px;border-radius:8px}#error{color:#87432d;font-weight:700}.tabs{display:flex;gap:6px;flex-wrap:wrap;position:sticky;top:0;background:var(--ivory);padding:12px 0;z-index:5;border-bottom:1px solid var(--line)}.tabs button{background:transparent;color:var(--green);border-color:transparent;padding:10px 15px}.tabs button[aria-selected=true]{background:var(--green);color:white}.metric{margin:14px 0}.metricline{display:flex;justify-content:space-between;gap:15px;font-size:.93rem}.metricline strong{font-variant-numeric:tabular-nums;color:var(--green)}.metric.gold .meter b{background:var(--gold)}.tag{display:inline-block;padding:5px 10px;background:var(--light);border-radius:20px;color:var(--green);font-weight:700;font-size:.85rem;margin:2px 6px 5px 0}.lead{background:var(--green);color:white;padding:25px;border-radius:16px;margin:20px 0}.lead h2{color:white}.lead p{color:#eff0e7}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.stat{border-top:3px solid var(--gold);padding:16px;background:var(--paper)}.stat strong{font-size:1.4rem;color:var(--green);display:block}.stat span{font-size:.85rem;color:var(--muted)}.chart{width:100%;max-width:430px;display:block;margin:auto}.chart text{font-family:inherit;fill:var(--ink);font-size:13px}.route{border-top:1px solid var(--line);padding:18px 0}.route:last-child{padding-bottom:0}.route p{margin:7px 0}.kicker{font-size:.8rem;font-weight:800;color:var(--green);margin-bottom:4px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--light);color:var(--green)}a{color:var(--green);text-underline-offset:3px;overflow-wrap:anywhere}.source{font-size:.8rem;color:var(--muted);margin-top:12px}.linkgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.linkcard{border:1px solid var(--line);padding:16px;border-radius:10px;text-decoration:none;background:var(--paper)}.linkcard strong{display:block}.linkcard span{display:block;font-size:.86rem;color:var(--muted);margin-top:7px}.step{display:flex;gap:13px;padding:16px 0;border-top:1px solid var(--line)}.step>b{flex:none;width:28px;height:28px;background:var(--gold);border-radius:50%;text-align:center;color:var(--ink)}.step p{margin:4px 0}.creditbar{display:flex;height:35px;border-radius:6px;overflow:hidden;margin:14px 0;color:white;font-size:.85rem}.creditbar span:first-child{background:var(--green);flex:174;padding-left:10px}.creditbar span:last-child{background:var(--gold);flex:18;color:var(--ink);text-align:center}.checklist label{font-weight:400;padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:12px}.checklist input{width:20px;height:20px;accent-color:var(--green);flex:none;margin-top:3px}details{border-bottom:1px solid var(--line);padding:14px 0}summary{font-weight:700;cursor:pointer;color:var(--green)}.writing{white-space:pre-wrap;background:var(--ivory);padding:18px;border-radius:8px;font-size:.95rem}.reportpanel{margin-bottom:45px}.partlabel{font-size:.88rem;color:var(--muted);margin-top:25px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:700px){.shell{padding:0 16px}.brand span{display:block;margin:0;font-size:.8rem}.edition{font-size:.75rem}.card{padding:18px}.grid,.formgrid,.linkgrid{grid-template-columns:1fr}.q{grid-template-columns:1fr;gap:10px}.statrow{grid-template-columns:1fr}.stat{padding:12px}.tabs{gap:2px}.tabs button{font-size:.85rem;padding:8px 10px}.pageintro{padding-top:25px}.chart{max-width:360px}}@media print{body{background:white;font-size:10pt;line-height:1.45}header,#surveyView,.no-print,.tabs{display:none!important}.shell{max-width:none;padding:0}.reportpanel[hidden]{display:block!important}#reportView[hidden]{display:none!important}.reportpanel{break-before:page;margin-bottom:15px}.reportpanel:first-child{break-before:auto}.card{border-radius:0;padding:13px;margin:12px 0;box-shadow:none;break-inside:avoid}.grid{gap:12px}.grid>.card{break-inside:avoid}.lead{background:white;color:var(--ink);border:1px solid var(--green);padding:15px}.lead h2,.lead p{color:var(--green)}.meter b,.creditbar,.tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}.chart{max-width:320px}h1{font-size:23pt}h2{font-size:15pt}h3{font-size:12pt}.small,.source{font-size:9pt}.route,.step{break-inside:avoid}a{text-decoration:none}details{display:block}details p{display:block}.linkgrid{grid-template-columns:1fr 1fr}.notice{background:white;border:1px solid var(--gold)}.statrow{grid-template-columns:repeat(3,1fr)}textarea,input,select{border:1px solid #ddd}button{display:none!important}@page{size:A4;margin:14mm}}

.family-letter{padding:30px;line-height:1.9}.family-letter p{margin:16px 0}.family-letter.lead .overline{color:#e7d7ba}.family-signoff{padding-top:16px;border-top:1px solid #ffffff40;font-weight:650}.family-letter blockquote{margin:24px 0 4px;border-left:3px solid var(--gold);padding:16px 20px;background:var(--ivory);color:var(--green);font-weight:650}.family-closing{text-align:center;padding:38px 16px;border-top:1px solid var(--line);margin-top:28px}.family-closing h2{font-size:1.65rem;line-height:1.7}@media(max-width:700px){.family-letter{padding:22px}.family-closing h2{font-size:1.35rem}}@media print{.family-letter{padding:15px;line-height:1.6}.family-letter.lead .overline{color:var(--green)}.family-letter p{margin:10px 0}.family-closing{padding:20px 0}.family-signoff{border-top-color:var(--line)}}

/* Original logo displayed through a viewport, without changing the asset. */
.peak-logo{position:relative;display:block;overflow:hidden;width:120.4px;height:103.6px;background:#fff;flex:none}.peak-logo img{position:absolute;width:162.4px;height:auto;max-width:none;left:-21.7px;top:-88.2px}header{background:#fff;border-bottom:1px solid var(--line)}.topbar{padding-top:8px;padding-bottom:8px}.edition{color:var(--green)}body:has(#reportView:not([hidden]))>header{display:none}.report-brand{display:flex;align-items:center;gap:36px;background:#fff;padding:30px 34px;margin:28px 0 20px;border-top:4px solid var(--gold);border-bottom:1px solid var(--line)}.report-brand h1{font-size:clamp(1.55rem,3.4vw,2.4rem);margin:10px 0 14px;line-height:1.5}.brand-message{color:var(--muted);line-height:1.8}.report-student{padding:0 4px 16px}.report-student strong{font-size:1.15rem;color:var(--green)}.report-student p{font-size:.875rem;color:var(--muted)}@media(max-width:700px){.report-brand{flex-direction:column;align-items:flex-start;gap:12px;padding:22px}.report-brand .peak-logo{align-self:center}.topbar .peak-logo{transform:scale(.7);transform-origin:left center;margin-right:-31.5px;margin-top:-14px;margin-bottom:-14px}}@media print{.report-brand{margin:0 0 12px;padding:15px;gap:25px;break-inside:avoid}.report-brand h1{font-size:21pt}.report-brand .peak-logo{width:120.4px;height:103.6px}.report-student{padding-bottom:10px}.brand-message{font-size:10pt}}

.peak-logo,.peak-logo img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;touch-action:manipulation}

/* Match the learning diagnosis introduction. */
.career-intro{background:linear-gradient(145deg,#334D47,#415C55);color:#fff;border-radius:32px;padding:30px 26px;margin-top:28px;box-shadow:0 10px 28px rgba(51,77,71,.08)}
.career-intro .pageintro{padding:0;max-width:none}
.career-intro h1,.career-intro .overline{color:#fff}
.career-intro .pageintro>p:not(.overline){color:#E7EEE9}
.career-intro .notice{background:rgba(255,255,255,.09);border-left:4px solid #C39A56;color:#fff;margin-top:22px;border-radius:0 10px 10px 0}
@media(max-width:700px){.career-intro{padding:25px 20px;margin-top:22px}.career-intro .pageintro{padding:0}}

/* Same header sizing, alignment and type as learning diagnosis. */
.career-top-header{position:relative;top:auto;z-index:auto;max-width:980px;margin:0 auto;background:rgba(255,254,252,.97);backdrop-filter:blur(10px);border-bottom:1px solid #E2D8C8}
.career-topbar{padding:12px 18px;display:flex;justify-content:center;align-items:center}
.career-top-brand{display:flex;align-items:center;gap:12px;user-select:none;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;line-height:normal}
.career-top-header .peak-logo{width:50px;height:50px;border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(51,77,71,.08);margin:0;transform:none}
.career-top-header .peak-logo img{position:static;width:50px;height:50px;object-fit:contain;max-width:none;left:auto;top:auto}
.career-brandtxt b{display:block;font-size:19px;color:#334D47}
.career-brandtxt span{font-size:13px;color:#5E6661}

/* v39: match the actual final learning-page styles, including its non-sticky header. */
html,body{background:#fff}
body{font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body>main.shell{width:100%;max-width:980px;margin:0 auto;padding:24px 20px 42px;background:#FFFEFC;min-height:calc(100vh - 74px)}
.career-top-header{width:100%;backdrop-filter:none}
.career-topbar{min-height:74px}
.career-intro{margin-top:0}
@media(max-width:700px){body>main.shell{padding:24px 20px 42px}.career-intro{margin-top:0}}
@media print{body>main.shell{max-width:none;padding:0;min-height:0;background:#fff}.career-top-header{display:none!important}}