:root{font-family:system-ui,sans-serif;color:#182e3d;background:#f2f5f8}body{margin:0}main{max-width:1550px;margin:auto;padding:30px}header{max-width:950px}h1{font-size:clamp(1.7rem,4vw,2.8rem);margin:.3em 0}.eyebrow{font-size:.75rem;letter-spacing:.16em;color:#506976}a{color:#075f86}p{line-height:1.55}aside{background:#fff3d7;border-left:5px solid #b47a15;padding:18px;line-height:1.6;margin:24px 0}fieldset{border:1px solid #bacbd5;border-radius:12px;padding:20px;background:#fff}.filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}label{font-size:.85rem;font-weight:600}select,input{display:block;box-sizing:border-box;width:100%;padding:9px;margin-top:6px;background:white;border:1px solid #9bafbd;border-radius:5px}button{cursor:pointer;padding:9px 14px;border:1px solid #819dad;border-radius:6px;background:#fff;color:#18394c}button:disabled{opacity:.45;cursor:default}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tablewrap{overflow:auto;background:white;border:1px solid #cbd5df;max-height:650px}table{border-collapse:collapse;width:100%;font-size:.8rem}th{position:sticky;top:0;background:#e4edf3;text-align:left}th,td{padding:10px;border-bottom:1px solid #e0e6ec;vertical-align:top}td{max-width:300px;overflow-wrap:anywhere}tr:nth-child(even){background:#f7fafb}#detailBox{margin-top:24px;padding:20px;background:white;border:2px solid #537f94;border-radius:10px}dl{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:10px}dt{font-weight:600}dd{margin:0;overflow-wrap:anywhere}footer{padding-top:30px;font-size:.9rem}@media(max-width:850px){.filters{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:16px}}@media(max-width:500px){.filters{grid-template-columns:1fr}dl{display:block}dd{margin:4px 0 15px}}