:root{--color-paper:#f5f1e6;--color-paper-light:#fbf8f0;--color-ink:#191919;--color-muted:#5b584f;--color-line:#b9b4a7;--color-line-strong:#79766c;--color-orange:#ff4b00;--color-orange-ink:#b33300;--color-orange-soft:#fff0e4;--color-blue:#265b78;--color-green:#286044;--color-warning:#805300;--color-warning-bg:#fff3d0;--color-danger:#9b2923;--color-danger-bg:#fff0eb;--font-sans:-apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-serif:"Hiragino Mincho ProN", "Yu Mincho", Georgia, serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--radius:2px;--content-width:1320px;--reading-width:40em;--focus-ring:3px solid var(--color-blue);--text-small:12px;--text-label:14px;--text-body:16px;--text-heading:24px;--text-title:32px;--text-display:80px;--leading-tight:1.4;--leading-ui:1.6;--leading-reading:1.9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{color:var(--color-ink);background:var(--color-paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#19191909 .5px,#0000 .6px);background-size:5px 5px;margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--color-orange-ink)}a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:var(--focus-ring);outline-offset:5px}button,input{font:inherit}h1,h2,h3,p,figure{margin-top:0}p{line-height:1.9}img{max-width:100%;height:auto}.wrap{width:min(var(--content-width), calc(100% - 80px));margin-inline:auto}.eyebrow,.mono{font-family:var(--font-mono);letter-spacing:.12em;font-size:12px;line-height:1.6}.eyebrow{margin-bottom:16px;font-weight:600}.section-number{color:var(--color-orange-ink)}.field-icon{width:110px;height:auto;display:block}.header{border-bottom:1px solid var(--color-line-strong);align-items:center;gap:24px;width:min(1440px,100% - 64px);min-height:112px;margin:auto;display:flex}.brand{letter-spacing:-.04em;flex-shrink:1;align-items:center;gap:8px;min-width:0;font-size:24px;font-weight:850;line-height:1.4;text-decoration:none;display:flex}.brand-name{display:block}.brand>span{min-width:0}.brand-cat{flex-shrink:0}.brand small{font-family:var(--font-mono);letter-spacing:.12em;margin-top:8px;font-size:12px;font-weight:400;display:block}.header nav{gap:8px;margin-left:auto;font-size:12px;font-weight:750;display:flex}.header nav a{border:1px solid var(--color-line-strong);background:var(--color-paper-light);white-space:normal;text-align:center;justify-content:center;align-items:center;min-height:44px;padding:8px 16px;text-decoration:none;display:flex}.header nav a:hover,.header nav a[aria-current=location]{color:var(--color-orange-ink);border-color:var(--color-orange-ink);background:var(--color-orange-soft);box-shadow:inset 0 -4px var(--color-orange-ink)}.skip{z-index:10;background:var(--color-paper-light);border:1px solid var(--color-ink);padding:12px;position:absolute;top:-100px;left:20px}.skip:focus{top:12px}.hero{grid-template-columns:1fr 1.3fr;align-items:center;min-height:610px;padding-block:40px 24px;display:grid;position:relative}.hero-copy{z-index:1;padding-block:16px;position:relative}.hero-kicker{color:var(--color-orange-ink);letter-spacing:.12em;margin-bottom:16px;font-size:12px}.hero h1{letter-spacing:-.04em;white-space:normal;margin-bottom:24px;font-size:clamp(48px,5.6vw,80px);font-weight:900;line-height:1.4}.hero h1 em{color:#e24100;font-style:normal}.hero-description{margin-bottom:24px;font-size:16px;line-height:1.9}.hero-art{align-self:center;width:calc(100% + 66px);margin:0 0 0 -28px}.hero-art img{mix-blend-mode:darken;aspect-ratio:3/2;object-fit:contain;width:100%;display:block}.hero-art figcaption{font-size:12px;font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.12em;justify-content:space-between;gap:16px;margin:2px 24px 0 48px;display:flex}.field-button{letter-spacing:0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:32px;min-height:56px;padding:16px 24px;font-size:16px;font-weight:800;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.field-button--primary{background:var(--color-orange);color:var(--color-ink)}.field-button--primary:hover{color:var(--color-paper-light);background:var(--color-ink)}.field-button--text{border-bottom-color:var(--color-line-strong);min-height:44px;padding-inline:0;font-size:12px}.button-arrow{font-size:24px;font-weight:400;line-height:1.4}.manifesto-band{background:var(--color-orange);border-block:1px solid #dc4000}.manifesto-band>.wrap{align-items:center;gap:24px;min-height:96px;padding-block:16px;display:flex}.manifesto-band .field-icon{flex-shrink:0;width:66px}.manifesto-band strong{letter-spacing:0;font-size:24px;font-weight:850;line-height:1.6;display:block}.manifesto-band p{color:var(--color-ink);letter-spacing:0;margin:4px 0 0;font-size:16px;font-weight:600}.band-code{font:12px var(--font-mono);letter-spacing:.12em;white-space:normal;border-left:1px solid #802700;margin-left:auto;padding:16px 0 16px 32px}.routes-section{grid-template-columns:260px 1fr;gap:32px;padding-block:48px 56px;display:grid}.section-heading h2{font-family:var(--font-serif);letter-spacing:-.04em;margin-bottom:24px;font-size:32px;line-height:1.6}.section-heading>p:not(.eyebrow){color:var(--color-muted);border-top:1px solid var(--color-line-strong);margin-top:24px;padding-top:24px;font-size:12px}.section-heading>.field-icon{width:72px;margin:24px 0 12px}.side-note{font:12px/1.6 var(--font-mono);letter-spacing:.12em;color:var(--color-muted)}.path-grid{border:1px solid var(--color-line-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.path-card{background:#fbf8f028;flex-direction:column;min-width:0;padding:24px 16px 12px;display:flex}.path-card+.path-card{border-left:1px solid var(--color-line-strong)}.path-card-heading{align-items:center;display:flex}.path-number{font:32px var(--font-mono);color:var(--color-orange-ink)}.path-card--02 .path-number{color:var(--color-blue)}.path-card--03 .path-number{color:var(--color-green)}.path-card-heading h3{font-family:var(--font-serif);letter-spacing:-.04em;margin:0;font-size:24px;font-weight:800}.path-title{margin:16px 0 0;font-size:12px;font-weight:750;line-height:1.9}.path-illustration{width:140px;height:98px;margin:16px auto 8px}.path-description{color:var(--color-muted);margin-bottom:12px;font-size:12px;line-height:1.9}.path-card ol{flex:1;margin:0 0 16px;padding-left:16px;font-size:12px;line-height:1.6}.path-card li{padding-block:8px}.path-card ol a{text-decoration-thickness:1px}.path-card-bottom{border-top:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;padding-top:8px;font-size:12px;display:flex}.path-card-bottom>a{min-height:44px;color:var(--color-ink);align-items:center;gap:16px;font-size:12px;font-weight:750;text-decoration:none;display:flex}.path-card-bottom>a span{color:var(--color-orange-ink);font-size:24px;font-weight:400}.featured-section{padding-bottom:64px;scroll-margin-top:24px}.featured-heading{border-top:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:16px;display:flex}.featured-heading .eyebrow{margin-bottom:0}.featured-heading time{font:12px var(--font-mono);color:var(--color-muted)}.featured-card{border:1px solid var(--color-line-strong);color:var(--color-ink);grid-template-columns:1.15fr 1fr;gap:0;text-decoration:none;display:grid}.featured-card:hover{color:var(--color-ink)}.featured-art{min-height:320px;color:var(--color-paper-light);background:#21201d;position:relative;overflow:hidden}.featured-art:after{content:"";position:absolute;inset:0}.featured-art img{object-fit:cover;filter:grayscale();height:100%;position:absolute}.featured-art-copy{flex-direction:column;gap:16px;padding:32px;display:flex;position:relative}.featured-art-copy .eyebrow{color:#e9c9b2;margin:0;font-size:12px}.featured-art-copy strong{letter-spacing:-.04em;line-height:1.4}.featured-art-copy>span:last-child{font-size:24px;font-weight:750;line-height:1.6}.featured-copy{flex-direction:column;align-items:start;padding:32px 40px;display:flex}.tag{border:1px solid var(--color-orange-ink);color:var(--color-orange-ink);padding:4px 8px;font-size:12px;line-height:1.6;display:inline-block}.featured-copy h2{letter-spacing:-.04em;margin:16px 0;font-size:24px;line-height:1.6}.featured-copy p{color:var(--color-muted);margin-bottom:16px;font-size:12px}.feature-link{flex-grow:1;justify-content:space-between;align-items:center;width:100%;margin-top:16px;font-size:12px;font-weight:750;display:flex}.feature-link>span{color:var(--color-orange-ink);font-size:24px;font-weight:400}.library-section{padding-block:16px 64px}.library-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:24px;display:flex}.library-heading h2{font-family:var(--font-sans);margin-bottom:0;font-size:32px;font-weight:850}.library-heading .eyebrow{margin-bottom:12px}.library-heading>.mono{white-space:normal;color:var(--color-muted);font-size:12px}.lesson-list{border-top:1px solid var(--color-line-strong)}.lesson-row{border-bottom:1px solid var(--color-line);align-items:center;gap:32px;padding:24px 16px 24px 8px;text-decoration:none;transition:background .15s;display:flex}.lesson-row:hover{color:var(--color-ink);background:#e9dfd566}.lesson-num{font:16px var(--font-mono);color:var(--color-orange-ink)}.category{font:12px var(--font-mono);color:var(--color-muted)}.lesson-row h3{letter-spacing:-.04em;margin:8px 0;line-height:1.6}.lesson-row p{color:var(--color-muted);margin:0;font-size:12px}.lesson-arrow{color:var(--color-orange-ink);margin-left:auto;font-size:24px}.future-section{border-top:1px solid var(--color-line-strong);grid-template-columns:1fr 1fr;gap:64px;padding-block:48px 64px;display:grid}.future-section h2{font:700 32px/1.6 var(--font-serif);letter-spacing:-.04em;margin-bottom:16px}.future-section p:not(.eyebrow){color:var(--color-muted);font-size:12px}.future-topics{align-self:center}.future-topics>span{border-bottom:1px solid var(--color-line);align-items:center;gap:24px;padding:16px 0;font-size:16px;display:flex}.future-topics b{font:12px var(--font-mono);color:var(--color-orange-ink)}.future-topics small{color:var(--color-muted);margin-left:auto;font-size:12px}footer{width:min(var(--content-width), calc(100% - 80px));border-top:1px solid var(--color-line-strong);justify-content:space-between;align-items:center;gap:24px;margin:auto;padding-block:24px;display:flex}.footer-brand{align-items:center;display:flex}.footer-brand p{font:12px/1.6 var(--font-mono);letter-spacing:.12em;margin:0}.footer-brand small{font:12px var(--font-sans);letter-spacing:.12em;color:var(--color-muted);margin-top:4px;display:block}.footer-links{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:24px;font-size:12px;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.article-wrap{padding-block:24px 64px}.breadcrumb{align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.article-header{border-bottom:1px solid var(--color-line-strong);max-width:980px;margin-block:32px 48px;padding-bottom:24px}.article-header .eyebrow{color:var(--color-orange-ink)}.article-header h1{letter-spacing:-.04em;margin-bottom:16px;font-size:clamp(32px,4vw,48px);font-weight:850;line-height:1.6}.article-header>p:not(.eyebrow){color:var(--color-muted);font-size:14px}.article-header .metadata{font:12px var(--font-mono)}.article-grid{grid-template-columns:220px minmax(0, var(--reading-width));gap:64px;display:grid}.article-grid aside nav{padding:4px 0 4px 16px;position:sticky;top:24px}.article-grid aside .eyebrow{margin-bottom:12px;font-size:12px}.article-grid aside a{min-height:44px;color:var(--color-muted);align-items:center;padding-block:8px;font-size:12px;line-height:1.6;text-decoration:none;display:flex}.article-grid aside a:hover{color:var(--color-orange-ink)}.prose{min-width:0;line-height:1.9}.prose h2{border-top:1px solid var(--color-line-strong);letter-spacing:-.04em;margin:48px 0 24px;padding-top:16px;font-size:24px;line-height:1.6}.prose h2:first-child{margin-top:0}.prose h3{margin-top:32px;font-size:16px}.prose p,.prose li{overflow-wrap:anywhere}.prose a{color:var(--color-orange-ink);overflow-wrap:anywhere}.prose pre{border-left:3px solid var(--color-orange);border-radius:var(--radius);padding:24px;font-size:12px;line-height:1.9;overflow:auto;background:#22211f!important}.prose :not(pre)>code{overflow-wrap:anywhere;background:#e7dfd0;border:1px solid #cec5b5;padding:4px;font-size:14px}.prose .table-scroll{border:1px solid var(--color-line-strong);margin-block:24px;overflow-x:auto}.prose table{border-collapse:collapse;background:var(--color-paper-light);width:100%;font-size:12px}.prose th,.prose td{border-bottom:1px solid var(--color-line);border-right:1px solid var(--color-line);text-align:left;vertical-align:top;min-width:160px;padding:12px}.prose tr:last-child td{border-bottom:0}.prose th:last-child,.prose td:last-child{border-right:0}.prose th{background:#eae2d3;font-weight:750}.prose blockquote{background:var(--color-orange-soft);margin:24px 0;font-size:14px}.prose blockquote p:last-child{margin-bottom:0}.flow{border-block:1px solid var(--color-line-strong);margin:24px 0;padding:24px 0}.flow ol{gap:24px;margin:0;padding:0;list-style:none;display:flex}.flow li{border:1px solid var(--color-line-strong);background:var(--color-paper-light);flex:1;padding:16px;font-size:12px;position:relative}.flow li+li:before{content:"→";color:var(--color-orange-ink);position:absolute;top:33px;left:-21px}.step-num{font:14px var(--font-mono);color:var(--color-orange-ink);margin-bottom:8px;display:block}.flow figcaption{color:var(--color-muted);margin-top:16px;font-size:12px;line-height:1.9}.checklist{padding:0;list-style:none}.checklist li{border-bottom:1px solid var(--color-line)}.checklist label{cursor:pointer;gap:12px;min-height:48px;padding:16px 0;display:flex}.checklist input{accent-color:var(--color-orange-ink);margin-top:4px}.checklist label:has(input:checked){color:var(--color-muted)}.next-lesson{background:#ebe3d3;margin-top:40px;padding:24px;font-size:14px}.edit-link{margin-top:32px;font-size:12px}.notice{border:1px solid var(--color-line-strong);border-left:4px solid var(--color-blue);background:var(--color-paper-light);margin-block:24px;padding:16px 24px;font-size:14px}.notice-label{font:12px var(--font-mono);letter-spacing:.12em;margin-bottom:8px}.notice strong{font-size:14px}.notice>div{margin-top:12px;line-height:1.9}.notice p:last-child{margin-bottom:0}.notice--warning{border-left-color:var(--color-warning);background:var(--color-warning-bg)}.notice--danger{border-left-color:var(--color-danger);background:var(--color-danger-bg)}.design-intro{max-width:850px;padding:56px 0 40px}.design-intro h1{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(32px,5vw,48px);line-height:1.4}.design-intro>p:not(.eyebrow){color:var(--color-muted);font-size:14px}.design-section{border-top:1px solid var(--color-line-strong);padding-block:32px 48px}.design-section h2{margin-bottom:24px;font-size:24px}.swatch-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.swatch{border:1px solid var(--color-line-strong);background:var(--color-paper-light)}.swatch-color{border-bottom:1px solid var(--color-line-strong);height:90px}.swatch p{font:12px/1.6 var(--font-mono);margin:0;padding:12px}.swatch b{font-family:var(--font-sans);margin-bottom:4px;display:block}.design-examples{grid-template-columns:1fr 1fr;gap:32px;display:grid}.design-examples>.path-card{border:1px solid var(--color-line-strong);max-width:350px}.design-buttons{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.design-type h3{letter-spacing:-.04em;margin-bottom:12px;font-size:32px}.design-type p{font-size:14px}.design-rules{padding-left:16px;font-size:14px;line-height:1.9}.design-icons{flex-wrap:wrap;gap:32px;display:flex}.design-icons .field-icon{width:130px}@media (width>=1600px){.hero-art{width:calc(100% + 90px)}}@media (width<=1100px){.header{flex-wrap:wrap;gap:16px;padding-block:16px}.header nav{order:3;gap:8px;width:100%}.header nav a{flex:1}.hero{grid-template-columns:1fr 1.15fr;min-height:540px}.hero h1{font-size:5.5vw}.hero-description{font-size:14px}.hero-art{width:calc(100% + 38px);margin-left:-10px}.routes-section{grid-template-columns:1fr;gap:24px}.routes-section>.section-heading{grid-template-columns:1fr 1fr;column-gap:32px;display:grid}.routes-section>.section-heading .eyebrow{grid-column:1/-1}.routes-section>.section-heading h2{margin:0;font-size:24px}.routes-section>.section-heading>p:not(.eyebrow){border:0;margin:0;padding:0}.routes-section>.section-heading .field-icon,.side-note,.band-code{display:none}.article-grid{grid-template-columns:180px minmax(0,1fr);gap:32px}.featured-copy{padding:24px}.swatch-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.wrap,.header,footer{width:calc(100% - 36px)}.header{flex-wrap:wrap;gap:8px 12px;min-height:0;padding-block:16px 8px}.brand{gap:8px}.brand small{margin-top:4px;font-size:12px}.header nav{order:3;justify-content:space-between;width:100%;margin-top:4px;font-size:12px}.hero{flex-direction:column;align-items:stretch;min-height:0;padding-top:32px;padding-bottom:16px;display:flex}.hero-copy{padding:0}.hero-kicker{margin-bottom:16px;font-size:12px}.hero h1{letter-spacing:-.04em;margin-bottom:16px;line-height:1.4}.hero-description{margin-bottom:24px;font-size:14px;line-height:1.9}.field-button{min-height:54px;padding:12px 24px;font-size:14px}.hero-art{width:calc(100% + 28px);margin:16px -14px 0}.hero-art figcaption{margin:8px 12px 0;line-height:1.9;display:block}.hero-art figcaption>span{display:block}.manifesto-band>.wrap{gap:12px;min-height:110px;padding-block:16px}.manifesto-band .field-icon{width:44px}.manifesto-band strong{letter-spacing:0;font-size:16px;line-height:1.6;display:block}.manifesto-band p{margin-top:4px;font-size:16px;line-height:1.9}.routes-section{gap:24px;padding-block:32px 40px}.routes-section>.section-heading{display:block}.routes-section>.section-heading h2{margin-bottom:16px;font-size:24px}.routes-section>.section-heading>p:not(.eyebrow){font-size:12px}.eyebrow{margin-bottom:12px;font-size:12px}.path-grid{grid-template-columns:1fr}.path-card{padding:24px 24px 12px;position:relative}.path-card+.path-card{border-left:0;border-top:1px solid var(--color-line-strong)}.path-card-heading h3{font-size:24px}.path-number{font-size:32px}.path-title{font-size:12px}.path-illustration{height:78px;top:26px;right:12px}.path-description{margin-top:16px;font-size:12px}.path-card ol{margin-bottom:16px;font-size:12px;line-height:1.9}.path-card li{padding-block:8px}.path-card-bottom,.path-card-bottom>a{font-size:12px}.featured-section{padding-bottom:40px}.featured-heading .eyebrow{letter-spacing:.12em;font-size:12px}.featured-heading time{font-size:12px}.featured-card{grid-template-columns:1fr}.featured-art{min-height:260px}.featured-art-copy{gap:16px;padding:24px}.featured-art-copy strong{font-size:48px}.featured-art-copy>span:last-child{font-size:16px}.featured-copy{padding:24px}.featured-copy h2{margin-block:16px;font-size:24px}.featured-copy p{font-size:12px}.library-section{padding-bottom:40px}.library-heading{display:block}.library-heading h2{font-size:24px;line-height:1.6}.library-heading>.mono{margin-top:16px;display:block}.lesson-row{gap:16px;padding:24px 0}.lesson-num{font-size:12px}.lesson-row h3{font-size:16px}.lesson-row p,.category{font-size:12px}.lesson-arrow{font-size:24px}.future-section{grid-template-columns:1fr;gap:16px;padding-block:32px 40px}.future-section h2{font-size:24px}.future-topics>span{gap:16px;font-size:14px}footer{padding-block:24px;display:block}.footer-brand{gap:8px}.footer-links{gap:16px;margin-top:16px}.footer-links>span{width:100%;display:block}.article-wrap{padding-block:16px 40px}.article-header{margin-block:24px;padding-bottom:16px}.article-header h1{font-size:32px}.article-header>p:not(.eyebrow){font-size:12px}.article-header .metadata{font-size:12px;line-height:1.9}.article-grid{flex-direction:column;gap:32px;display:flex}.article-grid aside nav{background:#ebe3d444;padding:16px 0 16px 16px;position:static}.article-grid aside a{font-size:12px}.prose{line-height:1.9}.prose h2{margin-top:32px;font-size:24px}.prose pre,.prose blockquote{padding:16px;font-size:12px}.flow{padding-block:16px}.flow ol{flex-direction:column;gap:24px}.flow li+li:before{content:"↓";top:-26px;left:50%}.notice{padding:16px;font-size:12px}.design-intro{padding-top:32px}.swatch-grid{gap:12px}.swatch-color{height:70px}.design-examples{grid-template-columns:1fr}.design-buttons,.design-icons{gap:16px}.design-icons .field-icon{width:100px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.featured-art{isolation:isolate}.featured-art img{z-index:0;mix-blend-mode:normal;opacity:.45;width:100%;top:0;right:0}.featured-art:after{z-index:1;background:linear-gradient(90deg,#191919f5 4%,#191919c9 42%,#19191933 100%)}.featured-art-copy{z-index:2}.brand-mark,.explorer-cat{object-fit:contain;flex-shrink:0;max-width:100%;display:block}.brand-mark--mono{filter:grayscale()brightness(0)}.brand-cat{width:64px;height:64px}.explorer-note{border-block:1px solid var(--color-line);align-items:center;gap:24px;margin-block:32px;padding-block:24px;font-size:16px;line-height:1.9;display:flex}.explorer-note .eyebrow{margin-bottom:8px}.explorer-note strong{font-size:16px;line-height:1.6}.explorer-note-copy{color:var(--color-muted);max-width:40em;margin-top:8px;font-size:14px}.explorer-note--compact{gap:16px;padding-block:16px}.guide-nav{border-block:1px solid var(--color-line-strong);flex-wrap:wrap;gap:8px 24px;margin-bottom:32px;padding-block:16px;display:flex}.guide-nav a{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:14px;display:inline-flex}.guide-lead{max-width:40em;font-size:16px;line-height:1.9}.identity-grid,.logo-usage,.responsive-grid,.pattern-grid,.quality-grid,.authoring-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.identity-tile{outline:1px solid var(--color-line);background:var(--color-paper-light);flex-direction:column;justify-content:center;align-items:center;gap:24px;margin:0;padding:40px 24px;display:flex}.identity-tile figcaption{text-align:center;max-width:26em;font-size:14px;line-height:1.9}.identity-tile b{margin-bottom:8px;font-size:16px;display:block}.logo-lockup{outline:1px solid var(--color-line-strong);align-items:center;gap:16px;width:max-content;max-width:100%;margin-block:32px;padding:24px;display:flex}.logo-lockup strong{font-size:24px;line-height:1.4}.logo-lockup small{font:12px/1.6 var(--font-mono);display:block}.logo-size-samples{align-items:end;gap:24px;margin-top:24px;display:flex}.logo-size-samples figure{outline:1px dashed var(--color-line-strong);flex-direction:column;align-items:center;gap:16px;margin:0;padding:16px;display:flex}.logo-size-samples figcaption{font:12px/1.6 var(--font-mono);text-align:center}.logo-monochrome{align-items:center;gap:24px;margin-bottom:16px;display:flex}.logo-usage p,.logo-usage li{font-size:16px;line-height:1.9}.pattern-grid,.responsive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-grid article,.responsive-grid article,.quality-grid article{outline:1px solid var(--color-line);background:var(--color-paper-light);min-width:0;padding:24px}.pattern-grid p,.responsive-grid p,.quality-grid li{font-size:16px;line-height:1.9}.pattern-index{font:12px/1.6 var(--font-mono);color:var(--color-orange-ink)}.page-map{counter-reset:map;margin-block:24px;padding:0;list-style:none}.page-map li{counter-increment:map;border-bottom:1px solid var(--color-line);padding-block:12px;font-size:14px}.page-map li:before{content:counter(map, decimal-leading-zero) " / ";color:var(--color-orange-ink);font-family:var(--font-mono)}.layout-sample{border:1px solid var(--color-line-strong);flex-direction:column;gap:8px;min-height:192px;margin-block:24px;padding:16px;font-size:12px;line-height:1.6;display:flex}.layout-sample span,.layout-sample b{text-align:center;background:#eae2d3;padding:12px;font-weight:400}.layout-sample>div{flex:1;grid-template-columns:1fr 2fr;gap:8px;display:grid}.layout-sample--phone{max-width:208px;margin-inline:auto}.authoring-pair .prose{min-width:0}.authoring-pair pre{max-width:100%;font-size:12px;overflow:auto}.guide-checks{max-width:40em;margin-top:32px}.guide-checks>p{color:var(--color-muted);font-size:14px}body{letter-spacing:0;font-size:16px;line-height:1.6}p,li{text-wrap:pretty}h1,h2,h3{word-break:auto-phrase;text-wrap:balance;line-height:1.4}h3{margin-block:24px 16px;font-size:24px}ul,ol{margin-block:16px;padding-left:24px}.header nav a{min-width:44px}.prose{max-width:40em;font-size:16px}.prose p{line-height:1.9}.prose th,.prose td{text-wrap:balance}.prose .table-scroll table{table-layout:fixed;min-width:560px}.brand,.featured-art-copy>span:last-child{line-height:1.4}.featured-art-copy strong{font-size:32px}.lesson-row h3{font-size:16px}.footer-links,.featured-heading time,.library-heading>.mono{text-align:right}@media (width<=1100px){.pattern-grid,.responsive-grid{grid-template-columns:1fr}.identity-grid,.logo-usage{gap:24px}}@media (width<=760px){.brand-cat{width:48px;height:48px}.brand{font-size:16px}.identity-grid,.logo-usage,.quality-grid,.authoring-pair{grid-template-columns:1fr}.identity-tile{padding:32px 16px}.logo-lockup{gap:8px;padding:16px}.logo-lockup strong{font-size:16px}.logo-lockup .brand-mark{flex-shrink:0;width:48px;height:48px}.logo-size-samples{flex-wrap:wrap;gap:16px}.logo-size-samples figure{padding:8px}.explorer-note{align-items:start;gap:16px}.explorer-note .explorer-cat{width:72px;height:72px}.explorer-note strong{font-size:16px}.explorer-note-copy{font-size:14px}.prose{font-size:16px}.hero h1{font-size:32px}.hero-art figcaption{font-size:12px}.design-intro h1{font-size:32px}.path-card-heading{padding-right:0}.path-illustration{width:128px;margin:16px auto;position:static}.path-title{max-width:none}.header nav{gap:8px}.header nav a{padding-inline:8px}.future-topics>span{flex-wrap:wrap}.future-topics small{font-size:12px}.swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}p{margin-bottom:16px}.prose pre code{color:var(--color-paper-light);font-size:12px;line-height:inherit;letter-spacing:0;background:0 0;border:0;padding:0}.checklist input{appearance:none;cursor:pointer;background:0 0;border:0;flex-shrink:0;width:44px;height:44px;margin:0;display:block;position:relative}.checklist input:before{content:"";border:1px solid var(--color-ink);background:var(--color-paper-light);position:absolute;inset:12px}.checklist input:checked:before{background:var(--color-orange-ink);border-color:var(--color-orange-ink)}.checklist input:checked:after{content:"";border-left:2px solid var(--color-paper-light);border-bottom:2px solid var(--color-paper-light);width:10px;height:6px;position:absolute;top:17px;left:16px;transform:rotate(-45deg)}.checklist label{align-items:center}.design-section p{max-width:40em}.prose .flow strong{text-wrap:balance;word-break:auto-phrase;display:block}@media (width<=1100px){.article-grid{flex-direction:column;gap:32px;display:flex}.article-grid aside nav{position:static}}@media (width<=760px){.wrap,.header,footer{width:calc(100% - 32px)}.manifesto-band strong{text-wrap:balance;max-width:15em}}.lesson-num{flex-shrink:0;width:16px}.path-number{letter-spacing:0;flex-shrink:0;width:40px}.path-card-heading{gap:16px}.guide-nav a{text-align:center}.explorer-note strong{text-wrap:balance;word-break:auto-phrase;display:block}.prose blockquote{box-shadow:inset 3px 0 var(--color-orange-ink);border-left:0;padding:24px}.article-grid aside nav{border-left:0;padding-left:24px}.next-lesson{outline:1px solid var(--color-line-strong);border:0}.prose li a{text-wrap:balance;max-width:100%;min-height:44px;display:inline-block}.footer-brand .field-icon{width:48px}.footer-brand{gap:16px}@media (width<=760px){.hero-art figcaption{margin-inline:14px}.manifesto-band .field-icon{width:48px}.manifesto-band>.wrap{gap:16px}.featured-copy h2{max-width:none}.article-header h1{font-size:32px}.article-grid aside nav{padding-left:24px}}.next-lesson{gap:8px;display:grid}.next-lesson strong{text-wrap:balance;word-break:auto-phrase;font-size:16px}.featured-art,.featured-copy,.featured-art-copy{overflow-wrap:anywhere;min-width:0}p,li,figcaption,.explorer-note-copy{text-wrap:pretty}.prose li,.design-rules li,.notice>div:last-child{text-wrap:balance}.prose .notice{max-width:34em}.checklist p,.path-card li,.checklist label{text-wrap:balance}.prose blockquote p{max-width:38em}.lesson-goals{border-left:3px solid var(--color-orange-ink);background:var(--color-paper-light);max-width:40em;margin-block:24px;padding:16px 24px}.lesson-goals h2{margin:0 0 12px;font-size:16px;line-height:1.6}.lesson-goals ul{margin:0;padding-left:24px;font-size:16px;line-height:1.6}.lesson-goals li{text-wrap:balance;margin-block:8px}[hidden]{display:none!important}.header nav a[aria-current=page]{color:var(--color-orange-ink);border-color:var(--color-orange-ink);background:var(--color-orange-soft);box-shadow:inset 0 -4px var(--color-orange-ink)}.hub-page{padding-block:32px 64px}.hub-header{max-width:48em;margin-block:24px 40px}.hub-header h1{letter-spacing:-.04em;text-wrap:balance;margin:0 0 24px;font-size:40px;font-weight:850;line-height:1.4}.hub-header>p:not(.eyebrow):not(.catalog-meta){margin:0 0 24px;font-size:16px;line-height:1.9}.hub-section-title{letter-spacing:-.04em;margin:40px 0 24px;font-size:24px;line-height:1.6}.crumbs{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px;font-size:12px;line-height:1.6;display:flex}.crumbs a{align-items:center;min-width:44px;min-height:44px;padding-block:8px;display:inline-flex}.crumbs>span:last-child{overflow-wrap:anywhere;min-width:0}.topic-grid,.route-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.topic-card,.route-card{border:1px solid var(--color-line-strong);background:var(--color-paper-light);min-width:0;padding:24px;text-decoration:none;display:block;position:relative}.topic-card:hover,.route-card:hover{border-color:var(--color-orange-ink)}.topic-card .field-icon{width:48px;height:48px;margin:0 0 16px}.topic-card h2,.topic-card h3,.route-card h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 16px;font-size:24px;line-height:1.6}.topic-card p,.route-card p{margin:0 0 16px;font-size:16px;line-height:1.9}.topic-card .catalog-meta,.route-card .catalog-meta{font-size:12px}.route-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px}.route-card .eyebrow{font-size:12px;line-height:1.6}.catalog-meta{color:var(--color-muted);letter-spacing:0;margin:0 0 12px;font-size:12px;line-height:1.6}.hub-action{margin:24px 0 0;font-size:16px;line-height:1.6}.hub-action a{align-items:center;min-height:44px;padding-block:8px;display:inline-flex}.hub-callout{border-left:3px solid var(--color-orange-ink);background:var(--color-paper-light);margin-bottom:32px;padding:24px}.hub-callout h2{margin:0 0 12px;font-size:24px;line-height:1.6}.hub-callout p{margin:0;font-size:16px;line-height:1.9}.hub-callout a{align-items:center;min-height:44px;padding-block:8px;display:inline-flex}.catalog-list{border-top:1px solid var(--color-line-strong)}.catalog-card{border-bottom:1px solid var(--color-line);min-width:0;padding:24px 0}.catalog-card h2,.catalog-card h3{letter-spacing:-.04em;text-wrap:balance;margin:0 0 12px;font-size:24px;line-height:1.6}.catalog-card h2 a,.catalog-card h3 a{min-height:44px;padding-block:8px;text-decoration:none;display:inline-block}.catalog-card>p:not(.catalog-meta){max-width:40em;margin:0 0 16px;font-size:16px;line-height:1.9}.catalog-card .catalog-meta:last-child{margin:0}.catalog-search{border:1px solid var(--color-line-strong);background:var(--color-paper-light);margin-bottom:32px;padding:24px}.search-primary{grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}.search-primary label,.search-secondary label{flex-direction:column;gap:8px;min-width:0;font-size:16px;font-weight:700;line-height:1.6;display:flex}.catalog-search input,.catalog-search select{font:inherit;border:1px solid var(--color-line-strong);background:var(--color-paper);color:var(--color-ink);border-radius:2px;width:100%;min-width:0;min-height:48px;padding:8px 12px;font-size:16px;font-weight:400;line-height:1.6}.catalog-search input::placeholder{color:var(--color-muted);opacity:1}.catalog-search button,.catalog-pagination button{font:inherit;letter-spacing:0;min-width:44px;min-height:48px;color:var(--color-ink);background:var(--color-paper-light);border:1px solid var(--color-line-strong);cursor:pointer;border-radius:2px;padding:8px 16px;font-size:16px;line-height:1.6}.catalog-search button[type=submit]{background:var(--color-orange);border-color:var(--color-ink);font-weight:700}.catalog-search button:hover,.catalog-pagination button:not(:disabled):hover{color:var(--color-orange-ink);border-color:var(--color-orange-ink)}.catalog-search button[type=submit]:hover{color:var(--color-ink);border-color:var(--color-ink);text-decoration:underline}.catalog-search button:focus-visible,.catalog-pagination button:focus-visible,.catalog-search summary:focus-visible,.learning-context summary:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:4px}.catalog-search>.catalog-meta{margin:16px 0}.catalog-search summary,.learning-context summary{cursor:pointer;min-height:44px;padding-block:8px;font-size:16px;font-weight:700;line-height:1.6}.search-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px;display:grid}.search-status{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.search-status p{margin:0;font-size:16px;line-height:1.6}.catalog-search #catalog-conditions{overflow-wrap:anywhere;text-wrap:balance;margin:16px 0 0}#catalog-empty{border-left:3px solid var(--color-orange-ink);max-width:40em;padding:24px;font-size:16px}.catalog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;font-size:16px;line-height:1.6;display:flex}.catalog-pagination button:disabled{cursor:default;color:var(--color-muted)}.ordered-lessons,.update-list{margin:0;padding:0;list-style:none}.ordered-lessons>li{margin:0 0 24px}.ordered-lessons>li>.eyebrow{margin:0}.ordered-lessons .catalog-card{padding-top:12px}.update-list{border-top:1px solid var(--color-line-strong)}.update-list>li{border-bottom:1px solid var(--color-line);padding:24px 0}.update-list h2,.update-list h3{letter-spacing:-.04em;text-wrap:balance;margin:0 0 12px;font-size:24px;line-height:1.6}.update-list h2 a,.update-list h3 a{align-items:center;min-height:44px;padding-block:8px;text-decoration:none;display:inline-flex}.update-list li>p:not(.catalog-meta){max-width:40em;margin:0;font-size:16px;line-height:1.9}.home-topics,.home-paths,.home-updates{padding-block:48px}.home-topics .section-heading,.home-paths .section-heading,.home-updates .section-heading{margin-bottom:24px}.home-topics .section-heading h2,.home-paths .section-heading h2,.home-updates .section-heading h2{letter-spacing:-.04em;margin:0;font-size:32px;line-height:1.6}.home-route-links{border:1px solid var(--color-line-strong);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;display:grid}.home-route-links>a{background:var(--color-paper-light);flex-direction:column;gap:12px;padding:24px;text-decoration:none;display:flex}.home-route-links>a+a{border-left:1px solid var(--color-line-strong)}.home-route-links strong{font-size:16px;line-height:1.6}.home-route-links .catalog-meta{margin:0}.about-copy{max-width:40em}.article-header .lesson-prerequisite{line-height:1.9;font-size:16px!important}.lesson-prerequisite a{display:inline}.article-header .metadata{flex-wrap:wrap;gap:8px 24px;font-size:12px;line-height:1.6;display:flex}.learning-context{border-block:1px solid var(--color-line-strong);margin-block:32px;padding:24px 0}.learning-context .context-state{margin:0;font-weight:750}.learning-context .catalog-meta{margin:8px 0 16px}.reading-next>span:first-child{font-size:12px}.reading-next strong{text-underline-offset:4px;font-size:24px;line-height:1.6;text-decoration:underline}.reading-next .reading-next-reason{color:var(--color-ink);font-size:16px;line-height:1.9}.reading-next:hover{background:var(--color-orange-soft)}.learning-context details{margin-top:16px}.learning-context .context-title{width:fit-content;max-width:100%;min-height:44px;padding-block:8px;font-size:16px;display:block}.learning-context ol{margin:8px 0 0;padding-left:24px}.learning-context li{margin:0}.learning-context li a{min-height:44px;padding-block:8px;font-size:16px;line-height:1.6;display:block}.learning-context a[aria-current=page]{color:var(--color-ink);font-weight:700;text-decoration-thickness:2px}.related-lessons a{align-items:center;min-height:44px;padding-block:8px;display:flex}.historical-note{border-left:3px solid var(--color-orange-ink);background:var(--color-paper-light);text-wrap:balance;margin:24px 0;padding:16px 24px;font-size:16px;line-height:1.9}@media (width<=760px){.hub-page{padding-block:24px 48px}.hub-header{margin:16px 0 32px}.hub-header h1{font-size:32px}.topic-grid,.route-grid,.home-route-links{grid-template-columns:1fr}.home-route-links>a+a{border-left:0;border-top:1px solid var(--color-line-strong)}.catalog-search{padding:16px}.search-primary,.search-secondary{grid-template-columns:1fr}.search-primary button{width:100%}.home-topics,.home-paths,.home-updates{padding-block:32px}.home-topics .section-heading h2,.home-paths .section-heading h2,.home-updates .section-heading h2{font-size:24px}.topic-card,.route-card{padding:16px}.catalog-card h2,.catalog-card h3,.update-list h2,.update-list h3{font-size:24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.home-route-links strong{text-wrap:balance}.ordered-lessons,.update-list{max-width:40em}@media (width>=761px) and (width<=1100px){.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-route-links{grid-template-columns:1fr}.home-route-links>a+a{border-left:0;border-top:1px solid var(--color-line-strong)}}.update-list h2 a,.update-list h3 a,.catalog-card h2 a,.catalog-card h3 a{overflow-wrap:anywhere;display:block}.catalog-card h2 a,.catalog-card h3 a{max-width:32em}.catalog-topic-links{flex-wrap:wrap;gap:12px;margin-bottom:24px;font-size:16px;line-height:1.6;display:flex}.catalog-topic-links a{border:1px solid var(--color-line-strong);align-items:center;min-width:44px;min-height:44px;padding:8px 16px;text-decoration:none;display:inline-flex}.lesson-prerequisites{flex-direction:column;align-items:start;gap:8px;margin-bottom:24px;font-size:16px;line-height:1.6;display:flex}.lesson-prerequisites a{overflow-wrap:anywhere;align-items:center;min-width:44px;max-width:100%;min-height:44px;padding-block:8px;display:inline-flex}.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.topic-card{padding:16px}.topic-card h2,.topic-card h3{font-size:16px}.topic-card .field-icon{width:32px;height:32px}@media (width<=1100px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.topic-grid{grid-template-columns:1fr}}.table-hint{display:none}@media (width<=760px){.table-hint{margin:16px 0 8px;font-size:12px;line-height:1.6;display:block}}.article-visual{border-block:1px solid var(--color-line-strong);background:var(--color-paper-light);margin:32px 0;padding:24px}.article-visual .visual-kicker{color:var(--color-orange-ink);margin:0 0 12px;font-size:12px}.article-visual .visual-speech{margin:0 0 12px;font-size:24px;font-weight:750;line-height:1.6}.visual-scene{grid-template-columns:112px minmax(0,1fr);align-items:center;gap:24px;display:grid}.visual-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.visual-node{border:1px solid var(--color-line-strong);background:var(--color-paper);min-width:0;padding:16px}.article-visual .visual-node strong{font-size:16px;line-height:1.6;display:block}.article-visual p{overflow-wrap:anywhere;margin:8px 0 0;font-size:16px;line-height:1.9}.article-visual .visual-detail{color:var(--color-muted)}.article-visual .visual-value{color:var(--color-orange-ink);font-weight:750}.visual-node--accent{border-color:var(--color-orange-ink);background:var(--color-orange-soft)}.visual-node .field-icon{width:64px;height:48px;margin-bottom:12px;display:block}.visual-stack{max-width:32em;margin-inline:auto}.article-visual .visual-transfer{text-align:center;margin:12px 0}.visual-exchange{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-block:12px;display:grid}.article-visual .visual-exchange p{margin:0}.visual-inspect{margin:0;padding:0;list-style:none}.visual-inspect li{border-bottom:1px solid var(--color-line);grid-template-columns:64px minmax(0,1fr);gap:16px;padding-block:16px;display:grid}.visual-inspect li:first-child{padding-top:0}.visual-inspect li:last-child{border:0;padding-bottom:0}.visual-inspect .field-icon{width:64px;height:48px}.article-visual figcaption{color:var(--color-muted);margin:16px 0 0;font-size:12px;line-height:1.9}.article-preparation{margin-block:24px}.article-preparation summary{cursor:pointer;min-height:44px;padding-block:8px}.article-preparation summary:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.article-narrative pre,.article-narrative blockquote{font-size:16px}@media (width<=760px){.article-visual{padding:16px 12px}.visual-pair{grid-template-columns:1fr}.visual-scene{grid-template-columns:80px minmax(0,1fr);gap:12px}.visual-scene .explorer-cat{width:80px;height:80px}.article-visual .visual-speech{font-size:16px}.visual-inspect li{grid-template-columns:48px minmax(0,1fr);gap:12px}.visual-inspect .field-icon{width:48px;height:40px}}.article-narrative pre{background:var(--color-ink)!important;color:var(--color-paper-light)!important}.article-narrative pre span{color:inherit!important}.article-narrative pre span[style*=\#6A737D]{color:var(--color-line)!important}.article-narrative pre span[style*=\#F97583]{color:var(--color-orange-soft)!important}.reading-next strong,.reading-next-reason{text-wrap:balance;display:block}.article-header>p,.article-visual figcaption{max-width:40em}.article-narrative p{text-wrap:balance}.article-header--narrative>p:not(.eyebrow):not(.metadata){font-size:16px;line-height:1.9}.article-mobile-toc{display:none}@media (width<=760px){.article-grid>.article-toc-optional{display:none}.article-mobile-toc{border-bottom:1px solid var(--color-line);margin-bottom:24px;display:block}.article-mobile-toc summary{cursor:pointer;min-height:44px;padding-block:8px}.article-mobile-toc summary:focus-visible{outline:var(--focus-ring);outline-offset:4px}.article-mobile-toc a{text-wrap:balance;min-height:44px;padding-block:8px;font-size:16px;line-height:1.6;display:block}}.reading-art{aspect-ratio:3/2;width:100%;max-width:100%;height:auto;display:block}.home-reading{padding-block:48px}.home-reading>h2{text-wrap:balance;margin:0 0 24px;font-size:32px;line-height:1.6}.reading-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.reading-card{color:var(--color-ink);text-decoration:none}.reading-card:hover{border-color:var(--color-orange-ink);background:var(--color-orange-soft)}.reading-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}.reading-card-copy{min-width:0;color:var(--color-ink)}.reading-card .reading-card-situation{color:var(--color-orange-ink);margin:0 0 12px;font-size:12px;line-height:1.6}.reading-card h2,.reading-card h3{text-wrap:balance;color:var(--color-ink);margin:0 0 12px;font-size:24px;line-height:1.6}.reading-card .reading-card-description{text-wrap:balance;margin:0 0 12px;font-size:16px;line-height:1.9}.reading-card .catalog-meta{margin:0 0 12px;font-size:12px;line-height:1.6}.reading-card-action{color:var(--color-orange-ink);text-underline-offset:4px;font-size:16px;line-height:1.6;text-decoration:underline;display:block}.article-visual .visual-scene{display:block}.visual-scene>.reading-art,.visual-node-scene>.reading-art{margin-bottom:24px}.article-narrative .reading-card{margin-block:24px}@media (width<=1100px){.reading-card-grid .reading-card{grid-template-columns:1fr}}@media (width<=760px){.home-reading{padding-block:32px}.home-reading>h2{font-size:24px}.reading-card-grid,.reading-card{grid-template-columns:1fr}}.cat-guide{margin:32px 0}.cat-guide-art{pointer-events:none;user-select:none;width:176px;max-width:100%;height:auto;display:block}.cat-guide--investigate{grid-template-columns:176px minmax(0,1fr);align-items:center;gap:24px;display:grid}.cat-guide-copy{min-width:0}.cat-guide .cat-guide-title{text-wrap:balance;margin:0 0 12px;font-size:16px;font-weight:750;line-height:1.6}.cat-guide-copy p{text-wrap:balance;margin:0;font-size:16px;line-height:1.9}.cat-guide--peek{padding-top:96px;position:relative}.cat-guide--peek>.cat-guide-art{position:absolute;top:0;right:16px}.cat-guide--peek>.cat-guide-copy{border:1px solid var(--color-line-strong);background:var(--color-paper-light);padding:24px}.paw-divider{pointer-events:none;align-items:center;gap:12px;margin:40px 0;display:flex}.paw-divider span{border-bottom:1px solid var(--color-line);flex:1}.paw-divider img{object-fit:contain;width:32px;height:32px;display:block}.paw-divider img:first-of-type{transform:rotate(-16deg)}.paw-divider img:nth-of-type(2){transform:rotate(16deg)}@media (width<=760px){.cat-guide--investigate{grid-template-columns:1fr;gap:16px}.cat-guide--investigate>.cat-guide-art{margin-inline:auto}.cat-guide--peek>.cat-guide-copy{padding:24px 16px}}.topic-feature{background:var(--color-paper-light);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;margin:0 0 48px;padding:32px;display:grid}.topic-feature>div{min-width:0}.topic-feature h2{letter-spacing:-.04em;text-wrap:balance;margin:0 0 16px;font-size:24px;line-height:1.6}.topic-feature p:not(.catalog-meta){margin:0 0 24px;font-size:16px;line-height:1.9}.topic-read{min-height:44px;color:var(--color-paper-light);background:var(--color-orange-ink);align-items:center;gap:16px;padding:12px 24px;font-size:16px;font-weight:750;line-height:1.6;text-decoration:none;display:inline-flex}.topic-read:hover{text-decoration:underline}.topic-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:48px;display:grid}.topic-question,.topic-neighbors>article{min-width:0}.topic-question h3,.topic-neighbors h3{letter-spacing:-.04em;text-wrap:balance;margin:0 0 16px;font-size:24px;line-height:1.6}.topic-question p,.topic-neighbors p{margin:0 0 16px;font-size:16px;line-height:1.9}.topic-question a,.topic-neighbors a{align-items:center;min-height:44px;padding-block:8px;font-size:16px;line-height:1.6;display:inline-flex}.topic-neighbors{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-bottom:32px;display:grid}@media (width<=760px){.topic-feature{grid-template-columns:minmax(0,1fr);gap:24px;padding:24px}.topic-questions,.topic-neighbors{grid-template-columns:minmax(0,1fr);gap:32px}}.topic-guide .hub-header{max-width:40em}.topic-neighbors a{letter-spacing:0}.prose h2{border-top:0;margin-top:64px;padding-top:0}.prose .explorer-note,.prose .flow,.prose .learning-context,.prose .article-visual,.prose .article-mobile-toc{border-block:0}.prose .checklist li{border-bottom:0;margin-bottom:12px}.prose .related-lessons{margin-top:48px}.prose .related-lessons h2,.prose .visual-node,.prose .visual-inspect li,.prose .flow li{border:0}.prose .paw-divider span{border:0;flex:0}.prose .paw-divider{justify-content:center;gap:12px;margin-block:32px}.cat-guide--peek>.cat-guide-copy{border:0}.cat-pose{object-fit:contain;pointer-events:none;user-select:none;max-width:100%;height:auto;display:block}.cat-guide--inline{grid-template-columns:144px minmax(0,1fr);align-items:center;gap:24px;display:grid}.cat-guide--inline>.cat-guide-art{object-fit:contain;width:144px;height:144px}.cat-guide--peek-side{grid-template-columns:minmax(0,1fr) 112px}.cat-guide--peek-side>.cat-guide-art{grid-area:1/2;width:112px}.cat-guide--peek-side>.cat-guide-copy{background:var(--color-paper-light);grid-area:1/1;padding:24px}.lesson-art{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.lesson-scene{margin:32px 0 48px}.lesson-scene>.lesson-art{max-width:640px;margin-inline:auto}.lesson-scene figcaption{text-wrap:balance;max-width:40em;margin-top:16px}.lesson-scene figcaption span{color:var(--color-muted);font-size:12px;line-height:1.6;display:block}.lesson-scene figcaption strong{text-wrap:balance;margin-top:8px;font-size:24px;line-height:1.6;display:block}.lesson-diagram{background:var(--color-paper-light);margin:32px 0;padding:24px}.lesson-diagram .diagram-title{text-wrap:balance;margin:0 0 24px;font-size:16px;font-weight:750;line-height:1.6}.diagram-nodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.diagram-node{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:12px;min-width:0;display:grid;position:relative}.diagram-glyph{width:48px;height:48px;color:var(--color-orange-ink)}.diagram-node strong{text-wrap:balance;font-size:16px;line-height:1.6;display:block}.lesson-diagram .diagram-node p{text-wrap:balance;margin:8px 0 0;font-size:16px;line-height:1.9}.lesson-diagram .diagram-node .diagram-example{color:var(--color-muted);font-size:12px;line-height:1.9}.lesson-diagram figcaption{color:var(--color-muted);text-wrap:balance;max-width:40em;margin:24px 0 0;font-size:12px;line-height:1.9}.lesson-diagram--sequence .diagram-nodes{grid-template-columns:1fr;gap:32px}.diagram-arrow{color:var(--color-orange-ink);font-size:24px;line-height:1.4;position:absolute;top:-32px;left:16px}.lesson-diagram--branch .diagram-node:first-child{grid-column:1/-1}.lesson-diagram--branch .diagram-node:not(:first-child){background:var(--color-paper);grid-template-columns:1fr;padding:16px}.learning-context{margin-block:48px;padding:0}.reading-next-copy{min-width:0}.reading-next-copy>span:first-child{font-size:12px;line-height:1.6}.reading-next strong{margin-block:8px 12px;font-size:24px;text-decoration:none}.reading-next:hover strong{text-decoration:underline}.reading-next:focus-visible{outline:var(--focus-ring);outline-offset:4px}.related-card strong{text-wrap:balance;font-size:16px;line-height:1.6;display:block}.related-card .card-copy>span{color:var(--color-muted);font-size:12px;line-height:1.6}.related-card:hover strong{text-decoration:underline}.related-card:focus-visible{outline:var(--focus-ring);outline-offset:4px}.reading-route-end{display:list-item}.reading-route-end .cat-pose{vertical-align:middle;object-fit:contain;width:64px;height:64px;display:inline-block}@media (width<=760px){.cat-guide--inline{grid-template-columns:96px minmax(0,1fr);gap:16px}.cat-guide--inline>.cat-guide-art{width:96px;height:112px}.cat-guide--peek-side{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.cat-guide--peek-side>.cat-guide-art{width:80px}.cat-guide--peek-side>.cat-guide-copy{padding:16px}.diagram-nodes{grid-template-columns:1fr;gap:24px}.lesson-diagram{padding:24px 16px}.lesson-scene figcaption strong{font-size:16px}}@media (width<=375px){.cat-guide--inline:not(.cat-guide--peek-side){grid-template-columns:1fr}.cat-guide--inline:not(.cat-guide--peek-side)>.cat-guide-art{margin-inline:auto}}.prose .failure-comparison>p:not(.diagram-title){margin:0 0 24px;font-size:16px;line-height:1.9}.prose .failure-comparison details{background:var(--color-paper);border:0;margin:16px 0;padding:16px}.prose .failure-comparison summary{letter-spacing:0;cursor:pointer;min-height:44px;padding:8px 0;font-size:16px;font-weight:750;line-height:1.6}.prose .failure-comparison details p{margin:16px 0 0;font-size:16px;line-height:1.9}.image-card{background:var(--color-paper-light);border:0;flex-direction:column;gap:0;min-width:0;padding:0;display:flex}.image-card>.card-art,.image-card>.topic-visual{flex-shrink:0;width:100%;max-width:none;margin:0;padding:0}.image-card>.card-copy{min-width:0;padding:24px}.catalog-list,.ordered-lessons,.discovery-list{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;display:grid}.ordered-lessons>li{min-width:0;margin:0}.ordered-lessons .catalog-card{padding:0}.ordered-lessons>li>.eyebrow{margin-bottom:12px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.prose .image-card{gap:0;padding:0;text-decoration:none}@media (width<=1100px){.catalog-list,.ordered-lessons,.discovery-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.catalog-list,.ordered-lessons,.discovery-list,.related-grid{grid-template-columns:1fr;gap:16px}.image-card>.card-copy{padding:16px}}.site-frame{display:contents}.mountain-backdrop{display:none}@media (width>=1280px){.mountain-backdrop{pointer-events:none;display:block;position:fixed;inset:0}.mountain-backdrop img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.site-frame--mountain{background-color:var(--color-paper);background-image:radial-gradient(#19191909 .5px,#0000 .6px);background-size:5px 5px;max-width:1200px;min-height:100vh;margin-inline:auto;display:flow-root;position:relative}.site-frame--mountain .hero h1{font-size:64px}.site-frame--mountain .hero-art{width:calc(100% + 40px)}}@media print{.mountain-backdrop{display:none}.site-frame--mountain{display:contents}}.creator-links[data-astro-cid-4s7bmstf]{flex-wrap:wrap;gap:8px 24px;display:flex}.creator-links[data-astro-cid-4s7bmstf] a[data-astro-cid-4s7bmstf]{flex-direction:column;justify-content:center;min-width:44px;min-height:44px;padding-block:8px;font-size:16px;line-height:1.6;display:flex}.creator-links[data-astro-cid-4s7bmstf] a[data-astro-cid-4s7bmstf]>span[data-astro-cid-4s7bmstf]{text-underline-offset:4px;text-decoration:underline}.creator-links[data-astro-cid-4s7bmstf] small[data-astro-cid-4s7bmstf]{color:var(--color-muted);font-size:12px;line-height:1.6}.creator-links--detailed[data-astro-cid-4s7bmstf]{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;display:grid}@media (width<=480px){.creator-links--detailed[data-astro-cid-4s7bmstf]{grid-template-columns:1fr}}.copyright[data-astro-cid-e6xjdcgf]{color:var(--color-muted);font-size:12px}.footer-brand[data-astro-cid-e6xjdcgf]{width:fit-content;min-height:44px;color:inherit;gap:12px;text-decoration:none}
