/* Archive pages (/archive, /day, /month, /source, /topic, /governorate, /item).
   Tokens, fonts and the masthead (.bar1) are copied from the inline MONO styles of index.html so the
   server-rendered pages read as the same site; the rest is the archive's own tables and lists. */
@font-face{font-family:'Thmanyah Display';font-weight:400;src:url('/fonts/thmanyahserifdisplay-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Thmanyah Display';font-weight:500;src:url('/fonts/thmanyahserifdisplay-Medium.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Thmanyah Text';font-weight:400;src:url('/fonts/thmanyahseriftext-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Thmanyah Text';font-weight:500;src:url('/fonts/thmanyahseriftext-Medium.woff2') format('woff2');font-display:swap}

:root{
  --void:#000; --void-2:#0a0a0a; --ink:#fff; --sand:#fff;
  --mute:#8f8f8f; --olive:#7fae8d; --terra:#c98763; --sandc:#cbb896; --goldc:#b8954a;
  --hair:rgba(255,255,255,.14); --hair-2:rgba(255,255,255,.06);
  --hov:rgba(255,255,255,.055);
  --display:'Thmanyah Display',Georgia,serif; --text:'Thmanyah Text',Georgia,serif;
}
[data-theme=light]{--void:#fbfbf9;--void-2:#f3f3f0;--ink:#000;--sand:#000;
  --mute:#6b6b6b;--olive:#4e7d5e;--terra:#9c5836;--sandc:#8a6f42;--goldc:#9a7b3c;
  --hair:rgba(0,0,0,.14);--hair-2:rgba(0,0,0,.06);--hov:rgba(0,0,0,.04)}

*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--void);color:var(--ink);font-family:var(--text);
  font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{position:relative;max-width:1680px;margin:0 auto;border-inline:1px solid var(--hair);min-height:100vh}
.en{direction:ltr;unicode-bidi:isolate}
a{color:inherit}

/* ── masthead, as on the home page ─────────────────────────────────── */
.bar1{display:flex;align-items:stretch;border-bottom:1px solid var(--hair)}
.bar1 .logo{display:flex;align-items:center;gap:10px;padding:15px clamp(16px,3.4vw,56px);
  border-inline-end:1px solid var(--hair);font-family:var(--display);font-size:19px}
.bar1 .logo .en{font-size:15px;color:var(--mute)}
.bar1 nav{display:flex;flex:1}
.bar1 nav a{display:flex;align-items:center;padding:0 17px;color:var(--mute);text-decoration:none;
  font-size:14.5px;border-inline-end:1px solid var(--hair-2);transition:color .18s,background .18s;white-space:nowrap}
.bar1 nav a:hover,.bar1 nav a.on{color:var(--ink);background:var(--hov)}
.bar1 .windows{display:flex;align-items:center;gap:16px;padding:0 18px;border-inline-start:1px solid var(--hair);font-size:14px;white-space:nowrap}
.bar1 .windows a{color:var(--mute);text-decoration:none}.bar1 .windows a:hover{color:var(--ink)}
.bar1 .windows b{font-weight:500;color:var(--ink);border-bottom:1px solid var(--sandc);padding-bottom:2px}
.bar1 .util{display:flex}
.bar1 .util button,.bar1 .util a{display:flex;align-items:center;background:none;border:0;
  border-inline-start:1px solid var(--hair-2);color:var(--mute);font-family:var(--text);
  font-size:13.5px;padding:0 15px;cursor:pointer;text-decoration:none}
.bar1 .util button:hover,.bar1 .util a:hover{color:var(--ink)}
@media(max-width:900px){
  .bar1{flex-wrap:wrap}
  .bar1 .windows{order:9;width:100%;justify-content:center;padding:8px 0;border-inline-end:0;border-top:1px solid var(--hair)}
  .bar1 nav a,.bar1 .util button,.bar1 .util a{min-height:44px}
  .bar1 .util a,.bar1 .util button{min-width:44px;justify-content:center;padding:0 17px}
}
@media(max-width:760px){
  .bar1{padding-top:env(safe-area-inset-top,0)}
  .bar1 .logo{flex:0 0 100%;border-inline-end:0}
  .bar1 nav{order:2;flex:0 0 100%;display:flex;overflow-x:auto;border-top:1px solid var(--hair-2);
    -webkit-overflow-scrolling:touch;scrollbar-width:none}
  .bar1 nav::-webkit-scrollbar{display:none}
  .bar1 nav a{padding:12px 14px}
  .bar1 .util{order:3;flex:0 0 100%;border-top:1px solid var(--hair-2)}
  .bar1 .util>*{flex:1}
  .bar1 .util>*:first-child{border-inline-start:0}
  .bar1 .util button,.bar1 .util a{padding:0 11px;font-size:13px}
}

/* ── archive body ──────────────────────────────────────────────────── */
.arc{padding:clamp(18px,3vw,40px) clamp(16px,3.4vw,56px) clamp(40px,5vw,72px);max-width:1100px}
.crumbs{font-size:13.5px;color:var(--mute);margin-bottom:18px}
.crumbs a{color:var(--mute);text-decoration:none}.crumbs a:hover{color:var(--ink)}
.crumbs .sep{opacity:.5;margin:0 4px}
.arc-head{border-bottom:1px solid var(--hair);padding-bottom:18px;margin-bottom:8px}
.arc h1{font-family:var(--display);font-weight:500;font-size:clamp(26px,3.2vw,38px);line-height:1.3;margin-bottom:10px}
.arc h2{font-family:var(--display);font-weight:500;font-size:clamp(19px,2vw,23px);line-height:1.4;margin:28px 0 8px}
.arc h2 a{text-decoration:none}.arc h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.arc h2 .n{font-family:var(--text);font-size:14px;color:var(--mute);font-weight:400}
.stats{font-size:14.5px;color:var(--mute)}
.stats a{color:var(--ink);text-underline-offset:3px}
.intro p{max-width:46em;margin:12px 0;color:var(--ink)}
.empty{color:var(--mute);margin:28px 0}

.pager{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px;font-size:14.5px}
.pager a{color:var(--sandc);text-underline-offset:3px}
.pager span{color:var(--mute)}

.items{list-style:none;border-top:1px solid var(--hair-2)}
.items li{padding:10px 0;border-bottom:1px solid var(--hair-2);line-height:1.7;overflow-wrap:anywhere}
.items time{font-size:13px;color:var(--mute);font-variant-numeric:tabular-nums;margin-inline-end:6px}
.items .src{font-size:13.5px;color:var(--sandc);text-decoration:none;margin-inline-end:8px}
.items a.src:hover{text-decoration:underline}
.items .hl{text-decoration:none;color:var(--ink)}
.items .hl:hover{text-decoration:underline;text-underline-offset:4px}
.ext{font-size:13px;color:var(--mute);text-decoration:none;margin-inline-start:8px;white-space:nowrap}
.ext:hover{color:var(--ink)}
.more{display:inline-block;margin-top:10px;font-size:14px;color:var(--sandc)}

.days{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.days a,.days span{display:inline-flex;align-items:center;min-height:40px;padding:4px 12px;
  border:1px solid var(--hair);font-size:14px;text-decoration:none}
.days a:hover{background:var(--hov)}
.days span{color:var(--mute)}

.arc-table{width:100%;border-collapse:collapse;font-size:15px}
.arc-table th{text-align:start;font-weight:400;font-size:13px;color:var(--mute);padding:8px 10px 8px 0;border-bottom:1px solid var(--hair)}
.arc-table td{padding:9px 10px 9px 0;border-bottom:1px solid var(--hair-2);vertical-align:top;overflow-wrap:anywhere}
.arc-table td a{text-decoration:none}.arc-table td a:hover{text-decoration:underline}
.arc-table .num{text-align:end;font-variant-numeric:tabular-nums;white-space:nowrap}
.arc-table .n{color:var(--mute);font-size:13px}
.arc-table .all{color:var(--mute);font-size:13px;margin-inline-start:4px}

.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));border-top:1px solid var(--hair);margin:16px 0}
.arc-head+.facts{border-top:0;margin-top:0}
.facts>div{padding:12px 12px 12px 0;border-bottom:1px solid var(--hair-2)}
.facts dt{font-size:13px;color:var(--mute)}
.facts dd{font-size:15.5px;overflow-wrap:anywhere}
.facts dd a{text-underline-offset:3px}

.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;margin:12px 0;
  border:1px solid var(--ink);color:var(--ink);text-decoration:none;font-size:15px}
.btn:hover{background:var(--ink);color:var(--void)}
.excerpt{margin:24px 0;padding-inline-start:16px;border-inline-start:2px solid var(--sandc)}
.excerpt blockquote{white-space:pre-line;margin:6px 0 8px;line-height:1.9}

@media(max-width:600px){
  body{font-size:16px}
  .arc-table{font-size:14px}
  .facts{grid-template-columns:1fr}
}