:root { --mono:ui-monospace,SFMono-Regular,Menlo,monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--ink); font:17px/1.65 Arial,sans-serif; }
.layout { min-height:100vh; margin:auto; display:grid; }
.eyebrow { margin:0 0 8px; color:var(--blue); font:700 .78rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:0 0 14px; font-size:clamp(2rem,4vw,3.4rem); line-height:1.08; letter-spacing:-.04em; }
h2 { margin:42px 0 12px; font-size:1.45rem; line-height:1.2; }
h3 { margin:20px 0 5px; font-size:1.05rem; }
p, li { max-width:68ch; }
.lead { color:var(--muted); font-size:1.15rem; }
.card { margin:20px 0; }
.label { margin:0 0 5px; font:700 .75rem/1 var(--mono); letter-spacing:.08em; text-transform:uppercase; }
code, pre { font-family:var(--mono); font-size:.88em; }
code { padding:2px 5px; border-radius:4px; }
pre { overflow:auto; padding:16px; border-radius:10px; color:#f4f7f8; line-height:1.5; }
pre code { padding:0; background:transparent; }
.terms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.terms strong { display:block; margin-bottom:3px; }
.next { display:flex; justify-content:space-between; gap:12px; margin-top:52px; padding-top:20px; border-top:1px solid var(--line); }
.next a { color:var(--blue); font-weight:700; text-decoration:none; }
@media (max-width:850px) { .layout { display:block; } main { padding:36px 22px 70px; } }
@media (max-width:540px) { .terms { grid-template-columns:1fr; } .next { flex-direction:column; } }

/* Match the AI Learning Lab homepage theme. */
:root { --bg:#f5f5f2; --panel:#fff; --ink:#111; --muted:#666; --line:#d8d8d4; --blue:#111; --blue-soft:#f0f0ed; --green-soft:#f0f0ed; --orange-soft:#f0f0ed; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
pre { background:#181818; border:1px solid #333; box-shadow:0 8px 20px rgba(0,0,0,.12); }
code { background:var(--blue-soft); color:var(--ink); }
.layout { grid-template-columns:296px minmax(0,1fr); max-width:none; }
main { max-width:1300px; padding:48px 7vw 100px; }