*{box-sizing:border-box}body{margin:0;background:#f3f6f8;color:#102b42;font:16px/1.7 Arial,sans-serif}main{max-width:1000px;margin:auto;padding:clamp(18px,4vw,42px)}header{margin:22px 0 30px}header>span{color:#075d66;font-weight:700}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2}a{color:#075d66}.notice{background:#e8f4f2;border:1px solid #9bcac4;border-radius:10px;padding:14px;color:#173b51}.panel,.sources{background:#fff;border:1px solid #dbe5ec;border-radius:16px;padding:clamp(18px,3vw,28px);margin:22px 0}.panel label{display:block;font-weight:700;margin-bottom:8px}select{min-height:48px;width:100%;padding:10px;border:1px solid #829faf;border-radius:9px;background:#fff;color:#102b42;font:inherit}#occupation-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}#occupation-result section{background:#f1f6f8;padding:16px;border-radius:12px}#occupation-result h2{font-size:1.15rem;color:#102b42}#occupation-result li{margin:8px 0;color:#40566a}a:focus-visible,select:focus-visible{outline:3px solid #087d73;outline-offset:3px}@media(max-width:720px){#occupation-result{grid-template-columns:1fr}}
#occupation-search{display:block;width:100%;min-height:48px;padding:10px;border:1px solid #829faf;border-radius:9px;background:#fff;color:#102b42;font:inherit;margin-bottom:8px}#occupation-count{color:#40566a;margin:0 0 16px}#occupation-search:focus-visible{outline:3px solid #087d73;outline-offset:3px}