:lang(he) body,:lang(he) button,:lang(he) input,:lang(he) select,:lang(he) textarea{font-family:"IBM Plex Sans Hebrew",Arial,sans-serif;line-height:1.7;letter-spacing:.06em}
:lang(he) :is(h1,h2,h3,.serif,.fd .sec h3,td.aday){text-transform:none;letter-spacing:.06em}
.scal,.scal .tl,svg.chart,.sparkline{direction:ltr}
[dir=rtl] .num,[dir=rtl] td.num,[dir=rtl] th.num{text-align:end}
header .langswitch{display:inline-flex;align-items:center;gap:4px;margin-inline-start:12px}
header .langswitch button{background:transparent;color:inherit;border:0;padding:4px 2px;min-height:44px;font:inherit;font-weight:600;cursor:pointer}
header .langswitch .cur{font-weight:700;letter-spacing:.02em}
:root { color-scheme: light; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; background: var(--ivory); color: var(--ink);
  font-family: var(--font); font-size: var(--body-size); font-weight: 400; line-height: var(--body-lh);
  display: flex; flex-direction: column; align-items: center; padding: 20px;
}
.lang { align-self: flex-end; margin: 0 0 12px; font-size: var(--small-size); }
.lang a { color: var(--sage-deep); }
.card {
  width: 100%; max-width: 420px; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--radius-card); padding: 28px 20px; box-shadow: none;
}
.wm{display:flex;flex-direction:column;align-items:center;color:var(--ink);text-decoration:none;line-height:1;margin-bottom:8px}
.wm .a{font-weight:400;font-size:10px;letter-spacing:.5em;color:var(--muted);padding-inline-start:.5em}
.wm .b{font-weight:200;font-size:32px;letter-spacing:.32em;padding-inline-start:.32em;margin-block:4px}
.wm i{display:block;width:100%;border-block-start:1px solid var(--champagne);margin-bottom:5px}
.wm .c{font-weight:500;font-size:11px;letter-spacing:.6em;color:var(--sage-deep);padding-inline-start:.6em}
.rule { height: 1px; background: var(--champagne); margin: 14px 0; border: 0; }
[dir=rtl] .card,[dir=rtl] h1,[dir=rtl] label,[dir=rtl] input,[dir=rtl] .err{text-align:start}
h1 { font-family: var(--font); font-size: var(--h2-size); font-weight: 300; line-height: var(--h2-lh); letter-spacing: .02em; margin: 0 0 12px; text-transform: none; }
.help, .note { color: var(--muted); margin: 0 0 12px; font-size: var(--caption-size); }
form { display: flex; flex-direction: column; gap: var(--s-12); }
label { display: flex; flex-direction: column; gap: var(--s-8); font-size: var(--small-size); font-weight: 500; color: var(--ink-soft); }
input {
  font: inherit; font-weight: 400; font-size: var(--body-size); min-height: var(--s-48); padding: var(--s-12) var(--s-16);
  border: 1px solid var(--muted); border-radius: var(--radius-control); background: var(--surface); width: 100%;
}
input:focus { outline: var(--focus); outline-offset: 2px; }
.btn, button.btn, form button {
  font: 500 var(--small-size) var(--font); min-height: var(--s-48); border: 1px solid var(--sage-deep); border-radius: var(--radius-control); cursor: pointer;
  background: var(--sage-deep); color: var(--ivory); padding: var(--s-12) var(--s-16);
}
.btn { width: 100%; }
summary { min-height: 44px; display: flex; align-items: center; color: var(--sage-deep); cursor: pointer; }
.pw { margin-top: var(--s-8); }
.err { background: var(--terracotta-bg); color: var(--terracotta); padding: var(--s-12); border-radius: var(--radius-control); }
.wait { color: var(--muted); }
.alt { margin: var(--s-16) 0 0; }
.alt a, .foot a { color: var(--sage-deep); }
.foot { max-width: 420px; color: var(--muted); font-size: var(--caption-size); font-weight: 400; text-align: center; margin-top: 18px; }
[hidden] { display: none !important; }
:focus-visible { outline: var(--focus); outline-offset: 2px; }
.btn.light, button.light { background: transparent; color: var(--ink); border-color: var(--ink-soft); }
h2 {
  font-family: var(--font); font-weight: 300; font-size: var(--h2-size); line-height: var(--h2-lh);
  margin: var(--s-32) 0 var(--s-12);
}
code { font-family: var(--font); }
a.btn.oidc {
  display: flex; align-items: center; justify-content: center; gap: var(--s-12);
  text-decoration: none; margin-bottom: var(--s-16);
}
a.btn.oidc .mark { font-weight: 500; font-size: var(--body-size); line-height: 1; }