@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-tight-ro-wght-normal.woff2') format('woff2');
  unicode-range: U+0102-0103,U+015E-015F,U+0162-0163,U+0218-021B;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-tight-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-0101,U+0104-015D,U+0160-0161,U+0164-0217,U+021C-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/inter-tight-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root { color-scheme: light; --page: #f6f7fb; --card: #fff; --text: #202333; --secondary: #4f566b; --accent: #304bff; --soft: #edf0ff; --line: #dde1ec; }
html[data-theme="dark"] { color-scheme: dark; --page: #111420; --card: #1c2030; --text: #f3f4fa; --secondary: #c4cadc; --accent: #aebaff; --soft: #252e59; --line: #394159; }
* { box-sizing: border-box; margin: 0; padding: 0; }
/* Arial/Liberation Sans metrics adjusted to the self-hosted Inter Tight 400.
   Keep swap and Romanian glyphs; fallback line breaks stay close to the final font. */
@font-face {
  font-family: 'Inter Tight Fallback';
  src: local('Arial'), local('Liberation Sans');
  size-adjust: 96.01%;
  ascent-override: 100.90%;
  descent-override: 25.12%;
  line-gap-override: 0%;
}
body { font-family: 'Inter Tight', 'Inter Tight Fallback', sans-serif; background: var(--page); color: var(--text); line-height: 1.65; }
.wrap { max-width: 800px; margin: 0 auto; padding: 48px 22px 80px; overflow-wrap: anywhere; }
header { border-bottom: 3px solid #304bff; padding-bottom: 18px; margin-bottom: 28px; }
h1 { font-size: 1.8rem; letter-spacing: -.6px; line-height: 1.15; margin-bottom: 12px; }
h2 { font-size: 1.2rem; color: var(--text); margin: 30px 0 12px; }
.updated { font-size: 13px; color: var(--secondary); }
p, li { font-size: 16px; color: var(--secondary); margin-bottom: 10px; }
ul, ol { margin: 0 0 10px 22px; }
a { color: var(--accent); text-underline-offset: 3px; }
a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
table { width: 100%; table-layout: fixed; border-collapse: collapse; margin: 10px 0; font-size: 14px; }
th, td { text-align: left; padding: 8px; border: 1px solid var(--line); vertical-align: top; overflow-wrap: anywhere; }
th { background: var(--soft); color: var(--text); }
.note { background: var(--soft); border: 1px solid var(--line); border-radius: 18px; padding: 18px; font-size: 15px; color: var(--secondary); margin: 18px 0; }
.back { display: inline-flex; align-items: center; min-height: 44px; margin-top: 36px; font-weight: 600; }
strong { color: var(--text); }