/* 닥터M 훈련소 무료진단 공통 UI — 모바일 우선 */
:root{color-scheme:light;--ink:#243a32;--deep:#173b2c;--soft:#f1f6ec;--line:#dce5d7;--accent:#376948}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f3f4e9;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height:1.65;word-break:keep-all}
[hidden]{display:none!important}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:3px solid #659a73;outline-offset:2px}
.shell{max-width:760px;min-height:100vh;margin:0 auto;padding-bottom:24px;background:#fff;box-shadow:0 0 18px #294d3210}.hero{padding:27px 20px 22px;background:linear-gradient(140deg,#173b2c,#33634a);color:#fff}.brand{font-size:15px;font-weight:900}.tagline{font-size:12px;color:#cee4d3;margin:2px 0 11px}h1{font-size:25px;letter-spacing:-.7px;line-height:1.4;margin:7px 0} .hero p{font-size:14px;margin:6px 0 0;color:#e4efe7}
.content{padding:16px}.notice{margin:0 0 15px;padding:12px 13px;background:#fff7e7;border:1px solid #e9d8b3;border-radius:11px;color:#684a22;font-size:13px;line-height:1.6}.notice strong{font-weight:900}.card{padding:16px;margin:11px 0;background:#fbfdf9;border:1px solid var(--line);border-radius:14px}
.age-card{display:flex;align-items:center;gap:13px;padding:19px 16px;margin-bottom:10px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:14px;background:#f8fbf6;min-height:84px}.age-number{font-size:18px;color:var(--accent);font-weight:900}.age-name{font-size:18px;font-weight:900}.age-desc{font-size:13px;color:#708174}.age-arrow{margin-left:auto;font-size:25px;font-weight:700;color:#678e75}
.question{padding:13px 11px;margin:0 0 9px;background:#fff;border:1px solid #e1e7df;border-radius:12px}.question-title{font-size:16px;font-weight:800;line-height:1.5;margin-bottom:10px;color:#26374a}.choices{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.choice{position:relative;min-width:0;cursor:pointer}.choice input{position:absolute;width:1px;height:1px;opacity:0}.choice-face{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:52px;padding:5px 1px;border:1.5px solid #d3dce1;border-radius:9px;text-align:center;color:#2f4553}.choice-face strong{font-size:19px;line-height:1.2}.choice-face small{font-size:10px;line-height:1.2;letter-spacing:-.5px;color:#627380}.choice input:checked+.choice-face{border-color:#276b9e;background:#e9f5fc;box-shadow:inset 0 0 0 1px #276b9e}
.primary,.secondary{display:block;width:100%;border:0;border-radius:10px;font:inherit;font-size:15px;font-weight:850;text-align:center;text-decoration:none;min-height:48px;padding:12px 14px;cursor:pointer}.primary{background:#245b40;color:#fff}.primary:disabled{opacity:.6}.secondary{background:#e9f0e6;color:#244a34;border:1px solid #d2e0d1}.nav{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.nav a{font-size:13px;display:flex;align-items:center;justify-content:center;min-height:42px;text-decoration:none;color:#285a3b;background:#eef5ea;border-radius:9px;font-weight:800}
.result-score{font-size:29px;text-align:center;font-weight:900;color:#205039;margin-top:5px}.type-name{text-align:center;font-size:21px;font-weight:900;margin:5px 0 9px}.timing{background:#e8f1e4;border:1px solid #d6e4d1;padding:9px;border-radius:9px;text-align:center;font-weight:800;font-size:14px}.result-desc{white-space:pre-line;margin:13px 0;font-size:15px;line-height:1.75;color:#405349}
.section-label{font-size:11px;letter-spacing:1px;color:#507b58;font-weight:900}.guide-heading{font-size:23px;line-height:1.4;color:var(--deep);margin:5px 0}.guide-meta{font-size:13px;color:#627767}.guide-card{border:1px solid var(--line);border-radius:12px;padding:15px 14px;background:#f8faf6;margin:12px 0}.guide-card h2{margin:0 0 7px;color:#26583b;font-size:18px;line-height:1.45}.guide-text{white-space:pre-line;line-height:1.78;font-size:16px;color:#283a33;margin:0;overflow-wrap:anywhere}.guide-section{margin:15px 0;padding:13px 14px;border:1px solid #dfe9dd;background:#f9fcf8;border-radius:12px;break-inside:auto}.guide-section:nth-child(2n){background:#fff}.guide-section p{margin:0}.guide-section h3{font-size:18px;margin:0 0 7px;color:var(--deep);line-height:1.45}.guide-summary{font-size:16px;line-height:1.7}
.pdf-tools{margin:12px 0;padding:13px;background:#ecf5ea;border:1px solid #d5e4d3;border-radius:12px;text-align:center}.pdf-tools p{font-size:13px;line-height:1.5;color:#45634b;margin:0 0 10px}.pdf-status{font-size:12px!important;margin:7px 0 0!important;color:#385e43}
.program-solutions{margin:17px 0;background:#f5f8f2;padding:15px;border-radius:13px}.program-solutions h2{font-size:19px;color:var(--deep);margin:0 0 8px}.program-solutions p{font-size:14px;margin:4px 0 12px}.program-solutions a{font-size:14px}
@media(max-width:390px){.hero{padding:24px 15px 19px}.content{padding:12px}.question{padding:11px 8px}.question-title{font-size:15px}.choices{gap:3px}.choice-face strong{font-size:18px}.choice-face small{font-size:9px}}
@page{size:A4;margin:4mm}
@media print{body{margin:0;background:#fff} .shell{max-width:none;min-height:0;box-shadow:none}.hero{padding:15px}.nav,.pdf-tools,.notice,.primary,.secondary{display:none!important}.guide-section{break-inside:auto}.guide-text{font-size:16px}.hero,.card,.guide-card,.guide-section{print-color-adjust:exact;-webkit-print-color-adjust:exact}}