@import url("./style.css");
/* Light workshop theme for the public English diagnostic (13 Oct 2026). Only this page
   loads this file; style.css stays shared with the archived variants. */
@font-face{font-family:'Space Grotesk';src:url("./fonts/SpaceGrotesk-Variable.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:'Inter';src:url("./fonts/Inter-Variable.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#e6e3dc;--panel:#fbf8f2;--ink:#121820;--text:#2c3642;--muted:#5d6672;--line:#cfc8bb;--green:#136c3d;--signal:#56d98a;--paper:#fbf8f2;--dark:#e2eee5;--amber:#8a5a00;--red:#b3402c}
html{color-scheme:light;scrollbar-color:#b9b2a5 #e6e3dc}
body{background-color:var(--bg);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .42 0 0 0 0 .37 0 0 0 0 .28 .09 0 0 0 0'/%3E%3C/filter%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .27 0 0 0 0 .2 .075 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:320px 320px}
button,.button{border-color:var(--signal);background:var(--signal);color:#0b0f17;border-radius:8px}
.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.danger{border-color:var(--red);color:var(--red);background:transparent}
input,select,textarea,.diag-card select,.diag-card textarea{border-color:#b9b2a5;background:#fff;color:var(--ink)}
aside a.active{background:var(--dark)}
.notice{background:var(--dark)}
.notice.amber{background:#f6ecd6}
.tabs a.active{background:var(--dark)}
.metric{background:var(--dark)}
pre.template{background:#fff}
.pill{border-color:#c9a861}
.empty{border-color:#b9b2a5}
.hero-points span{border-color:#a9cfb5;color:#24412f;background:var(--panel)}
#diagnostic-form{background:var(--panel);border-color:var(--line);box-shadow:0 26px 50px rgba(40,32,18,.16),0 5px 12px rgba(40,32,18,.1)}
.progress-track{background:#ddd6c9}
.question-context{background:#f0ece3;border-left-color:var(--green);color:var(--text)}
.diagnostic-hero h1 em{color:var(--ink);background:linear-gradient(transparent 70%,rgba(86,217,138,.55) 70%,rgba(86,217,138,.55) 92%,transparent 92%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
progress.progress-track{display:block;width:100%;border:0;appearance:none;background:#ddd6c9;color:var(--green)}
progress.progress-track::-webkit-progress-bar{background:#ddd6c9;border-radius:99px}
progress.progress-track::-webkit-progress-value{background:var(--green);border-radius:99px}
progress.progress-track::-moz-progress-bar{background:var(--green);border-radius:99px}
@media print{body{background:white}button,.button{display:none!important}}