:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#08234b;background:#eefaff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;line-height:1.85}header{max-width:980px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}header a{color:#08234b;font-size:20px;font-weight:800;letter-spacing:.07em;text-decoration:none;line-height:1.3}header a span{display:block;font-size:10px;font-weight:500;letter-spacing:.1em;margin-top:5px}.tag{font-size:11px;color:#48637a}main{max-width:640px;margin:18px auto;padding:0 20px 35px}section{background:white;border:1px solid #c5eaf3;border-radius:24px;padding:32px;box-shadow:0 12px 40px #08234b07}h1{font-size:32px;line-height:1.4;letter-spacing:.025em;margin:10px 0 24px}h2{font-size:22px;line-height:1.7;margin:20px 0 28px;font-weight:650}.eyebrow{font-size:12px;letter-spacing:.06em;color:#007e98;font-weight:600}p{margin:14px 0}.intro{font-size:16px;color:#3d5873}.meta{display:flex;gap:12px;margin:24px 0;color:#007e98;font-size:13px}.meta span{background:#e4f8fd;padding:6px 14px;border-radius:30px}.privacy{font-size:11px;line-height:1.8;color:#576d83;margin:18px 0 0}button,.cta{font:inherit;border-radius:12px;min-height:54px;padding:12px 20px;cursor:pointer;border:1px solid #9edce9;background:white;color:#08234b;display:block;width:100%;text-align:center;text-decoration:none;margin-top:12px;touch-action:manipulation;font-weight:600}button:hover,.cta:hover{background:#e4f8fd}.primary,.cta{background:#ffd43b;color:#08234b;border-color:#ffd43b}.primary:hover,.cta:hover{background:#f5c61f}button:disabled{opacity:.5;cursor:wait}.back{font-size:13px;border:0;min-height:42px;color:#48637a;font-weight:400}progress{width:100%;height:7px;border:0;border-radius:20px;background:#dceff6}progress::-webkit-progress-bar{background:#dceff6;border-radius:20px}progress::-webkit-progress-value{background:#00a4bc;border-radius:20px}.count{font-size:12px;color:#48637a}.answer{font-size:18px;padding:18px}.result-image{display:block;width:100%;border-radius:12px;margin:20px 0}.advice{white-space:pre-wrap;font-size:15px;overflow-wrap:anywhere}.consultation{border-top:1px solid #c5eaf3;margin-top:28px;padding-top:14px}.consultation p{font-size:14px}footer{font-size:11px;text-align:center;color:#576d83;margin:28px 12px}#message{font-size:13px;color:#91551b;text-align:center}#preview{background:#fff5cf;border-radius:8px;font-size:12px;padding:8px 12px;margin-bottom:14px}.saved{font-size:12px;color:#48637a}#recovery button{font-size:14px}button:focus-visible,a:focus-visible{outline:3px solid #0088b2;outline-offset:3px}@media(max-width:450px){header{padding:18px 20px}main{margin:8px auto;padding:0 14px}section{padding:25px 22px;border-radius:20px}h1{font-size:28px}h2{font-size:20px}}

/* Match the approved navy, cyan and yellow diagnosis score cards. */
body{min-height:100vh;background:radial-gradient(ellipse at top left,#c7f2fc 0,transparent 46%),radial-gradient(ellipse at bottom right,#d4f6ff 0,transparent 45%),#f7fcff}section{border-top:5px solid #00a4bc}h1::after{content:"";display:block;width:72px;height:5px;margin-top:14px;border-radius:8px;background:#ffd43b}.answer{border-color:#82d7e7}.answer:hover{background:#e4f8fd;border-color:#00a4bc}.primary,.cta{box-shadow:0 3px 0 #08234b12}progress::-moz-progress-bar{background:#00a4bc;border-radius:20px}