*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1d2330;background:#f4f5f7}
.banner{background:#1d2330;color:#fff;padding:.6rem 1rem;font-size:.9rem;text-align:center}
main{max-width:760px;margin:0 auto;padding:1rem}h1{font-size:1.6rem;line-height:1.25}.lead{font-size:1.05rem}
.card{background:#fff;border:1px solid #dde1e6;border-radius:10px;padding:1rem 1.2rem;margin:1rem 0}h2{margin-top:0;font-size:1.2rem}
label{display:block;font-weight:600;font-size:.92rem;margin:.6rem 0}input,select,textarea{display:block;width:100%;margin-top:.25rem;padding:.55rem;font:inherit;font-weight:400;border:1px solid #b8bfc8;border-radius:6px;background:#fff}
textarea{font-size:.9rem;font-family:ui-monospace,Menlo,Consolas,monospace}
.row{display:flex;gap:.8rem;flex-wrap:wrap}.row>label{flex:1 1 200px}.row>.zip{flex:0 1 120px}
button,.btn{display:inline-block;padding:.6rem 1rem;border:1px solid #1f4e8c;border-radius:6px;background:#fff;color:#1f4e8c;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
form>button,.primary{background:#1f4e8c;color:#fff}.buttons{display:flex;gap:.6rem;flex-wrap:wrap}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}
.small{font-size:.85rem;color:#555}.status{font-size:.9rem;min-height:1.2em}.status.err{color:#a40000}
.legs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.leg{border:1px solid #dde1e6;border-radius:8px;padding:.6rem;font-size:.92rem}
@media(max-width:560px){.legs{grid-template-columns:1fr}h1{font-size:1.35rem}}footer{font-size:.85rem;color:#555;padding-bottom:2rem}
h3{font-size:1.05rem;margin:1rem 0 .3rem}.cf-turnstile{margin:.6rem 0}.alt{margin-top:1.2rem;border-top:1px solid #dde1e6;padding-top:.8rem}.alt summary{cursor:pointer;font-weight:600;color:#1f4e8c}.status.ok{color:#11632b}
.brand{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#1f4e8c;margin:.5rem 0 0}

.kpis{display:flex;gap:.8rem}.kpis>div{flex:1;border:1px solid #dde1e6;border-radius:8px;padding:.6rem;text-align:center}.kpis b{display:block;font-size:1.6rem;color:#1f4e8c}.kpis span{font-size:.85rem;color:#555}
.chart{display:flex;align-items:flex-end;gap:2px;height:70px;margin-top:.8rem;border-bottom:1px solid #b8bfc8}.chart i{flex:1;background:#1f4e8c;min-height:1px;border-radius:2px 2px 0 0}.chartcap{margin:.2rem 0 0}
.toplist{margin:.2rem 0;padding-left:1.2rem;font-size:.9rem}.toplist .small{list-style:none;margin-left:-1.2rem}
#numbers{padding:.7rem 1rem}#numbers h2{margin-bottom:.4rem}#numbers h3{margin:.5rem 0 .1rem;font-size:.95rem}.kpis b{font-size:1.3rem}#numbers .chart{height:48px}#numbers p{margin:.3rem 0}

/* polish */
body{background:#f3f4f6;color:#1a2030;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.banner{background:#111827;font-size:.8rem;color:#cbd2dc}
.hero{background:linear-gradient(160deg,#16325c,#1f4e8c);color:#fff;padding:2rem 1rem 2.4rem;border-bottom:4px solid #c8a24a}
.hero .wrap{max-width:760px;margin:0 auto}.hero .brand{color:#e6c977;font-size:.85rem;margin:0}
.hero h1{font-size:2rem;margin:.4rem 0 .6rem;letter-spacing:-.01em}.hero .tag{font-size:1.08rem;color:#dbe4f2;margin:0 0 1.1rem;max-width:620px}
.cta{display:inline-block;background:#c8a24a;color:#16233b;font-weight:700;padding:.6rem 1.1rem;border-radius:6px;text-decoration:none}.cta:hover{background:#d9b65e}
main{padding-top:0}.card{border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.05);padding:1.1rem 1.3rem}
.dash{margin-top:-1.2rem;position:relative;padding:1.1rem 1.3rem}
.dhead{display:flex;justify-content:space-between;align-items:baseline}.dhead h2{margin:0;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:#4b5563}.dhead a{font-size:.85rem;color:#1f4e8c;font-weight:600;text-decoration:none}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0}.kpis>.kpi{text-align:left;border:1px solid #e5e7eb;background:#f9fafb;border-radius:10px;padding:.7rem .9rem;position:relative}
.kpis b{font-size:2.1rem;line-height:1.1;color:#16325c;font-variant-numeric:tabular-nums}.kpis .kpi>span:last-child{font-size:.85rem;color:#4b5563}
.ico{position:absolute;right:.8rem;top:.6rem;color:#c8a24a;font-size:1.2rem}
.empty{margin:.2rem 0 .6rem;padding:.5rem .7rem;background:#fdf8ec;border:1px solid #efe0b5;border-radius:8px;font-size:.9rem;color:#6b5418}
.chartbox{margin:.4rem 0 .6rem}.chartlbl{font-size:.8rem;color:#4b5563;font-weight:600;margin-bottom:.3rem}
.chart,#numbers .chart{display:flex;align-items:flex-end;gap:3px;height:72px;margin:0;border-bottom:1px solid #d1d5db}
.bar{flex:1;height:100%;display:flex;align-items:flex-end;position:relative;outline:none}.bar i{display:block;width:100%;background:#9fb4d3;border-radius:3px 3px 0 0}
.bar.today i{background:#c8a24a}.bar:hover i,.bar:focus i{background:#16325c}
.bar em{display:none;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#111827;color:#fff;font-style:normal;font-size:.75rem;padding:.2rem .45rem;border-radius:4px;white-space:nowrap;z-index:2}
.bar:hover em,.bar:focus em{display:block}.bar:first-child em{left:0;transform:none}.bar:last-child em{left:auto;right:0;transform:none}
.axis{display:flex;justify-content:space-between;font-size:.72rem;color:#6b7280;margin-top:.2rem}
#numbers h3{font-size:.85rem;margin:.4rem 0 .3rem;color:#374151;text-transform:uppercase;letter-spacing:.04em}
.rank{list-style:none;margin:0;padding:0}.rank li{display:flex;align-items:center;gap:.55rem;padding:.35rem 0;border-top:1px solid #f0f1f3;font-size:.9rem}
.rk{width:1.4rem;height:1.4rem;border-radius:50%;background:#eef2f8;color:#16325c;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.nm{flex:1;min-width:0}.nm b{font-weight:700;margin-right:.35rem}.nm small{color:#4b5563}.pb{display:block;height:4px;background:#eef0f3;border-radius:2px;margin-top:.25rem}.pb span{display:block;height:100%;background:#1f4e8c;border-radius:2px}
.ct{font-weight:700;color:#16325c;font-variant-numeric:tabular-nums}.rank .none{color:#6b7280;font-size:.88rem}
h2{color:#16233b}form>button,.primary{background:#16325c;border-color:#16325c}button:hover,.btn:hover{filter:brightness(1.08)}
input:focus,select:focus,textarea:focus{outline:2px solid #c8a24a;outline-offset:1px;border-color:#1f4e8c}
@media(max-width:560px){.hero{padding:1.4rem 1rem 2rem}.hero h1{font-size:1.45rem}.hero .tag{font-size:.98rem}.kpis b{font-size:1.7rem}.dash{padding:.9rem 1rem}}
.next{margin-top:.8rem;padding:.7rem .9rem;background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid #c8a24a;border-radius:8px;font-size:.9rem}.next h3{margin:0 0 .3rem;font-size:.95rem}.next ol{margin:0;padding-left:1.2rem}.next li{margin:.15rem 0}
.status.notice{display:block;padding:.7rem .9rem;background:#eef7f0;border:1px solid #bfe0c8;border-radius:8px}.spamtip{display:block;margin-top:.45rem;padding:.4rem .6rem;background:#fdf8ec;border:1px solid #efe0b5;border-radius:6px;color:#6b5418;font-weight:600}

/* desktop layout */
.hero .wrap{max-width:1120px}.dash{margin-top:0}
.layout{max-width:1120px;padding:1.2rem 1rem}
.layout .side .card{margin-top:0}
@media(min-width:1000px){.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1.6rem;align-items:start}
 .side{order:2;position:sticky;top:1rem}.primarycol{order:1;min-width:0}.primarycol>.lead{margin-top:0}
 .side .legs{grid-template-columns:1fr}.hero h1{font-size:2.2rem;max-width:760px}}
.primarycol>p{max-width:72ch}