:root{color-scheme:light;--ground: #f1f4f6;--surface: #fff;--ink: #16212a;--body: #2c3a44;--muted: #5d6e7a;--line: #d3dce1;--control-line: #7a8892;--signal: #0f6f8c;--pass: #1a6b45;--warn: #8a5807;--fail: #9c3127;--heading-font: "Archivo", sans-serif;--body-font: "Source Serif 4", Georgia, serif;--mono-font: "IBM Plex Mono", monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--ground: #0e1418;--surface: #151e24;--ink: #e6eff3;--body: #c6d4dc;--muted: #8fa3ae;--line: #27343c;--control-line: #718591;--signal: #54bcdc;--pass: #6bd6a0;--warn: #e2ac53;--fail: #f0897c}}:root[data-theme=dark]{color-scheme:dark;--ground: #0e1418;--surface: #151e24;--ink: #e6eff3;--body: #c6d4dc;--muted: #8fa3ae;--line: #27343c;--control-line: #718591;--signal: #54bcdc;--pass: #6bd6a0;--warn: #e2ac53;--fail: #f0897c}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--body);font:.9375rem/1.55 var(--body-font)}h1,h2,h3{color:var(--ink);font-family:var(--heading-font);line-height:1.2;text-wrap:balance}h1{margin:0 0 .75rem;font-size:1.5rem;font-weight:600;letter-spacing:-.035em}h2{margin:1.5rem 0 .5rem;font-size:1.125rem;font-weight:600}h3{margin:1rem 0 .35rem;font-size:1rem}p,ul,ol{margin-block:.5rem}p{text-wrap:pretty}a{color:var(--signal);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}button{min-height:32px;padding:.375rem .75rem;border:1px solid var(--control-line);border-radius:4px;background:var(--surface);color:var(--ink);font:.8125rem var(--heading-font);cursor:pointer}input,select,textarea{border:1px solid var(--control-line)}button:hover{border-color:var(--signal)}:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:1rem;z-index:10;padding:.5rem 1rem;background:var(--surface)}.skip-link:focus{top:.5rem}#course-nav{position:sticky;top:0;height:100vh;width:220px;padding:1rem .75rem;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);font-family:var(--heading-font)}.course-name{margin:0 0 1rem;color:var(--ink);font-size:1.125rem;font-weight:600;letter-spacing:-.03em}.course-name span{display:block;margin-top:.35rem;color:var(--muted);font-size:.75rem;font-weight:400;letter-spacing:0}#course-nav section+section{margin-top:1rem}#course-nav .nav-group-label{margin:0 .5rem .35rem;color:var(--muted);font-size:.6875rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em}#course-nav ul{list-style:none;padding:0;margin:0}#course-nav a{display:block;padding:.3rem .5rem;border-radius:3px;color:var(--body);font-size:.8125rem;line-height:1.45;text-decoration:none}#course-nav li.sub a{padding-left:1.25rem}#course-nav a:hover{background:var(--ground)}#course-nav a[aria-current=page]{background:var(--ground);color:var(--signal);font-weight:600}.menu-button{display:none}.page-frame{min-width:0;padding:12px 20px}@media(min-width:800px){body{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:start}}.toolbar,main,footer{width:100%;max-width:880px;margin-inline:0}.toolbar{display:flex;justify-content:flex-end;margin-bottom:.5rem}main{overflow-wrap:anywhere}footer{margin-top:2rem;padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted);font:.75rem/1.55 var(--heading-font)}footer p{margin:.4rem 0}.step{margin:1.25rem 0;padding-top:1rem;border-top:1px solid var(--line)}.step-header{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.step-number{color:var(--signal);font:1.25rem/1 var(--mono-font);letter-spacing:-.06em}.step-header h2{flex:1;margin:0;min-width:140px}.badge{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;max-width:100%;padding:.125rem .5rem;border:1px solid var(--control-line);border-radius:4px;background:var(--surface);font:.6875rem/1.5 var(--heading-font)}.badge-free{color:var(--pass)}.badge-limit{color:var(--warn)}.badge-paid{color:var(--fail)}.badge small{color:var(--muted);font-size:inherit}.step-body{margin-top:.5rem;min-width:0}code,pre{font-family:var(--mono-font);font-size:.8125rem}pre{max-width:100%;overflow-x:auto;font-size:.8125rem;line-height:1.55}.step-body>:first-child{margin-top:0}.prompt{margin:.5rem 0;padding:12px;min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:8px}.prompt-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem;padding:0;margin-bottom:.5rem;font:.75rem/1.5 var(--heading-font)}.prompt-label{margin-right:auto;color:var(--muted)}.prompt [role=status]{color:var(--muted)}.prompt pre{margin:0;padding:0;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:visible}.see-this{margin:.5rem 0}.see-this-label{margin:0 0 .5rem;color:var(--signal);font:.75rem/1.5 var(--mono-font);text-transform:uppercase}.see-this-content{padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.see-this-content>:first-child{margin-top:0}.see-this-content>:last-child{margin-bottom:0}.see-this img{display:block;max-width:100%;height:auto;border:1px solid var(--control-line);border-radius:3px}.see-this-caption{margin-top:.5rem;color:var(--muted);font:.75rem/1.5 var(--heading-font)}figcaption{margin-top:.5rem;color:var(--muted);font:.75rem/1.5 var(--heading-font)}.lesson-note{margin-block:1rem;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}:is(.lesson-note,details,.example-memo)>:first-child{margin-top:0}:is(.lesson-note,details,.example-memo)>:last-child{margin-bottom:0}:is(.prompt,.see-this-content,.lesson-note,details,.example-memo) :is(.prompt,.see-this-content,.lesson-note,details,.example-memo){padding:10px}.table-scroll{max-width:100%;overflow-x:auto;margin-block:.5rem}.table-scroll table{border-collapse:collapse;font-size:.8125rem;line-height:1.5}.table-scroll th,.table-scroll td{overflow-wrap:normal;padding:.25rem .6rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.table-scroll th{color:var(--ink);font-family:var(--heading-font)}.table-scroll thead th{padding-top:0;white-space:nowrap}.table-scroll tbody th{font-weight:500}.table-scroll td{font-variant-numeric:tabular-nums}.table-scroll+.table-scroll{margin-top:1.25rem}.table-scroll caption{margin-bottom:.35rem;color:var(--muted);text-align:left;font-family:var(--heading-font)}.source-line{color:var(--muted);font:.75rem/1.5 var(--heading-font)}.button-link{display:inline-flex;align-items:center;min-height:32px;padding:.375rem .75rem;border:1px solid var(--control-line);border-radius:4px;background:var(--surface);color:var(--ink);font:.8125rem var(--heading-font);text-decoration:none}.button-link:hover{border-color:var(--signal)}.table-scroll td a{overflow-wrap:normal;white-space:nowrap}caption{font-size:.75rem}.storage-flow{padding-left:1.5rem}.storage-flow li{margin-block:.5rem;padding-left:0}.storage-flow p{margin-block:.25rem}details{margin-block:.5rem;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px}summary{cursor:pointer;color:var(--signal);font-family:var(--heading-font);font-weight:600}@media(max-width:799px){html:not(.no-js) .menu-button{display:block;position:fixed;top:.75rem;left:1rem;z-index:3}#course-nav{position:fixed;top:3.25rem;bottom:0;left:0;height:auto;overflow-y:auto;width:100%;padding:1rem .75rem;z-index:2;border-right:0;border-bottom:1px solid var(--line)}html:not(.no-js) #course-nav:not(.is-open){display:none}html.no-js #course-nav{position:static}.page-frame{margin-left:0;padding:12px 16px}.step-header h2{flex-basis:calc(100% - 3rem)}.step-header .badge{margin-left:0}.toolbar{position:sticky;top:0;z-index:2;width:auto;max-width:none;margin:-12px -16px .5rem;padding:10px 16px;background:var(--ground);border-bottom:1px solid var(--line)}html:not(.no-js) .menu-button{top:10px}}.example-memo{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px;margin-top:.5rem;font-size:.9375rem}.example-memo h3:first-child{margin-top:0}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .see-this img{filter:brightness(.88)}}:root[data-theme=dark] .see-this img{filter:brightness(.88)}