*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f5f7f7}header{background:#fff;border-bottom:1px solid #ddd;padding:18px max(5%,30px);display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;font-weight:700;color:#555}.brand span,.accent,h2{color:#009da6}.brand small{font-size:13px;color:#777}nav a{margin-left:18px;color:#444;text-decoration:none}main{max-width:1120px;margin:30px auto;padding:0 22px}h1{font-size:28px;color:#333}h2{font-size:20px;margin-top:28px}.card{background:#fff;border:1px solid #ddd;border-radius:8px;padding:20px;margin:14px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metric{font-size:30px;font-weight:bold;color:#009da6}.muted{color:#666;font-size:14px}label{display:block;font-weight:bold;margin:13px 0 6px}input,select,textarea{width:100%;padding:11px;border:1px solid #bbb;border-radius:5px;font:inherit}textarea{min-height:110px}.btn,button{display:inline-block;background:#009da6;color:#fff;border:0;border-radius:5px;padding:10px 16px;text-decoration:none;cursor:pointer;margin:6px 4px 6px 0}.btn.secondary{background:#555}.btn.light{background:#e7f4f5;color:#14666b}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #ddd}th{color:#555}.question{background:#fff;padding:18px;border-bottom:1px solid #ddd}.scale{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}.scale label{font-weight:normal;margin:0}.notice{padding:13px;background:#e7f4f5;border-left:4px solid #009da6;margin:15px 0}.danger{background:#fff0f0;border-left-color:#b33}.bar{height:10px;background:#e5e5e5;border-radius:8px;overflow:hidden}.bar span{display:block;height:100%;background:#009da6}footer{text-align:center;padding:30px;color:#777;font-size:13px}@media(max-width:700px){header{display:block}nav{margin-top:12px}nav a{margin:0 12px 0 0}.scale{display:block}.scale label{padding:5px 0}}