/* layout: one reading column of topic cards */
:root{
  --bg:#f5f5fa; --surface:#ffffff; --line:#dcdcea; --fg:#1b2140; --muted:#5d6380;
  --navy:#1f2a4d; --accent:#6b4fa0; --accent-soft:#ece6f6; --on-accent:#ffffff; --ask:#f1f3fb;
  --display:"Frank Ruhl Libre","David",serif; --body:"Assistant","Arial",sans-serif; --mono:"IBM Plex Mono",ui-monospace,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#11142a; --surface:#1a1e38; --line:#2e3356; --fg:#e7e8f3; --muted:#a2a6c2;
  --navy:#c9cff0; --accent:#a98ee0; --accent-soft:#2c2650; --on-accent:#11142a; --ask:#202445; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#11142a; --surface:#1a1e38; --line:#2e3356; --fg:#e7e8f3; --muted:#a2a6c2;
  --navy:#c9cff0; --accent:#a98ee0; --accent-soft:#2c2650; --on-accent:#11142a; --ask:#202445; color-scheme:dark}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.6;direction:rtl}
.wrap{max-width:860px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:28px 48px;display:grid;gap:26px}
header{display:grid;gap:12px}
.eyebrow{color:var(--muted);font-size:.9rem;letter-spacing:.02em}
h1{font-family:var(--display);color:var(--navy);font-size:2rem;line-height:1.2;margin:0;text-wrap:balance}
h2{font-family:var(--display);color:var(--navy);font-size:1.4rem;line-height:1.3;margin:0;text-wrap:balance}
h3{font-size:1rem;margin:0;color:var(--navy)}
p{margin:0;max-width:68ch}
ul{margin:0;padding-inline-start:1.2em;display:grid;gap:6px}
.muted{color:var(--muted)}
.mono{font-family:var(--mono);font-size:.84em;direction:ltr;unicode-bidi:isolate}
nav{display:flex;flex-wrap:wrap;gap:8px}
nav a{background:var(--accent-soft);color:var(--fg);border-radius:999px;padding:3px 12px;text-decoration:none;font-size:.92rem}
.topic{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:16px;scroll-margin-top:16px}
.topic>.head{display:grid;gap:4px}
.tag{color:var(--accent);font-weight:700;font-size:.85rem;letter-spacing:.04em}
.ex{display:grid;gap:10px}
.case{border-inline-start:3px solid var(--line);padding-inline-start:12px;display:grid;gap:4px;min-width:0}
.case a{color:var(--accent);overflow-wrap:anywhere}
.links{display:grid;gap:4px}
.lk{display:flex;flex-wrap:wrap;gap:0 10px;align-items:baseline}
.path{color:var(--muted);font-size:.86rem;white-space:pre-wrap;overflow-wrap:anywhere;min-width:0}
.ask{background:var(--ask);border-radius:8px;padding:12px 14px;display:grid;gap:6px}
.dl{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
button{font:inherit}
button{border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:6px;padding:5px 14px;cursor:pointer;font-weight:600}
button:disabled{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.pagelink a{color:var(--accent);font-weight:600}
del{color:var(--muted);text-decoration-thickness:1px}
.upd{color:var(--accent);font-size:.9em;font-weight:600}