/* ReadyStack site tokens — s225 lane S (2026-11-02) · one shared colour / type / spacing set for every page type (site standard D1).
   Linked from <head> on every page by site_chrome.py. Our shared parts (header, breadcrumb, first screen, FAQ, cards, footer) read these
   variables; the page body keeps its own colours (dark tool pages stay dark) but uses the same typeface and base size. */
:root{
  --yj-ink:#14161a; --yj-ink-2:#3b4250; --yj-muted:#5b6370;
  --yj-bg:#ffffff; --yj-bg-2:#f7f8fa; --yj-line:#dde1e7;
  --yj-brand:#0b57d0; --yj-brand-ink:#ffffff; --yj-accent:#b5541c; --yj-ok:#0b5a3f; --yj-gold:#e0b84a;
  --yj-radius:12px; --yj-s1:8px; --yj-s2:12px; --yj-s3:16px; --yj-s4:24px;
  --yj-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Sans","Noto Sans JP","Noto Sans",sans-serif;
  --yj-size:16px; --yj-lh:1.55;
}
body{font-family:var(--yj-font);font-size:var(--yj-size);line-height:var(--yj-lh);-webkit-text-size-adjust:100%;text-size-adjust:100%}
h1,h2,h3,h4{font-family:var(--yj-font)}
.yj-fs-try,.yjc-card,.yjh,.yjf,.yjc-bc,.yj-fs,.yj-fs-faq,.yjrel{font-family:var(--yj-font)}
.yj-fs-try{background:var(--yj-brand)!important;color:var(--yj-brand-ink)!important;border-radius:999px}
.yjc-card,.yj-fs-pic img{border-radius:var(--yj-radius)}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--yj-brand);outline-offset:2px}