:root{color-scheme:light;--ink:#203048;--muted:#53647a;--blue:#164fa3;--paper:#fff;--wash:#f1f5fb;--line:#d4dfea}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}main,.masthead,footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}.masthead{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px}.masthead a:first-child{font:bold 27px Georgia,serif;text-decoration:none;color:var(--ink)}.masthead a:last-child{font-size:14px}.introduction{max-width:800px;padding:42px 0 34px}h1{font:normal clamp(44px,6.3vw,76px)/1.06 Georgia,"Times New Roman",serif;letter-spacing:-2px;margin:0 0 26px}.lead{max-width:640px;font-size:20px;color:var(--muted)}.start{display:inline-block;background:var(--blue);color:white;text-decoration:none;padding:11px 18px;border-radius:5px;margin:10px 22px 8px 0}.setup{display:inline-block;font-size:15px}.previews{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:10px 0 35px}.previews>a{display:block;text-decoration:none}.previews img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:6px}.previews span{display:block;padding:13px 0;font:23px Georgia,serif;color:var(--ink)}.previews small{display:block;font:14px/1.8 system-ui;color:var(--muted)}.catalog{display:grid;grid-template-columns:190px 1fr;gap:40px;margin:54px 0 60px}.catalog>nav{align-self:start;position:sticky;top:24px}.catalog>nav h2{font:600 15px system-ui;margin:0 0 15px}.catalog>nav a{display:block;text-decoration:none;font-size:15px;padding:6px 0}.topic{margin:0 0 38px;scroll-margin-top:24px}.topic h2{font:normal 32px/1.2 Georgia,serif;margin:0 0 8px}.topic header p{font-size:15px;color:var(--muted);margin:0 0 16px}.topic ul{list-style:none;padding:0;margin:0}.topic li{padding:0;border-top:1px solid var(--line)}.notebook-title{display:block;padding:16px 0;font-size:18px;font-weight:500;color:var(--blue);text-decoration:underline;text-decoration-color:#a8bfdc;text-decoration-thickness:1px;text-underline-offset:4px}.notebook-title:hover,.notebook-title:focus-visible{text-decoration-color:currentColor;background:var(--wash)}footer{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-top:22px;padding-bottom:30px;color:var(--muted);font-size:13px}footer p{margin:0}.skip{position:absolute;top:-60px;left:16px;background:white;padding:8px;z-index:1}.skip:focus{top:8px}@media(max-width:650px){main,.masthead,footer{padding-left:20px;padding-right:20px}.introduction{padding-top:24px}h1{letter-spacing:-1px}.lead{font-size:18px}.previews{grid-template-columns:1fr}.catalog{grid-template-columns:1fr;gap:28px;margin-top:35px}.catalog>nav{position:static;display:flex;flex-wrap:wrap;gap:6px 20px}.catalog>nav h2{width:100%;margin-bottom:0}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}