.book-page,.book-page *{min-width:0}.book-page{max-width:100%;overflow-x:clip;--bg:#ffffff;--fg:#1a1a1a;--muted:#7a7a7a;--rule:#c4c4c4;--panel:#ededed;--teal:#2a9d8f;--coral:#ef6664;--yellow:#f2d27a;--orange:#f28c4a;--blue:#3b7bd8;--lavender:#d8c7e6;--pastel-pink:#efb2ab;--pastel-yellow:#eee2a6;--pastel-gray:#dcdcdc;--cat-code:var(--teal);--cat-music:var(--coral);--cat-art:var(--yellow);--cat-language:var(--blue);--cat-place:var(--orange);position:relative;min-height:100svh;background:var(--bg);color:var(--fg);padding-block:clamp(3.5rem,9vh,7rem);padding-inline:clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center;font-family:var(--font-book-sans)}.book-page[data-mode=dark]{--bg:#211d1c;--fg:#f4f2ef;--muted:#b9b4b0;--rule:#3a3634;--panel:#211d1c}.book-page[data-mode=gray]{--bg:#e0e0e0;--fg:#1a1a1a;--muted:#7a7a7a;--rule:#c4c4c4;--panel:#ffffff}.book-page[data-mode=summary]{--bg:#2c3340;--fg:#f4f2ef;--muted:#b9b4b0;--rule:#3e4657;--panel:#2c3340}.book-page>.book-inner{width:100%;max-width:1120px;margin-inline:auto}.book-footer{position:absolute;bottom:1.25rem;left:clamp(1.25rem,4vw,3rem);right:clamp(1.25rem,4vw,3rem);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.book-label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.book-circle,.book-label{font-family:var(--font-book-sans);font-weight:700}.book-circle{width:22px;height:22px;border:1px solid;border-radius:50%;display:inline-grid;place-items:center;font-size:.65rem;line-height:1}.book-title{font-size:clamp(1.9rem,4vw,3rem);margin:0 0 1.25rem;max-width:22ch}.book-hero,.book-title{font-family:var(--font-book-sans);font-weight:200;line-height:1.05;letter-spacing:.14em;text-transform:uppercase}.book-hero{font-size:clamp(2.6rem,8vw,5.5rem);margin:0 0 1rem}.book-chapter-number{font-weight:200;font-size:clamp(5rem,18vw,12rem);line-height:.9;margin:0 0 .2em}.book-chapter-number,.book-lead{font-family:var(--font-book-sans)}.book-lead{font-weight:300;font-size:clamp(1.35rem,2vw,1.5rem);line-height:1.4;max-width:60ch;margin:0 0 2rem}.book-page[data-mode=dark] .book-lead,.book-page[data-mode=summary] .book-lead{font-weight:400}.book-columns{-moz-column-gap:2rem;column-gap:2rem;margin:0 0 2rem}@media (min-width:720px){.book-columns{-moz-columns:2;column-count:2}}.book-block{-moz-column-break-inside:avoid;break-inside:avoid;margin:0 0 1.25rem}.book-subhead{font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin:0 0 .5rem}.book-body,.book-subhead{font-family:var(--font-book-sans)}.book-body{font-weight:400;font-size:1rem;line-height:1.6;max-width:46ch;margin:0 0 1em}.book-page[data-mode=example] .book-body,.book-page[data-mode=light] .book-body{font-weight:300}.book-body strong{font-weight:700}.book-caption{font-family:var(--font-book-sans);font-size:.8rem;line-height:1.5;color:var(--muted);margin:.75rem 0 0}.book-ident{font-family:var(--font-book-mono);color:var(--ident,var(--fg))}.book-ident[data-cat=code]{--ident:var(--cat-code)}.book-ident[data-cat=music]{--ident:var(--cat-music)}.book-ident[data-cat=art]{--ident:var(--cat-art)}.book-ident[data-cat=language]{--ident:var(--cat-language)}.book-ident[data-cat=place]{--ident:var(--cat-place)}.book-panel{position:relative;background:var(--panel);padding:1.5rem;margin:2rem 0 0}.book-panel-tag{position:absolute;top:0;left:0;transform:translateY(-50%);padding:.2rem .5rem;background:var(--tag,var(--fg));color:#ffffff;font-family:var(--font-book-sans);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.book-panel-tag[data-tag=javascript]{--tag:var(--teal)}.book-panel-tag[data-tag=html]{--tag:var(--blue)}.book-panel-tag[data-tag=css]{--tag:var(--coral)}.book-panel-tag[data-tag=result]{--tag:#211d1c}.book-panel-path{position:absolute;top:.5rem;right:.75rem;font-size:.7rem;color:var(--muted)}.book-code,.book-panel-path{font-family:var(--font-book-mono)}.book-code{font-size:.875rem;line-height:1.6;margin:0;white-space:pre;overflow-x:auto}.book-code .c{color:var(--muted)}.book-code .k{color:var(--fg)}.book-code .v{color:var(--yellow)}.book-code .f{color:var(--coral)}.book-code .t{color:var(--teal)}.book-code .h{color:var(--blue)}.book-page[data-mode=example] .book-code .v,.book-page[data-mode=light] .book-code .v{color:var(--fg)}.book-code-steps{display:grid;grid-template-columns:1.75rem 1fr;-moz-column-gap:.75rem;column-gap:.75rem}.book-step{width:1.15rem;height:1.15rem;border:1px solid var(--fg);border-radius:50%;display:grid;place-items:center;font-family:var(--font-book-sans);font-size:.6rem;font-weight:700;align-self:start;margin-top:.2rem}.book-result{border:1px solid var(--muted);background:#ffffff;padding:0;overflow:hidden}.book-result img{display:block;width:100%;height:auto}.book-notes{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.5rem 2rem}@media (min-width:720px){.book-notes{grid-template-columns:1fr 1fr}}.book-notes li{display:grid;grid-template-columns:1.5rem 1fr;gap:.5rem;font-family:var(--font-book-sans);font-size:.875rem;line-height:1.5}.book-notes .num{font-weight:700}.book-code--dark{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.7;margin:1.5rem 0}.book-brackets{display:flex;gap:1.5rem;flex-wrap:wrap;margin:0 0 2rem}.book-bracket{display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;font-family:var(--font-book-sans);font-size:.65rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--fg)}.book-bracket:before{content:"";display:block;width:100%;height:.6rem;border:1px solid var(--fg);border-top:0}.book-aside{display:grid;gap:2rem;align-items:start}@media (min-width:900px){.book-aside{grid-template-columns:7fr 5fr}}.book-aside .book-body{font-size:.875rem}.book-diagram svg{width:100%;height:auto;display:block}.book-diagram-box{fill:var(--fill,var(--pastel-gray));rx:4}.book-diagram-line{stroke:var(--fg);stroke-width:1.5;fill:none}.book-diagram-text{font-family:var(--font-book-mono);font-size:13px;fill:#1a1a1a}.book-table{width:100%;border-collapse:collapse}.book-table th{text-align:left;font-family:var(--font-book-sans);font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:0 0 .5rem;border-bottom:1px solid var(--fg)}.book-table td{padding:.5rem 1.5rem .5rem 0;border-bottom:1px solid var(--rule);vertical-align:top;font-size:.9rem}.book-table td:first-child{font-family:var(--font-book-mono);white-space:nowrap}.book-reflist{display:grid;gap:1.5rem 2rem}@media (min-width:720px){.book-reflist{grid-template-columns:repeat(3,1fr)}}.book-reflist h3{color:var(--coral);margin:0 0 .5rem}.book-reflist ul{list-style:none;padding:0;margin:0;font-family:var(--font-book-mono);font-size:.875rem;line-height:1.9}.book-reflist li span{color:var(--muted);font-size:.75rem;margin-left:.5rem}.book-summary{list-style:none;padding:0;margin:0 0 2.5rem;display:grid;gap:1rem;max-width:60ch}.book-summary li{display:grid;grid-template-columns:1rem 1fr;gap:1rem;font-size:1.05rem;line-height:1.6}.book-summary li:before{content:"";width:10px;height:10px;margin-top:.5em;background:var(--bullet,var(--cat-code))}.book-link{color:var(--fg);text-decoration:underline;text-underline-offset:.2em}.book-link:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.book-plate{position:relative;min-height:100svh;overflow:hidden}.book-plate img{-o-object-fit:cover;object-fit:cover}.book-scroll{scroll-snap-type:y proximity}.book-scroll .book-page,.book-scroll .book-plate{scroll-snap-align:start}@media (prefers-reduced-motion:reduce){.book-scroll{scroll-snap-type:none}*{transition:none!important}}.book-key{display:flex;flex-wrap:wrap;gap:1rem 2rem;list-style:none;padding:0;margin:2rem 0 0;font-size:.8rem;color:var(--muted)}.book-key li{display:flex;align-items:center;gap:.5rem}.book-key i{width:12px;height:12px;background:var(--key-accent);display:inline-block}.book-root{font-family:var(--font-book-sans)}.book-page[data-mode=example]{padding:0}.book-example{display:grid;grid-template-columns:1fr;min-height:100svh}.book-example-photo{position:relative;min-height:45svh}.book-example-text{padding:clamp(2.5rem,7vh,5rem) clamp(1.25rem,4vw,3rem);display:flex;flex-direction:column;justify-content:center}@media (min-width:900px){.book-example{grid-template-columns:1fr 1fr}.book-example-photo{min-height:100svh}}.book-title--chapter{margin-top:.35rem}.book-contents-label{margin-top:clamp(1.75rem,4vh,2.5rem);margin-bottom:.75rem}.book-contents-row{display:flex;align-items:baseline;gap:.5rem;padding-block:.4rem;font-size:.95rem}.book-contents-leader{flex:1;height:1px;background-image:radial-gradient(circle,currentColor 1px,transparent 0);background-size:5px 1px;background-repeat:repeat-x;opacity:.35;transform:translateY(-3px)}.book-contents-page{font-family:var(--font-book-mono);font-size:.85rem}.book-reference{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2.5rem}@media (min-width:720px){.book-reference{grid-template-columns:repeat(4,1fr)}}.book-reference-row{display:flex;align-items:center;gap:.6rem;padding-block:.55rem;border-top:1px solid var(--rule,#c4c4c4);font-size:.95rem;margin-inline-start:0}.book-reference-swatch{width:9px;height:9px;flex:none}.book-summary-item{display:flex;align-items:baseline;gap:.75rem;padding-block:.6rem;max-width:60ch}.book-summary-bullet{width:9px;height:9px;flex:none;transform:translateY(-1px)}.book-summary-link{display:inline-block;margin-top:2rem;text-decoration:underline;text-underline-offset:.3em}.book-awards{margin-top:clamp(2.5rem,6vh,4rem);padding-top:1.25rem;border-top:1px solid var(--rule)}.book-awards-list{margin-top:.75rem;display:grid;gap:.5rem}.book-awards-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.6rem;font-size:.95rem}.book-awards-year{font-family:var(--font-book-mono);font-size:.8rem;color:var(--muted)}.book-status-closing{margin-top:clamp(2rem,5vh,3rem);font-size:1.25rem;font-weight:400;line-height:1.45;max-width:34rem}.book-code .v,.book-ident{overflow-wrap:anywhere;word-break:break-word}