:root { --bg: #f2f3f4; --ink: #111417; --ink-2: #3f464e; --line: #d8dcdf; --accent: #4d6086; color-scheme: light; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --bg: #0b0d0f; --ink: #e6e9ec; --ink-2: #b4bcc4; --line: #262d33; --accent: #9fb0d2; color-scheme: dark; } }
:root[data-theme="dark"] { --bg: #0b0d0f; --ink: #e6e9ec; --ink-2: #b4bcc4; --line: #262d33; --accent: #9fb0d2; color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 300 17px/1.8 "Noto Sans Hebrew", "Noto Sans", system-ui, sans-serif; }
.skip { position: fixed; top: 10px; inset-inline-start: 10px; padding: 12px 18px; border-radius: 10px; background: var(--ink); color: var(--bg); transform: translateY(-160%); text-decoration: none; }
.skip:focus { transform: none; }
main { max-width: 760px; margin-inline: auto; padding: 56px 16px 96px; }
a { color: var(--accent); text-underline-offset: 3px; }
h1 { font-weight: 300; font-size: clamp(34px, 5vw, 52px); line-height: 1.15; margin: 0 0 8px; }
h2 { font-weight: 500; font-size: 21px; margin: 40px 0 8px; }
p, li { color: var(--ink-2); }
.meta { color: var(--ink-2); font-size: 15px; margin-bottom: 32px; }
.card { border: 1px solid var(--line); border-radius: 14px; padding: 20px 22px; }
.card a { direction: ltr; unicode-bidi: isolate; }
hr { border: 0; border-top: 1px solid var(--line); margin: 56px 0; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.legal-nav { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-top: 64px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 15px; }
.legal-nav a[aria-current="page"] { color: var(--ink); text-decoration: none; font-weight: 500; }
@media (pointer: coarse) { .legal-nav a { display: inline-block; padding-block: 10px; } }