/* בהשראת אתרי מבזקים ישראליים: פס עליון כחול, כותרות כחולות מודגשות, שעה באדום, לשוניות */
:root{
  --bg:#ffffff; --row:#f3f4f6; --ink:#1b1b1b; --muted:#5f6368; --line:#d7dbe0;
  --bar:#3a8fcd; --bar-ink:#ffffff; --head:#18208a; --red:#d2131a; --date:#18208a;
  --tab-on:#18208a; --tab-on-ink:#ffffff;
  --font:"Assistant","Segoe UI",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0f141a; --row:#161d26; --ink:#e8ecf1; --muted:#9aa5b1; --line:#2a3440;
  --bar:#1f5f8f; --head:#8fb6ff; --red:#ff5a5f; --date:#8fb6ff;
  --tab-on:#8fb6ff; --tab-on-ink:#0f141a; color-scheme:dark}}

*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.45}
a{color:inherit}

.bar{background:var(--bar);color:var(--bar-ink);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.bar-in{max-width:820px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:10px max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left))}
.brand{font-weight:800;font-size:26px;text-decoration:none;color:var(--bar-ink);letter-spacing:-.01em}
.bar nav{display:flex;gap:6px}
.bar nav a{color:var(--bar-ink);text-decoration:none;font-weight:700;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.18)}
.bar nav a:hover{background:rgba(255,255,255,.3)}

.wrap{max-width:820px;margin:0 auto;padding:12px max(10px,env(safe-area-inset-right)) 40px max(10px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:12px}

.hero{display:flex;flex-direction:column;gap:4px;padding:4px 4px 0}
.hero h1{font-size:clamp(24px,6vw,32px);font-weight:800;color:var(--head);margin:0;line-height:1.2;text-wrap:balance}
.tagline{margin:0;font-weight:700;font-size:18px}
.stats{margin:0;color:var(--muted);font-size:14px}
.stats b{color:var(--ink);font-variant-numeric:tabular-nums}
.stats .time{color:var(--red)}

.controls{display:flex;flex-direction:column;gap:8px}
.tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;border-bottom:2px solid var(--ink);padding:0 2px;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{flex:0 0 auto}
.tab{font:600 17px var(--font);padding:5px 12px;border:1.5px solid var(--ink);border-bottom:none;background:var(--bg);color:var(--ink);cursor:pointer;margin-bottom:-2px}
.tab[aria-pressed="true"]{background:var(--tab-on);color:var(--tab-on-ink);border-color:var(--tab-on)}
.row{display:flex;gap:8px;flex-wrap:wrap}
#q{flex:1 1 220px;min-width:0;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
#country{flex:0 1 auto;max-width:100%;font:inherit;padding:8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.day h2{font-size:14px;font-weight:700;color:var(--muted);margin:14px 4px 4px}
.item{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
.item:nth-child(even){background:var(--row)}
.hl{text-decoration:none}
.item h3{margin:0;font-size:22px;font-weight:800;line-height:1.3;color:var(--head);overflow-wrap:anywhere}
.hl:hover h3{text-decoration:underline}
.orig{margin:0;font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.orig.big{font-size:16px}
.meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;font-size:15px;color:var(--ink)}
.meta b{font-weight:700}
.date{color:var(--date);font-weight:700;font-variant-numeric:tabular-nums}
.time{color:var(--red);font-weight:700;font-variant-numeric:tabular-nums}
.tag{font-size:13px;color:var(--muted)}
.cm{margin-inline-start:auto;font-weight:700;font-size:15px;text-decoration:none;color:var(--head);padding:2px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg)}
.cm:hover{border-color:var(--head)}
.empty{color:var(--muted);padding:16px 4px}

.art{display:flex;flex-direction:column;gap:8px;padding:8px 4px}
.art h1{margin:0;font-size:clamp(24px,6vw,32px);font-weight:800;color:var(--head);line-height:1.25}
.go{align-self:flex-start;margin-top:6px;background:var(--bar);color:#fff;text-decoration:none;font-weight:700;padding:8px 16px;border-radius:6px}
.comments{border-top:2px solid var(--ink);padding:10px 4px}
.comments h2{margin:0 0 4px;font-size:22px;font-weight:800}
.note{margin:0 0 8px;color:var(--muted);font-size:14px}
.back{font-weight:700;color:var(--head)}

.archive{list-style:none;padding:0;margin:0}
.archive li{display:flex;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.archive a{font-weight:700;color:var(--head);text-decoration:none}
.archive span{color:var(--muted);font-size:14px}
.prose{max-width:62ch;display:flex;flex-direction:column;gap:12px;padding:0 4px}
.prose p{margin:0}

footer{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding:14px 4px 0;display:flex;flex-direction:column;gap:6px}
.prose ul{margin:0;padding-inline-start:20px;display:flex;flex-direction:column;gap:4px}
.mail{font-weight:800;color:var(--head);font-size:19px;overflow-wrap:anywhere}
.bar nav{flex-wrap:wrap}