:root{--blue:#145da0;--dark:#123;--soft:#f4f7fb;--line:#d9e2ef;--accent:#d21f3c}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.58;color:#1f2933;background:#f5f7fa}header{background:linear-gradient(135deg,#123 0%,#145da0 65%,#d21f3c 100%);color:#fff;padding:34px 18px}.header-inner,main,.nav-inner,footer{max-width:1180px;margin:0 auto}.brand{font-size:2.2rem;font-weight:800;letter-spacing:-1px}.tagline{margin-top:6px;opacity:.95}nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.nav-inner{display:flex;gap:4px;flex-wrap:wrap;padding:8px 10px}nav a{color:var(--dark);text-decoration:none;padding:9px 11px;border-radius:6px;font-weight:700;font-size:.95rem}nav a:hover,nav a.active{background:var(--soft);color:var(--blue)}main{padding:24px 16px 40px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;margin:18px 0;box-shadow:0 2px 9px rgba(10,30,60,.05)}.hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px}h1,h2,h3{color:#14213d;line-height:1.2}h1{font-size:2rem;margin-top:0}h2{margin-top:.4rem}.notice{border-left:5px solid var(--accent);background:#fff6f7;padding:14px 16px;border-radius:8px}.good{border-left-color:#18864b;background:#f1fff7}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tile{background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:16px}.tile a{color:var(--blue);font-weight:700}table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}th,td{border:1px solid var(--line);padding:9px;vertical-align:top}th{background:#eaf1fb;text-align:left}tr:nth-child(even) td{background:#fbfcfe}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:end}label{display:block;font-weight:700;margin-bottom:4px}input,select,button{padding:10px;border:1px solid #b8c5d6;border-radius:7px;font-size:1rem}button{background:var(--blue);color:#fff;border:0;cursor:pointer;font-weight:700}button:hover{filter:brightness(.95)}.result{border:1px solid var(--line);border-radius:10px;padding:14px;margin:12px 0;background:#fff}.badge{display:inline-block;background:#eaf1fb;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:.85rem;margin:2px 4px 2px 0}footer{border-top:1px solid var(--line);padding:24px 16px 40px;color:#5a6778;font-size:.92rem}.small{font-size:.9rem;color:#5a6778}@media(max-width:820px){.hero-grid,.grid{grid-template-columns:1fr}nav{position:static}}