[hidden]{display:none!important}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;background:#f4f8fc;color:#243650}body{padding:clamp(16px,3vw,36px)}main{max-width:1050px;margin:auto}h1{font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.35;margin:12px 0;color:#212153}h2{font-size:1.25rem;margin:0 0 16px}p{line-height:1.7}a{color:#212153}header{margin-bottom:24px}.kicker{color:#577493;letter-spacing:.12em;font-size:.875rem}.muted{color:#596b80;font-size:.9rem}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}button,.button{font:inherit;min-height:44px;padding:10px 16px;border:1px solid #bbcbdc;border-radius:8px;background:white;color:#212153;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:hover,.button:hover{background:#e3ebf6}button[aria-selected=true],button.primary{color:white;background:#212153;border-color:#212153}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #da9b35;outline-offset:3px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card,section.panel{padding:22px;background:white;border:1px solid #d9e3ee;border-radius:12px}.card strong{display:block;font-size:1.35rem;margin-bottom:8px}.card p{margin:8px 0 16px}.card button{margin:3px 4px 3px 0}.panel[hidden]{display:none}input,textarea{font:inherit;width:100%;padding:12px;border:1px solid #aebed0;border-radius:7px;background:white;color:#243650;min-height:46px}label{display:block;margin:16px 0 8px;line-height:1.6}.question{border-bottom:1px solid #e2e9f1;padding:4px 0 20px;margin-bottom:18px}.question:last-child{border:0}.result{min-height:1.6em;line-height:1.6;color:#324b71}.result.good{color:#16633c}.result.bad{color:#a33824}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.video{width:100%;aspect-ratio:16/9;border:0;margin-top:18px;background:#e5ebf1}.video[hidden]{display:none}footer{margin:30px auto 0;max-width:1050px;text-align:center;color:#596b80;font-size:.875rem;line-height:1.8}footer p{margin:0}.home-link{font-size:.9rem}@media(max-width:600px){.grid{grid-template-columns:1fr}.card,section.panel{padding:16px}.tabs button{flex:1;padding:10px 8px}.actions button{flex:1}}