/* RH Store design tokens: values copied verbatim from the rh-design skill (token block), comments dropped.
   Layout rules for the access-probe page follow. English-only comments: check_served.py fails on Cyrillic. */
:root{
  --accent:#ff4c00; --accent-strong:#eb4500;
  --accent-solid:#ff4c00; --accent-solid-strong:#eb4500;
  --accent-a04:rgb(255 76 0 / .04); --accent-a08:rgb(255 76 0 / .08);
  --accent-a12:rgb(255 76 0 / .12); --accent-a16:rgb(255 76 0 / .16);
  --accent-a24:rgb(255 76 0 / .24); --accent-a40:rgb(255 76 0 / .40);
  --on-accent:#ffffff;
  --brand-gradient:linear-gradient(135deg,#ffa100,#ff4c00);
  --gray-0:#ffffff; --gray-1:#f8f7f5; --gray-2:#f1efec; --gray-3:#e6e4e0; --gray-4:#d4d1cc;
  --gray-5:#9c988f; --gray-6:#6b6760; --gray-7:#3a3733; --gray-8:#1b1917;
  --surface-page:var(--gray-1); --surface-card:var(--gray-0);
  --surface-sunken:var(--gray-2); --surface-inverse:var(--gray-8);
  --overlay-scrim:rgb(27 25 23 / .4);
  --surface-dark:var(--gray-8); --text-on-dark:var(--gray-1);
  --text-on-dark-muted:var(--gray-4);
  --border-on-dark:var(--gray-5);
  --surface-dark-edge:transparent;
  --surface-mark:var(--gray-6); --text-on-mark:var(--gray-1);
  --logo-theme-light:inline; --logo-theme-dark:none;
  --border-soft:#eeece8; --border-default:#e2dfda; --border-strong:#cfccc5;
  --border-nodata:#87827a;
  --text-body:#1b1917;
  --text-caption:#54514b;
  --text-secondary:#6b6760;
  --text-tertiary:#9c988f;
  --text-inverse:#f4f2ef;
  --accent-text:#c53c00; --text-accent:var(--accent-text);
  --ok:#1a7f43; --ok-a10:rgb(26 127 67 / .10);
  --warn:#8f5e00; --warn-a10:rgb(143 94 0 / .12);
  --danger:#e11d1d; --danger-a10:rgb(225 29 29 / .08);
  --danger-text:#c9271f;
  --series-1:#2f6fb5; --series-2:#c98a00; --series-3:#5c5750;
  --font-sans:"RH Glyphs","Golos Text","Noto Sans SC",-apple-system,"Segoe UI",sans-serif;
  --font-mono:"RH Glyphs","JetBrains Mono",ui-monospace,"SF Mono",monospace;
  --text-xs:12px; --text-sm:13px; --text-ui:14px; --text-base:15px; --text-md:17px;
  --text-lg:21px; --text-metric:24px; --text-xl:28px; --text-2xl:38px; --text-3xl:52px;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;
  --leading-tight:1.15; --leading-snug:1.3; --leading-normal:1.55; --leading-dense:1.2;
  --measure-chars:64; --measure-char:0.57em;
  --measure:calc(var(--measure-chars) * var(--measure-char));
  --tracking-tight:-0.02em; --tracking-caps:0.06em;
  --numeric:tabular-nums;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px;
  --space-6:32px; --space-7:48px; --space-8:64px;
  --pad-control-y:8px; --pad-control-x:14px; --pad-card:24px;
  --gap-section:var(--space-8);    --container-max:1120px;
  --control-touch:44px;
  --radius-sm:6px; --radius-md:10px; --radius-lg:14px; --radius-pill:999px;
  --shadow-card:0 1px 2px rgb(27 25 23 / .04);
  --shadow-raised:0 1px 3px rgb(27 25 23 / .06),0 4px 12px rgb(27 25 23 / .05);
  --shadow-overlay:0 4px 12px rgb(27 25 23 / .08),0 16px 40px rgb(27 25 23 / .14);
  --focus-ring:0 0 0 3px var(--accent-a24);
  --ease-out:cubic-bezier(.2,.6,.2,1); --dur-fast:120ms; --dur-base:180ms;
  --answer-bg:#fff2cc; --answer-text:#1b1917; --answer-border:var(--border-strong);
}
:root{color-scheme:light dark}
:root[data-theme="light"]{color-scheme:only light}
:root[data-theme="dark"]{color-scheme:only dark}
/* Dark theme: one list, used twice (system preference unless the light theme is forced, and the forced dark theme). */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --accent:#ff6a2e; --accent-strong:#ff834f;
    --accent-solid:#ff6a2e; --accent-solid-strong:#ff834f;
    --accent-a04:rgb(255 106 46 / .06); --accent-a08:rgb(255 106 46 / .10);
    --accent-a12:rgb(255 106 46 / .15); --accent-a16:rgb(255 106 46 / .20);
    --accent-a24:rgb(255 106 46 / .28); --accent-a40:rgb(255 106 46 / .44);
    --on-accent:#1b1917;
    --surface-page:#141312; --surface-card:#1d1b1a;
    --surface-sunken:#181716; --surface-inverse:#f4f2ef; --overlay-scrim:rgb(0 0 0 / .6);
    --surface-dark-edge:var(--border-on-dark);
    --border-soft:#262422; --border-default:#312e2b; --border-strong:#413d39;
    --border-nodata:#767169;
    --text-body:#f0eeea; --text-caption:#c2bcb2; --text-secondary:#a39e96;
    --text-tertiary:#736f68; --text-inverse:#1b1917;
    --accent-text:#ffa075;
    --series-1:#78a8e0; --series-2:#e0ac4a; --series-3:#a39e96;
    --logo-theme-light:none; --logo-theme-dark:inline;
    --ok:#4cae74; --ok-a10:rgb(76 174 116 / .14);
    --warn:#d9a13e; --warn-a10:rgb(217 161 62 / .14);
    --danger:#ff4d4d; --danger-a10:rgb(255 77 77 / .15);
    --danger-text:#ff8080;
    --shadow-card:0 1px 2px rgb(0 0 0 / .3);
    --shadow-raised:0 1px 3px rgb(0 0 0 / .4),0 4px 12px rgb(0 0 0 / .3);
    --shadow-overlay:0 4px 12px rgb(0 0 0 / .4),0 16px 40px rgb(0 0 0 / .5);
    --answer-bg:#5a4a12; --answer-text:#fff2cc; --answer-border:#7d6a1f;
  }
}
:root[data-theme="dark"]{
  --accent:#ff6a2e; --accent-strong:#ff834f;
  --accent-solid:#ff6a2e; --accent-solid-strong:#ff834f;
  --accent-a04:rgb(255 106 46 / .06); --accent-a08:rgb(255 106 46 / .10);
  --accent-a12:rgb(255 106 46 / .15); --accent-a16:rgb(255 106 46 / .20);
  --accent-a24:rgb(255 106 46 / .28); --accent-a40:rgb(255 106 46 / .44);
  --on-accent:#1b1917;
  --surface-page:#141312; --surface-card:#1d1b1a;
  --surface-sunken:#181716; --surface-inverse:#f4f2ef; --overlay-scrim:rgb(0 0 0 / .6);
  --surface-dark-edge:var(--border-on-dark);
  --border-soft:#262422; --border-default:#312e2b; --border-strong:#413d39;
  --border-nodata:#767169;
  --text-body:#f0eeea; --text-caption:#c2bcb2; --text-secondary:#a39e96;
  --text-tertiary:#736f68; --text-inverse:#1b1917;
  --accent-text:#ffa075;
  --series-1:#78a8e0; --series-2:#e0ac4a; --series-3:#a39e96;
  --logo-theme-light:none; --logo-theme-dark:inline;
  --ok:#4cae74; --ok-a10:rgb(76 174 116 / .14);
  --warn:#d9a13e; --warn-a10:rgb(217 161 62 / .14);
  --danger:#ff4d4d; --danger-a10:rgb(255 77 77 / .15);
  --danger-text:#ff8080;
  --shadow-card:0 1px 2px rgb(0 0 0 / .3);
  --shadow-raised:0 1px 3px rgb(0 0 0 / .4),0 4px 12px rgb(0 0 0 / .3);
  --shadow-overlay:0 4px 12px rgb(0 0 0 / .4),0 16px 40px rgb(0 0 0 / .5);
  --answer-bg:#5a4a12; --answer-text:#fff2cc; --answer-border:#7d6a1f;
}

/* Base. System font stack only at stage 1: no font files, no external font URL. */
body{margin:0;font-family:"Golos Text","PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);
  background:var(--surface-page);-webkit-font-smoothing:antialiased}
button{font:inherit;cursor:pointer}
a{color:var(--accent-text)}
:focus-visible{outline:none;box-shadow:var(--focus-ring)}

/* Page layout */
main{max-width:640px;margin:0 auto}
.top{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;max-width:640px;margin:0 auto;padding:var(--space-4)}
.sub{flex:1 1 auto}
.zh,.en{display:block}
.en{color:var(--text-secondary);font-size:var(--text-sm)}
.card{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-4)}
.card p{margin:0 0 var(--space-3)}
.row{display:flex;gap:var(--space-3);flex-wrap:wrap}
.ans{min-height:44px;background:var(--answer-bg);color:var(--answer-text);border:1px solid var(--answer-border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4)}
.ans .en{color:inherit;opacity:.8}
.logo{height:22px;width:auto}
.status{min-height:1.4em}
.warn{color:var(--danger-text);margin:var(--space-4)}