/* Flue learning workspace shared style — warm reading theme */
:root{
  --paper:#fffaf1;--paper-2:#f7efe2;--ink:#252018;--muted:#6f6354;--line:#e2d3bd;
  --accent:#2663eb;--accent-2:#0f766e;--code:#1f2937;--code-bg:#f1eadf;--ok:#138a55;--bad:#b42318;
  --shadow:0 18px 45px rgba(94,67,36,.12);--radius:18px;--max:980px;
}
@media(prefers-color-scheme:dark){:root{--paper:#171512;--paper-2:#211e19;--ink:#f2eadf;--muted:#b8aa98;--line:#3a332b;--accent:#8fb4ff;--accent-2:#7dd3c7;--code:#f3f4f6;--code-bg:#28231d;--shadow:0 18px 45px rgba(0,0,0,.34)}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,var(--paper-2),var(--paper) 34rem);color:var(--ink);font:18px/1.75 ui-serif,Georgia,"Times New Roman","Noto Serif SC",serif}a{color:var(--accent);text-underline-offset:3px}code,kbd,pre{font-family:"SFMono-Regular",ui-monospace,Menlo,Consolas,monospace}pre{background:var(--code-bg);color:var(--code);padding:1rem;border-radius:14px;overflow:auto;border:1px solid var(--line);font-size:.9rem;line-height:1.55}code{background:var(--code-bg);padding:.12em .35em;border-radius:6px}.wrap{max-width:var(--max);margin:auto;padding:32px 22px 80px}.page{background:color-mix(in srgb,var(--paper) 88%,white 12%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(24px,4vw,54px)}
.hero{display:grid;gap:16px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:28px}.kicker{font:700 .78rem/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2)}h1,h2,h3{font-family:ui-sans-serif,system-ui,"Noto Sans SC",sans-serif;line-height:1.18;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,4rem);margin:.2rem 0}h2{font-size:1.65rem;margin:2.2rem 0 .6rem}h3{font-size:1.15rem;margin:1.4rem 0 .4rem}.subtitle{font-size:1.16rem;color:var(--muted);max-width:70ch}.meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.pill{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--line);border-radius:999px;padding:.28rem .7rem;background:var(--paper-2);font:600 .84rem/1.2 ui-sans-serif,system-ui,sans-serif;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card,.callout,.practice,.quiz,.checkpoint{border:1px solid var(--line);border-radius:16px;background:var(--paper-2);padding:18px}.card h3{margin-top:0}.callout{border-left:5px solid var(--accent)}.practice{border-left:5px solid var(--accent-2)}.checkpoint{border-left:5px solid #f59e0b}.compare{width:100%;border-collapse:collapse;margin:1rem 0;border:1px solid var(--line);font-size:.96rem}.compare th,.compare td{border:1px solid var(--line);padding:.75rem;vertical-align:top}.compare th{background:var(--paper-2);font-family:ui-sans-serif,system-ui,sans-serif;text-align:left}.quiz button{display:block;width:100%;text-align:left;margin:.55rem 0;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;font:600 .95rem/1.35 ui-sans-serif,system-ui,sans-serif}.quiz button:hover{border-color:var(--accent)}.feedback{font-weight:700;margin-top:.7rem}.feedback.ok{color:var(--ok)}.feedback.bad{color:var(--bad)}.nav{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);margin-top:34px;padding-top:18px}.small{font-size:.92rem;color:var(--muted)}.toc{padding-left:1.2rem}.backtop{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);text-decoration:none;box-shadow:var(--shadow)}
@media print{body{background:white;color:black}.wrap{padding:0}.page{box-shadow:none;border:0}.backtop,.nav{display:none}a{color:black;text-decoration:none}pre{white-space:pre-wrap}}