*{box-sizing:border-box}body{margin:0;font:17px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222;background:#fbfaf7}
a{color:#1d5c8f}header,footer{background:#fff;border-bottom:1px solid #e6e2da}footer{border-top:1px solid #e6e2da;border-bottom:0;margin-top:48px;font-size:14px;color:#666}
.w{max-width:960px;margin:0 auto;padding:16px 20px}.logo{font-weight:800;font-size:20px;text-decoration:none;color:#222}.logo span{color:#b5651d}
nav a{margin-left:16px;font-size:15px}h1{font-size:30px;line-height:1.2;margin:24px 0 8px}h2{font-size:22px;margin:32px 0 12px}
.note{background:#fff7e6;border:1px solid #f0d9a8;border-radius:10px;padding:12px 16px;font-size:15px}
.hero{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.hero>div:last-child{flex:1;min-width:260px}.sw{width:140px;height:140px;border-radius:14px;border:1px solid #0002;flex:none}
.sm{width:56px;height:56px;border-radius:10px;border:1px solid #0002;flex:none}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e6e2da}
td,th{padding:10px 12px;border-bottom:1px solid #eee;text-align:left;vertical-align:middle;font-size:15px}th{background:#f4f1ea;font-size:13px;text-transform:uppercase;letter-spacing:.03em}
.de{font-weight:700}.pill{display:inline-block;padding:2px 10px;border-radius:99px;background:#eef4ea;font-size:13px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #e6e2da;border-radius:12px;padding:10px;text-decoration:none;color:#222;font-size:15px}
.card .sm{width:44px;height:44px}.btns{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;padding:10px 16px;border-radius:10px;background:#1d5c8f;color:#fff;text-decoration:none;font-weight:600;font-size:15px}
.btn.off{background:#ddd;color:#666;cursor:default}#q{width:100%;padding:14px 16px;font-size:18px;border:2px solid #1d5c8f;border-radius:12px}
#sug{list-style:none;padding:0;margin:4px 0;background:#fff;border:1px solid #ddd;border-radius:10px;max-height:340px;overflow:auto}#sug:empty{display:none}#sug li{display:flex;gap:10px;align-items:center;padding:8px 12px;cursor:pointer}#sug li:hover,#sug li.on{background:#f0f4f8}
#sug .sm{width:28px;height:28px;border-radius:6px}details{background:#fff;border:1px solid #e6e2da;border-radius:10px;padding:10px 14px;margin:8px 0}summary{font-weight:600;cursor:pointer}
@media(max-width:600px){h1{font-size:24px}.sw{width:96px;height:96px}td,th{padding:8px 6px;font-size:14px}.hide-m{display:none}}