*{box-sizing:border-box}
body{margin:0;font:16px/1.45 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f24;background:#f6f7f9}
header{background:#fff;border-bottom:1px solid #e3e6ea;padding:14px 16px 0;position:sticky;top:0;z-index:2}
h1{font-size:1.25rem;margin:0 0 2px}
.top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.li{font-size:.85rem;font-weight:600;color:#0b5cad;border:1px solid #0b5cad;border-radius:999px;padding:5px 12px;text-decoration:none;white-space:nowrap}
.desc{font-size:.9rem;margin:2px 0}
.sub{color:#58616b;font-size:.9rem;margin:0 0 10px}
nav{display:flex;gap:4px;overflow-x:auto}
nav button{flex:0 0 auto;border:0;background:none;padding:10px 12px;font:inherit;font-weight:600;color:#58616b;border-bottom:3px solid transparent;cursor:pointer}
nav button[aria-selected=true]{color:#0b5cad;border-color:#0b5cad}
main{max-width:860px;margin:0 auto;padding:12px 16px 40px}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}
.tools input,.tools select{font:inherit;padding:8px 10px;border:1px solid #cfd5db;border-radius:8px;background:#fff;min-width:0}
.tools input{flex:1 1 180px}
.tools select{flex:0 1 170px}
.count{color:#58616b;font-size:.85rem;margin:0 0 8px}
.card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:12px 14px;margin:0 0 10px}
.card h2{font-size:1rem;margin:0 0 4px;overflow-wrap:anywhere}
.card a{color:#0b5cad}
.meta{color:#3d454d;font-size:.88rem;overflow-wrap:anywhere}
.lanes{margin-top:6px;display:flex;flex-wrap:wrap;gap:4px}
.lane{font-size:.75rem;background:#eef3f8;color:#24425f;border-radius:999px;padding:2px 8px}
.geo{font-size:.78rem;color:#6a737c;margin-top:4px}
.empty{background:#fff;border:1px dashed #cfd5db;border-radius:10px;padding:16px;color:#58616b}
footer{max-width:860px;margin:0 auto;padding:0 16px 32px;color:#58616b;font-size:.85rem}
footer a{color:#0b5cad}
.feeds{display:flex;flex-wrap:wrap;gap:6px 14px}
.suggest{scroll-margin-top:150px;max-width:860px;margin:0 auto;padding:0 16px 8px}
.suggest form{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:14px;display:grid;gap:10px}
.suggest label{display:grid;gap:4px;font-size:.9rem;font-weight:600}
.suggest input,.suggest select,.suggest textarea{font:inherit;font-weight:400;padding:8px 10px;border:1px solid #cfd5db;border-radius:8px;width:100%;min-width:0;background:#fff}
.suggest textarea{min-height:110px;resize:vertical}
.suggest button{justify-self:start;font:inherit;font-weight:600;color:#fff;background:#0b5cad;border:0;border-radius:8px;padding:10px 16px;cursor:pointer}
.suggest .note{font-size:.85rem;color:#58616b;margin:8px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
nav a{flex:0 0 auto;padding:10px 12px;font-weight:600;color:#58616b;border-bottom:3px solid transparent;text-decoration:none}
nav a[aria-current=page]{color:#0b5cad;border-color:#0b5cad}
.card .src{font-size:.85rem}
.item{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:16px;margin:12px 0}
.item h1{font-size:1.3rem;margin:0 0 8px;overflow-wrap:anywhere}
.item dl{display:grid;grid-template-columns:max-content 1fr;gap:4px 12px;margin:12px 0;font-size:.92rem}
.item dt{color:#58616b}.item dd{margin:0;overflow-wrap:anywhere}
.item .body{white-space:pre-line;font-size:.95rem;overflow-wrap:anywhere}
.btn{display:inline-block;font-weight:600;color:#fff;background:#0b5cad;border-radius:8px;padding:10px 16px;text-decoration:none}
.back{display:inline-block;margin:8px 0}
.about h2{font-size:1.05rem;margin:18px 0 6px}
.about p,.about li{font-size:.97rem}
.about ul{padding-left:20px}
a.home{color:inherit;text-decoration:none}
.h-sm{font-size:1rem}.h-md{font-size:1.1rem}
.thanks{max-width:560px;margin:0 auto;padding:40px 16px}