:root{--accent:#1a4d8f;--ink:#14202e;--muted:#5b6b7f;--line:#dfe6ef;--bg:#f6f8fb}
*{box-sizing:border-box}
body{margin:0;font:16px/1.7 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent)}
.skip{position:absolute;left:-9999px}
header.site{position:sticky;top:0;z-index:9;display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;padding:14px 20px;background:#fff;border-bottom:1px solid var(--line)}
.brand{font-weight:800;font-size:18px;text-decoration:none;color:var(--ink)}
header nav{display:flex;flex-wrap:wrap;gap:14px}
header nav a{font-size:14px;text-decoration:none;color:var(--muted)}
header nav a.on{color:var(--accent);font-weight:700}
main{max-width:860px;margin:0 auto;padding:28px 20px 60px}
h1{font-size:30px;line-height:1.3;margin:12px 0 10px}
h2{font-size:21px;margin:26px 0 10px}
h3{font-size:17px;margin:18px 0 8px}
p.lead{color:var(--muted);font-size:17px}
.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin:16px 0}
.card h2:first-child,.card h1:first-child{margin-top:0}
label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}
input,select{width:100%;padding:11px 12px;font-size:16px;border:1px solid var(--line);border-radius:10px;background:#fff}
button{margin-top:16px;width:100%;padding:14px;font-size:17px;font-weight:700;color:#fff;background:var(--accent);border:0;border-radius:10px;cursor:pointer}
.out{display:none;margin-top:16px}
.out.on{display:block}
.big{font-size:28px;font-weight:800;color:var(--accent)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:left}
th{color:var(--muted);font-weight:600;font-size:13px}
details{border-bottom:1px solid var(--line);padding:10px 0}
summary{cursor:pointer;font-weight:600}
ul{padding-left:20px}
.note{color:var(--muted);font-size:13px}
footer.site{max-width:860px;margin:0 auto;padding:24px 20px 50px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}
footer .biz div{display:inline-block;margin-right:14px}
footer .copy{margin-top:8px}
.tag{display:inline-block;padding:3px 9px;border-radius:999px;background:#eef3fa;color:var(--accent);font-size:12px;font-weight:700}
@media(max-width:560px){h1{font-size:24px}.big{font-size:24px}}

.symptoms{display:grid;gap:8px;margin-top:8px}
.sym{margin:0;width:100%;text-align:left;padding:13px 14px;font-size:15px;font-weight:600;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;cursor:pointer}
.sym.on{border-color:var(--accent);color:var(--accent);background:#fdf3ee}
ol{padding-left:22px}
ol li{margin:6px 0}
