*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;--bg:#f5f5f7;--surface:#fff;--ink:#202124;--muted:#6e7178;--line:#20212415;--accent:#3478f6;--project-bg:#e7edf6;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input{font:inherit}button{cursor:pointer}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.045em}h1{font-weight:600}h2,h3{font-weight:550}p{color:var(--muted)}button{color:inherit}em{font-style:normal}kbd{font:10px ui-monospace,monospace;color:var(--muted);margin-left:12px}.kicker,.small-label,.column-label,.note-type{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.kicker{color:var(--accent)}.small-label,.column-label{color:var(--muted)}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.skip-link{position:absolute;top:-100px;left:20px;z-index:20;background:var(--surface);padding:10px 20px}.skip-link:focus{top:10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1240px;margin:auto;padding:28px 50px}.brand{font-size:18px;font-weight:600;letter-spacing:-.04em}.brand span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:2px}.topbar nav{display:flex;align-items:center;gap:28px;font-size:12px}.topbar nav [aria-current]{color:var(--accent)}.topbar button,.desk-toolbar button{background:none;border:0;font-size:12px}.primary-button{display:inline-flex;background:var(--accent);color:#fff;padding:11px 22px;border-radius:24px;font-size:12px;align-items:center;justify-content:center}.primary-button:hover{color:#fff;filter:brightness(1.08)}.hero-actions{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px}.section-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.section-heading h2{font-size:34px;letter-spacing:-.045em;margin-top:12px}.section-heading>a{font-size:11px;color:var(--accent)}footer{max-width:1200px;margin:50px auto 0;padding:30px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.prototype-label{font-size:10px;color:var(--muted);line-height:1.8;padding:25px 0;max-width:800px}.publication{padding:35px 0;border-top:1px solid var(--line)}.publication .kicker{display:block;margin-bottom:15px}.publication>a{font-size:17px}.recent-list>a{display:grid;grid-template-columns:30px 1fr 110px 15px;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.recent-list h3{font-size:21px;line-height:1.25;margin-top:6px;letter-spacing:-.03em}.recent-list time,.row-number{font:10px ui-monospace,monospace;color:var(--muted)}
/* GALLERY: centered, open showcase; large visual work tiles. */
body[data-design=gallery]{background:linear-gradient(#fff 0,#f5f5f7 900px)}body[data-design=gallery] .topbar{position:relative;margin-top:15px;max-width:1100px;border-radius:50px;background:#ffffffb8;backdrop-filter:blur(18px);padding:14px 28px;box-shadow:0 3px 35px #22222204}.gallery-home{max-width:1200px;margin:auto;padding:0 40px}.gallery-hero{text-align:center;padding:65px 0 0;overflow:hidden}.gallery-hero h1{font-size:clamp(60px,7vw,94px);margin:17px 0 15px;font-weight:650;letter-spacing:-.07em}.gallery-hero>p{font-size:21px;line-height:1.5}.gallery-hero .hero-actions{margin:26px 0 0}.gallery-object{position:relative;height:460px;max-width:940px;margin:25px auto 0;perspective:1400px}.object-halo{position:absolute;inset:60px 80px 0;border-radius:50%;background:radial-gradient(ellipse,#d7e5ff99,transparent 70%);filter:blur(35px)}.floating-page{position:absolute;width:290px;height:330px;top:60px;background:#ffffffee;border:1px solid #fff;border-radius:17px;padding:27px;text-align:left;box-shadow:0 22px 60px #34455d18}.floating-page>span{font:8px ui-monospace,monospace;letter-spacing:.14em;color:#8691a5}.floating-page h3{font-size:32px;line-height:1.05;margin:20px 0;letter-spacing:-.055em;color:#293b57}.page-back{left:10%;transform:rotateY(20deg) rotateZ(-12deg) translateY(18px);background:#edf2fa}.page-middle{right:10%;transform:rotateY(-20deg) rotateZ(12deg) translateY(18px);background:#e7effb}.page-front{left:50%;transform:translateX(-50%);top:45px;z-index:2;box-shadow:0 24px 70px #24437325;width:310px;height:350px}.page-front:hover{color:inherit;box-shadow:0 25px 75px #24437338}.sheet-link{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #293b5712;font-size:11px;color:#59687c}.sheet-link b{font-weight:400;color:#3478f6}.floating-page small{display:block;font-size:9px;color:#3478f6;margin-top:17px}.sheet-lines{height:100px;background:repeating-linear-gradient(0deg,transparent 0,transparent 16px,#a5b6d233 17px,#a5b6d233 18px);margin-top:30px}.sheet-experts{display:flex;gap:8px;margin-top:45px}.sheet-experts i{width:45px;height:60px;border-radius:8px;background:#c7d7ef}.sheet-experts i:nth-child(odd){background:#6497e6}.work-section{margin:45px 0 70px}.work-items{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-item{position:relative;overflow:hidden;background:var(--surface);border-radius:25px;padding:30px;display:flex;flex-direction:column;min-height:300px}.work-item.work-0{grid-column:1/-1;min-height:340px;--project-bg:#e7edf6;background:var(--project-bg)}.work-index{font:10px ui-monospace,monospace;color:var(--muted)}.work-copy{position:relative;margin-top:auto;z-index:2}.work-copy h3{font-size:30px}.work-copy p{font-size:13px;margin:12px 0 15px}.work-copy>span{font-size:11px;color:var(--accent)}.magnet-art{position:absolute;right:0;top:0;width:65%;height:100%;color:#5279b2}.work-0 .work-copy{max-width:380px}.work-symbol{font-size:95px;color:#96b4e5;line-height:1;margin:10px 0 25px;text-align:right}.recent-section{margin:65px 0}.gallery-home .publication{margin-top:20px}
/* CANVAS: asymmetric, dark, editorial; no tile-based project grid. */
body[data-design=canvas]{--bg:#10141c;--surface:#181e28;--ink:#e9edf4;--muted:#939cad;--line:#d7deec19;--accent:#b7a4f5;--project-bg:#10141c;background:#10141c}body[data-design=canvas] .topbar{max-width:none;margin:0 55px;padding:32px 0;border-bottom:1px solid var(--line)}body[data-design=canvas] .brand{font-family:Georgia,serif;font-size:23px;font-weight:400}body[data-design=canvas] .brand span{font-family:-apple-system,sans-serif;font-size:9px}body[data-design=canvas] .topbar button{border:1px solid var(--line);padding:7px 14px;border-radius:4px}.canvas-home{max-width:1400px;margin:auto;padding:0 55px}.canvas-hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:660px;gap:35px;align-items:center;position:relative}.canvas-title{padding:70px 0 45px;z-index:1}.canvas-title h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(55px,6.3vw,88px);font-weight:400;line-height:1.07;letter-spacing:-.06em;margin:32px 0}.canvas-title h1 em{color:#b7a4f5}.canvas-title p{font-size:15px;max-width:360px;line-height:1.8}.text-button{display:inline-flex;gap:45px;align-items:center;padding:15px 0;border-bottom:1px solid var(--accent);margin-top:24px;font-size:13px;color:var(--accent)}.canvas-caption{display:flex;gap:25px;font:8px ui-monospace,monospace;color:var(--muted);margin-top:45px}.canvas-art{height:620px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 55% 45%,#62547424,transparent 62%)}.canvas-weave{width:100%;height:100%}.canvas-introduction{padding:55px 0 70px;border-block:1px solid var(--line);display:grid;grid-template-columns:160px 1fr;gap:25px}.canvas-introduction p{font-family:Georgia,serif;font-size:29px;line-height:1.5;color:var(--ink);max-width:800px}.canvas-introduction>a{grid-column:2;font-size:12px;color:var(--accent)}body[data-design=canvas] .section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:37px}body[data-design=canvas] .recent-list h3{font-weight:400;font-size:22px}body[data-design=canvas] .work-items{display:block}body[data-design=canvas] .work-item{display:grid;grid-template-columns:45px 1fr;min-height:0;background:transparent;border-radius:0;padding:30px 0;border-top:1px solid var(--line);gap:30px}body[data-design=canvas] .magnet-art,body[data-design=canvas] .work-symbol{display:none}body[data-design=canvas] .work-copy{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start}body[data-design=canvas] .work-copy h3{font:38px/1.2 Georgia,serif;letter-spacing:-.04em}body[data-design=canvas] .work-copy p{margin:5px 0;font-size:13px}body[data-design=canvas] .work-copy>span{grid-column:2}body[data-design=canvas] .work-0 .work-copy{max-width:none}body[data-design=canvas] .work-section{margin-top:95px}body[data-design=canvas] footer{max-width:none;margin-inline:55px;padding-inline:0}
/* SHARED BROWSING PRIMITIVES: final column always contains the complete list. */
.atlas-page{max-width:1300px;margin:auto;padding:35px 40px}.atlas-title{padding:25px 0 40px}.atlas-title h1{font-size:52px;margin:15px 0;letter-spacing:-.055em}.atlas-title p{font-size:14px}.library{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 15px 60px #20212404}.browser-tools{display:flex;align-items:center;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line)}.browser-tools label{display:flex;align-items:center;gap:12px;flex:1}.browser-tools input{width:100%;padding:5px 0;border:0;outline:0;background:none;color:var(--ink);font-size:12px}.browser-tools label:focus-within{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}.browser-tools>a{font-size:10px;color:var(--accent);white-space:nowrap}input::placeholder{color:var(--muted)}.browser-path{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 22px;font-size:10px;border-bottom:1px solid var(--line);color:var(--muted)}.browser-location{margin-left:auto;font-size:9px}.browser-columns{display:flex;overflow-x:auto;scrollbar-width:thin;min-height:460px}.categories{display:flex;flex-shrink:0}.category-column{width:180px;border-right:1px solid var(--line);padding:20px 10px}.column-label{font-size:8px;display:block;letter-spacing:.1em}.category-column>.column-label{padding:0 10px 16px}.category-column a{display:grid;grid-template-columns:1fr auto 7px;align-items:center;gap:7px;line-height:1.4;padding:11px 10px;font-size:11px;border-radius:7px;margin:3px 0}.category-column small{font:8px ui-monospace,monospace;color:var(--muted)}.category-column b{font-weight:400;color:var(--muted)}.category-column a[aria-current]{background:#3478f612;color:var(--accent)}.category-column a:hover:not([aria-current]){background:var(--bg);color:var(--ink)}.notes-column{min-width:300px;flex:1;display:flex;flex-direction:column}.notes-column>header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px;border-bottom:1px solid var(--line);gap:15px}.notes-column>header h2{font-size:17px;line-height:1.3;margin-top:6px;letter-spacing:-.03em}.notes-column>header>span{font:10px ui-monospace,monospace;padding:3px 9px;border-radius:10px;background:var(--bg);color:var(--muted)}.category-notes{overflow:auto;max-height:450px;scrollbar-width:thin}.category-note{display:block;position:relative;padding:18px 45px 18px 23px;border-bottom:1px solid var(--line)}.category-note:hover{background:var(--bg)}.category-note h3{font-size:14px;line-height:1.4;margin:5px 0;letter-spacing:-.015em}.category-note p{font-size:10px;line-height:1.65}.note-type{font:7px ui-monospace,monospace;color:var(--muted);letter-spacing:.05em}.category-note:first-child .note-type{color:var(--accent)}.note-arrow{position:absolute;right:20px;top:45%;color:var(--muted);font-size:12px}.category-note[aria-current]{background:#735b9110}.no-results{padding:35px;color:var(--muted);font-size:12px}body[data-design=canvas] .atlas-page{padding:45px 55px}body[data-design=canvas] .atlas-title h1{font:64px Georgia,serif;letter-spacing:-.055em}body[data-design=canvas] .library{border-radius:3px;background:#141a24;box-shadow:none}body[data-design=canvas] .category-column a[aria-current]{background:#b7a4f516}body[data-design=canvas] .category-column a{border-radius:3px}body[data-design=canvas] .notes-column>header h2{font-family:Georgia,serif;font-size:24px;font-weight:400}body[data-design=canvas] .category-note h3{font-size:16px;font-weight:400}body[data-design=canvas] .category-note{padding-block:20px}
/* DESK: persistent shell, independent scrolling panes, no marketing hero. */
body[data-design=desk]{--bg:#f3f2ef;--surface:#fff;--ink:#29282d;--muted:#85828a;--line:#29282d10;--accent:#735b91;background:var(--bg);font-size:13px}.desk-shell{display:grid;grid-template-columns:205px minmax(0,1fr);height:100dvh;overflow:hidden}.desk-sidebar{display:flex;flex-direction:column;padding:26px 18px;background:#efeeeb;border-right:1px solid var(--line)}.desk-brand{padding:0 10px 35px;display:block}.desk-brand>span{display:block;width:38px;height:38px;border-radius:10px;background:#dfd8e7;color:#735b91;font:bold 23px/38px Georgia,serif;text-align:center;margin-bottom:16px}.desk-brand strong{font-size:14px;display:block}.desk-brand small{font-size:9px;color:var(--muted)}.desk-sidebar nav{display:flex;flex-direction:column;gap:4px}.desk-sidebar nav>a,.desk-sidebar nav>button{display:flex;align-items:center;gap:12px;font-size:11px;padding:10px 12px;border:0;border-radius:6px;background:none;text-align:left}.desk-sidebar nav [aria-current]{background:#e4dfea;color:#63467d}.desk-sidebar nav small{margin-left:auto;font-size:9px;color:var(--muted)}.desk-sidebar kbd{margin-left:auto;font-size:8px}.desk-side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:13px;padding:20px 10px 0;font-size:10px;color:var(--muted)}.desk-side-bottom>span{font:7px ui-monospace,monospace;letter-spacing:.06em;line-height:1.7}.desk-main{min-width:0;display:flex;flex-direction:column;overflow:auto}.desk-toolbar{height:55px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted);background:#f7f6f3}.desk-overview{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:40px;padding:50px 45px}.desk-welcome h1{font-size:39px;line-height:1.2;margin:20px 0;letter-spacing:-.05em}.desk-welcome>p{font-size:13px;max-width:450px;line-height:1.8}.desk-welcome .primary-button{margin-top:22px;border-radius:6px;padding:9px 17px;font-size:11px}.desk-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:45px}.desk-shortcuts>a{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;font-size:10px}.desk-shortcuts a>span{color:var(--muted);font-size:9px}.desk-shortcuts h2{font-size:17px;line-height:1.3;margin:15px 0 8px}.desk-shortcuts p{font-size:10px;line-height:1.8;margin-bottom:22px}.desk-recent{padding:22px;background:#eae7ee;border-radius:12px;align-self:start}.desk-recent>a{display:block;border-bottom:1px solid var(--line);padding:22px 0}.desk-recent>a:last-child{border:0;padding-bottom:0}.desk-recent time{font:8px ui-monospace,monospace;color:var(--muted)}.desk-recent h3{font-size:15px;line-height:1.5;margin:8px 0 10px}.desk-recent a>span{font-size:9px;color:var(--accent)}.desk-work{grid-column:1/-1}.desk-work .section-heading{margin-bottom:20px}.desk-work h2{font-size:20px;margin:0}.desk-work>a{display:flex;gap:18px;align-items:center;background:white;padding:18px 20px;border-bottom:1px solid var(--line)}.desk-work>a:first-of-type{border-radius:10px 10px 0 0}.desk-work>a:last-of-type{border-radius:0 0 10px 10px}.desk-work h3{font-size:13px;margin-bottom:5px}.desk-work p{font-size:10px}.desk-work>a>span:last-child{margin-left:auto}.desk-atlas-layout{display:grid;grid-template-columns:minmax(450px,1fr) minmax(350px,.95fr);flex:1;min-height:0}.desk-browser{overflow:hidden;border-right:1px solid var(--line);background:#f8f7f5;display:flex;flex-direction:column}.desk-browser #browser-body{display:flex;flex-direction:column;min-height:0;flex:1}.desk-browser .browser-columns{flex:1;min-height:0;max-height:none}.desk-browser .category-notes{max-height:none;flex:1}.desk-browser .category-column{width:145px;background:#f3f2ef}.desk-browser .category-column a{font-size:10px;padding:10px 7px}.desk-browser .notes-column{min-width:230px;background:#fff}.desk-browser .notes-column>header{padding:18px}.desk-browser .notes-column>header h2{font-size:14px}.desk-browser .category-note{padding:16px 26px 16px 18px}.desk-browser .category-note h3{font-size:12px}.desk-browser .category-note p{display:none}.desk-browser .category-note .note-type{font-size:6px}.desk-browser .category-note .note-arrow{right:12px}.desk-browser .browser-path{padding:13px 18px;font-size:9px}.desk-browser .browser-location{display:none}.desk-browser .browser-tools{padding:16px 18px;gap:12px}.desk-browser .browser-tools input{font-size:10px}.desk-browser .browser-tools>a{font-size:8px}.desk-reader{display:flex;flex-direction:column;min-height:0;min-width:0;background:#fff}.reading-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;flex-shrink:0;border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.reading-toolbar button{border:0;background:none;font-size:9px;color:var(--accent)}.reading-scroll{overflow:auto;padding:10px 30px 35px}.desk-shell.reader-expanded{grid-template-columns:1fr}.reader-expanded .desk-sidebar,.reader-expanded .desk-browser{display:none}.reader-expanded .desk-atlas-layout{grid-template-columns:1fr}.reader-expanded .reading-scroll{max-width:950px;width:100%;margin:auto}.reader-expanded .topic-title h1{font-size:65px!important}
/* READERS: content fixed; presentation differs by candidate. */
.reading-page{max-width:1200px;margin:35px auto;padding:0 50px}.reading-surface{padding:25px 50px 50px;background:#fff;border-radius:22px}.reading-topline{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}.topic-reader{max-width:950px;margin:auto}.finder-breadcrumb{display:flex;flex-wrap:wrap;gap:9px;font-size:10px;color:var(--muted);padding:25px 0 10px}.eyebrow{font:9px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.topic-title{padding:40px 0}.topic-title h1{font-size:72px;line-height:1.05;font-weight:600;margin:23px 0;letter-spacing:-.06em}.topic-title em{color:var(--accent)}.topic-title p{font-size:19px;line-height:1.75;max-width:690px}.moe-diagram{padding:35px;background:var(--bg);border-radius:22px;text-align:center}.diagram-token,.diagram-router{display:inline-block;padding:13px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:13px}.diagram-router{color:var(--accent)}.diagram-arrow{display:block;color:var(--muted);font-size:24px;margin:10px}.diagram-experts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:25px 0}.diagram-experts>div{border:1px dashed #bbbbbb55;padding:18px 8px;font-size:13px;border-radius:14px;color:var(--muted)}.diagram-experts small{font-size:9px}.diagram-experts .selected-expert{background:var(--accent);color:#fff;border:0}.moe-diagram p{font-size:10px;margin:20px auto 0;max-width:600px}.topic-explanation{margin:50px 0;max-width:720px}.topic-explanation h2{font-size:30px;margin-bottom:20px}.topic-explanation p{font-size:15px;line-height:1.9;margin:18px 0}.deep-dive-section{margin:45px 0}.deep-dive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.deep-dive-grid>a{padding:25px;background:var(--bg);border-radius:18px}.deep-dive-grid a>span{font-size:9px;color:var(--accent)}.deep-dive-grid h2{font-size:25px;line-height:1.2;margin:20px 0 15px}.deep-dive-grid p{font-size:12px;line-height:1.8;margin-bottom:20px}.deep-dive-grid strong{font-size:10px;font-weight:500;color:var(--accent)}.prototype-caveat{font-size:10px;line-height:1.9;color:var(--muted);padding:25px 0}.prototype-caveat a{text-decoration:underline}.parent-note{display:block;margin-top:20px;color:var(--accent);font-size:11px}.routing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.routing-steps section{padding:22px;background:var(--bg);border-radius:18px}.routing-steps span{font-size:9px;color:var(--accent)}.routing-steps h2{font-size:23px;margin:20px 0}.routing-steps p{font-size:12px;line-height:1.8}.reader-next{display:flex;justify-content:space-between;gap:20px;padding:20px;background:var(--bg);font-size:11px;border-radius:12px;color:var(--accent)}.canvas-reading-index{position:sticky;top:35px;align-self:start;font-size:10px;display:flex;flex-direction:column;gap:20px;padding-top:25px}.canvas-reading-index>span{font:8px ui-monospace,monospace;color:var(--muted)}body[data-design=canvas] .reading-page{display:grid;grid-template-columns:155px minmax(0,1fr);gap:35px;max-width:1350px;padding:0 55px}body[data-design=canvas] .reading-surface{background:transparent;padding:20px 0;border-radius:0}body[data-design=canvas] .topic-title h1{font-family:Georgia,serif;font-weight:400;font-size:83px}body[data-design=canvas] .topic-title p{font-family:Georgia,serif;font-size:22px}body[data-design=canvas] .moe-diagram{background:#1a212c;border-radius:3px;padding:40px}body[data-design=canvas] .diagram-token,body[data-design=canvas] .diagram-router{background:#10141c;border-radius:4px}body[data-design=canvas] .diagram-experts>div{border-radius:3px}body[data-design=canvas] .diagram-experts .selected-expert{color:#10141c}body[data-design=canvas] .deep-dive-grid{display:block}body[data-design=canvas] .deep-dive-grid>a{display:grid;grid-template-columns:120px 1fr;gap:15px 20px;background:none;border-radius:0;border-top:1px solid var(--line);padding:25px 0}body[data-design=canvas] .deep-dive-grid h2{font:30px Georgia,serif;margin:0}body[data-design=canvas] .deep-dive-grid p,body[data-design=canvas] .deep-dive-grid strong{grid-column:2;margin:0}body[data-design=canvas] .topic-explanation h2{font-family:Georgia,serif;font-weight:400;font-size:34px}body[data-design=canvas] .routing-steps section{background:var(--surface);border-radius:3px}body[data-design=canvas] .reader-next{background:var(--surface);border-radius:3px}.desk-reader .topic-title{padding:20px 0}.desk-reader .topic-title h1{font-size:40px}.desk-reader .topic-title p{font-size:13px}.desk-reader .finder-breadcrumb{font-size:8px;padding-block:12px}.desk-reader .moe-diagram{padding:20px 15px;border-radius:10px}.desk-reader .diagram-token,.desk-reader .diagram-router{font-size:10px;padding:10px 12px}.desk-reader .diagram-experts{grid-template-columns:1fr 1fr;gap:8px}.desk-reader .diagram-experts>div{font-size:10px;padding:14px 6px;border-radius:8px}.desk-reader .topic-explanation{margin:30px 0}.desk-reader .topic-explanation h2{font-size:23px}.desk-reader .topic-explanation p{font-size:12px}.desk-reader .deep-dive-grid,.desk-reader .routing-steps{grid-template-columns:1fr}.desk-reader .deep-dive-grid h2{font-size:22px}.desk-reader .deep-dive-grid>a{padding:20px}.desk-reader .prototype-caveat{font-size:9px}.source-preview{padding:35px 0}.source-preview h1{font-size:48px;line-height:1.15;margin:20px 0}.source-preview>p{font-size:16px;line-height:1.8;margin:20px 0}.source-preview section{margin-top:40px}.source-preview h2{font-size:24px;margin-bottom:20px}.source-preview li{font-size:13px;color:var(--muted);margin:8px 0}.desk-reader .source-preview h1{font-size:30px}.desk-reader .source-preview>p{font-size:13px}.dfs-playground{background:var(--bg);border-radius:18px;padding:25px}.dfs-playground svg{width:100%;max-width:600px;display:block;margin:20px auto}.tree-lines path{fill:none;stroke:var(--muted);stroke-width:1.5}.dfs-playground circle{fill:var(--surface);stroke:var(--muted);stroke-width:1.5}.dfs-playground text{fill:var(--ink);font:16px ui-monospace,monospace}.dfs-playground .visited circle{stroke:var(--accent);stroke-width:3}.dfs-playground .active circle{fill:var(--accent)}.dfs-playground .active text{fill:#fff}.step-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.step-controls button{border:1px solid var(--line);background:var(--surface);border-radius:15px;padding:8px 15px;font-size:11px}.step-controls button:disabled{opacity:.4}.step-controls span{font-size:10px}.dfs-state{display:grid;grid-template-columns:1fr 1fr;gap:15px}.dfs-state>div{background:var(--surface);padding:18px;border-radius:10px;min-width:0}.dfs-state span{font-size:9px;color:var(--muted)}.dfs-state strong{font:13px/1.8 ui-monospace,monospace;display:block;margin-top:10px;overflow-wrap:anywhere}#dfs-message{font-size:13px;line-height:1.8;margin:25px 0;min-height:40px}
/* COMPARISON: miniature compositions, not swatches. */
.comparison{max-width:1260px;margin:auto;padding:65px 50px}.comparison>header h1{font-size:60px;line-height:1.1;margin:25px 0;letter-spacing:-.055em}.comparison>header p{max-width:650px;font-size:17px;line-height:1.8}.comparison-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:45px 0 35px}.compare-preview{height:275px;padding:22px;background:white;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-preview>span{font:10px ui-monospace,monospace}.comparison-designs h2{font-size:26px;margin:22px 0 12px}.comparison-designs p{font-size:13px;line-height:1.8;min-height:75px}.comparison-links{display:flex;gap:25px;font-size:11px;margin:18px 0}.comparison-links a{border-bottom:1px solid var(--line);padding-bottom:4px}.reference-link{font-size:10px;color:var(--muted)}.archive-link{font-size:10px;color:var(--muted)}.mini-gallery{height:150px;position:relative;text-align:center}.mini-gallery b{font-size:21px;letter-spacing:-.05em}.mini-gallery i{position:absolute;top:50px;width:75px;height:95px;background:#edf2fa;box-shadow:0 10px 25px #34455d16;border-radius:5px;left:calc(50% - 37px);transform:rotate(-18deg) translateX(-55px)}.mini-gallery i:nth-child(3){transform:rotate(18deg) translateX(55px)}.mini-gallery i:nth-child(4){background:#fff;transform:none}.compare-canvas .compare-preview{background:#10141c;color:#b7a4f5;border:0}.mini-canvas{display:flex;align-items:center;justify-content:space-between}.mini-canvas b{font:42px/1.05 Georgia,serif;letter-spacing:-.05em}.mini-canvas i{font:120px Georgia,serif;color:#f0b58c;transform:rotate(60deg);opacity:.65}.compare-desk .compare-preview{background:#e9e6ed;border-color:#ddd7e4;color:#735b91}.mini-desk{height:145px;background:#faf9f7;border:1px solid #ddd7e4;border-radius:7px;display:flex;box-shadow:0 10px 30px #735b9110}.mini-desk>i{width:50px;background:#eeecf0;border-right:1px solid #ddd7e4}.mini-desk>div{padding:20px;flex:1}.mini-desk b{font-size:15px}.mini-desk span{display:block;height:11px;border-radius:3px;margin-top:15px;background:#e9e6ed}.mini-desk span:nth-child(3){width:70%}dialog{width:min(650px,calc(100% - 32px));max-height:80vh;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:0 30px 120px #0003}dialog::backdrop{background:#12182577;backdrop-filter:blur(12px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.dialog-top h2{font-size:24px}.dialog-top button{border:0;background:none}.dialog-top+label{font-size:11px;color:var(--muted)}#global-search{display:block;width:100%;margin:10px 0 20px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}#global-results a{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}#global-results small{color:var(--muted);font-size:9px}
@media(min-width:1550px){.desk-atlas-layout{grid-template-columns:minmax(650px,1.2fr) minmax(450px,1fr)}.desk-browser .category-column{width:170px}.desk-overview{padding:60px 70px;gap:60px}}
@media(max-width:1100px){.category-column{width:150px}.desk-shell{grid-template-columns:170px minmax(0,1fr)}.desk-sidebar{padding-inline:12px}.desk-atlas-layout{grid-template-columns:minmax(330px,1fr) minmax(320px,1fr)}.desk-browser .category-column{width:130px}.desk-browser .categories{max-width:260px;overflow-x:auto}.desk-overview{padding:40px 30px;gap:25px;grid-template-columns:minmax(0,1fr) 240px}.desk-shortcuts{grid-template-columns:1fr}.desk-welcome h1{font-size:34px}.reading-scroll{padding-inline:22px}.canvas-title h1{font-size:65px}.canvas-caption{font-size:7px}.gallery-object{height:430px}.floating-page{width:250px}.page-front{width:280px}.page-back{left:6%}.page-middle{right:6%}.work-0 .work-copy{max-width:300px}.comparison{padding-inline:30px}.comparison-designs{gap:18px}.compare-preview{padding:18px}.mini-canvas b{font-size:36px}.mini-canvas i{font-size:90px}.deep-dive-grid{grid-template-columns:1fr}.deep-dive-grid>a{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.deep-dive-grid h2{margin:0;grid-column:1}.deep-dive-grid p{grid-column:2;grid-row:1/3;margin:0}.deep-dive-grid strong{grid-column:1/-1}.desk-reader .deep-dive-grid>a{display:block}.desk-reader .deep-dive-grid h2{margin:18px 0}.desk-reader .deep-dive-grid p{margin-bottom:15px}}
@media(max-width:760px){.topbar{padding:22px;flex-wrap:wrap;gap:15px}.topbar nav{gap:22px}.brand{font-size:17px}body[data-design=gallery] .topbar{margin:12px 16px;border-radius:18px;padding:16px 20px;box-shadow:none}.topbar kbd{display:none}.gallery-home{padding:0 22px}.gallery-hero{padding-top:45px}.gallery-hero h1{font-size:59px}.gallery-hero>p{font-size:18px}.gallery-hero .kicker{font-size:8px}.gallery-object{height:380px;margin-top:20px}.floating-page{width:220px;height:275px;padding:22px;top:55px}.page-front{width:250px;height:305px;top:35px}.page-back{left:-45px}.page-middle{right:-45px}.floating-page h3{font-size:28px;margin:15px 0}.sheet-link{font-size:10px;padding:10px 0}.work-items{grid-template-columns:1fr}.work-item.work-0{grid-column:1;min-height:340px}.magnet-art{width:100%;top:-30px;height:75%;opacity:.6}.work-0 .work-copy{max-width:none}.work-item{min-height:270px;padding:25px}.section-heading{align-items:start}.section-heading h2{font-size:28px;max-width:260px}.section-heading>a{font-size:9px;max-width:90px;flex-shrink:0}.recent-list>a{grid-template-columns:20px 1fr 12px;gap:12px;padding:22px 0}.recent-list h3{font-size:18px}.recent-list time{grid-column:2}.recent-list>a>span:last-child{grid-column:3;grid-row:1}.publication>a{font-size:16px}.publication .kicker{font-size:8px}footer{margin-top:25px;padding:25px 22px;flex-direction:column;gap:12px}body[data-design=canvas] .topbar{margin:0 22px;padding:22px 0}body[data-design=canvas] .brand{font-size:21px}.canvas-home{padding:0 22px}.canvas-hero{grid-template-columns:1fr;gap:0;min-height:0}.canvas-title{padding:45px 0 0}.canvas-title h1{font-size:59px;margin:22px 0}.canvas-title p{font-size:14px}.canvas-caption{margin-top:30px;font-size:7px}.canvas-art{height:330px;margin-top:10px}.canvas-weave{transform:rotate(-15deg) scale(1.25)}.canvas-introduction{grid-template-columns:1fr;padding:35px 0;gap:20px}.canvas-introduction p{font-size:24px}.canvas-introduction>a{grid-column:1}body[data-design=canvas] .section-heading h2{font-size:31px}body[data-design=canvas] .work-item{grid-template-columns:25px 1fr;gap:15px}body[data-design=canvas] .work-copy{display:block}body[data-design=canvas] .work-copy h3{font-size:31px}body[data-design=canvas] .work-copy p{margin:14px 0}body[data-design=canvas] footer{margin-inline:22px}.atlas-page,body[data-design=canvas] .atlas-page{padding:25px 18px}.atlas-title{padding:15px 0 25px}.atlas-title h1{font-size:40px}body[data-design=canvas] .atlas-title h1{font-size:46px}.atlas-title p{font-size:12px}.browser-tools{padding:16px;flex-wrap:wrap;gap:8px}.browser-tools label{flex-basis:100%}.browser-tools>a{font-size:9px}.browser-path{padding:12px 16px;gap:7px;font-size:9px}.browser-location{display:none}.browser-columns{min-height:400px;display:block;overflow:visible}.categories{overflow:auto;max-height:185px;border-bottom:1px solid var(--line)}.category-column{display:none;width:100%;border:0;padding:15px 8px}.category-column:last-child{display:block}.category-column .column-label{padding-bottom:8px}.category-column a{padding:10px;font-size:12px;margin:0}.notes-column{min-width:0}.notes-column>header{padding:18px}.category-notes{max-height:460px}.category-note{padding:18px 40px 18px 18px}.notes-column>header h2{font-size:18px}.category-note h3{font-size:14px}.note-type{font-size:7px}.desk-shell{display:flex;flex-direction:column;height:100dvh}.desk-sidebar{flex-shrink:0;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.desk-brand{padding:0;display:flex;align-items:center;gap:10px}.desk-brand>span{width:30px;height:30px;font-size:20px;line-height:30px;margin:0}.desk-brand strong{font-size:11px}.desk-brand small{display:none}.desk-sidebar nav{flex-direction:row;gap:3px}.desk-sidebar nav>a,.desk-sidebar nav>button{font-size:11px;padding:8px;gap:5px}.desk-sidebar nav>a:nth-child(3),.desk-sidebar nav small,.desk-sidebar nav kbd,.desk-sidebar nav button span{display:none}.desk-side-bottom{display:none}.desk-main{flex:1;min-height:0}.desk-toolbar{height:42px;padding:0 18px;font-size:9px}.desk-overview{grid-template-columns:1fr;padding:30px 20px;gap:30px}.desk-welcome h1{font-size:32px}.desk-shortcuts{grid-template-columns:1fr 1fr;margin-top:30px;gap:10px}.desk-shortcuts>a{padding:18px}.desk-shortcuts h2{font-size:16px}.desk-recent{padding:20px}.desk-work{grid-column:1}.desk-work h2{font-size:19px}.desk-atlas-layout{display:flex;flex-direction:column;overflow:auto}.desk-browser{overflow:visible;flex-shrink:0;border-right:0;border-bottom:1px solid var(--line)}.desk-browser .browser-columns{display:block;min-height:0;max-height:none}.desk-browser .categories{max-width:none;max-height:145px}.desk-browser .category-column{width:100%}.desk-browser .category-column a{font-size:12px}.desk-browser .notes-column{min-width:0}.desk-browser .category-notes{max-height:230px}.desk-browser .category-note h3{font-size:13px}.desk-reader{min-height:500px;overflow:visible;flex-shrink:0}.reading-scroll{overflow:visible;padding-inline:20px}.desk-reader .topic-title h1{font-size:40px}.reader-expanded .desk-atlas-layout{overflow:auto}.reader-expanded .reading-scroll{overflow:visible}.reader-expanded .topic-title h1{font-size:45px!important}.reading-page{padding:0 18px;margin:20px auto}.reading-surface{padding:20px;border-radius:14px}.reading-topline{font-size:9px}.topic-title{padding:25px 0}.topic-title h1{font-size:45px}.topic-title p{font-size:16px}.finder-breadcrumb{font-size:9px;gap:7px}.moe-diagram{padding:25px 15px}.diagram-token,.diagram-router{font-size:11px;padding:12px}.diagram-experts{grid-template-columns:1fr 1fr;gap:10px}.diagram-experts>div{font-size:12px}.topic-explanation h2{font-size:26px}.topic-explanation p{font-size:14px}.deep-dive-grid>a{display:block;padding:22px}.deep-dive-grid h2{font-size:24px;margin:18px 0 12px}.deep-dive-grid p{margin-bottom:18px}.routing-steps{grid-template-columns:1fr}.reader-next{flex-direction:column;gap:15px}body[data-design=canvas] .reading-page{display:block;padding:0 22px}.canvas-reading-index{position:static;flex-direction:row;flex-wrap:wrap;gap:15px;padding:5px 0 20px}.canvas-reading-index>span{display:none}body[data-design=canvas] .topic-title h1{font-size:53px}body[data-design=canvas] .topic-title p{font-size:19px}body[data-design=canvas] .moe-diagram{padding:25px 15px}body[data-design=canvas] .deep-dive-grid>a{display:block}body[data-design=canvas] .deep-dive-grid h2{font-size:28px;margin:15px 0}body[data-design=canvas] .deep-dive-grid p{margin-bottom:15px}.source-preview h1{font-size:35px}.source-preview>p{font-size:14px}.dfs-playground{padding:22px 15px}.dfs-state{grid-template-columns:1fr}.comparison{padding:40px 22px}.comparison>header h1{font-size:43px}.comparison>header p{font-size:15px}.comparison-designs{grid-template-columns:1fr;gap:35px}.compare-preview{height:285px;padding:25px}.comparison-designs p{min-height:0}.comparison-links{font-size:12px}.mini-canvas b{font-size:48px}.mini-canvas i{font-size:140px}#global-results a{flex-direction:column;gap:4px}}
.desk-browser .category-column:not(:last-child){display:none}
.desk-browser .categories{max-width:none}
@media(min-width:761px) and (max-width:1000px){.desk-atlas-layout{grid-template-columns:minmax(0,1fr)}.desk-reader{min-height:650px;border-top:1px solid var(--line)}.desk-atlas-layout{overflow:auto}.desk-browser{min-height:420px;overflow:visible}.desk-browser .category-notes{max-height:300px}.reading-scroll{max-height:600px}.desk-overview{grid-template-columns:1fr}.desk-work{grid-column:1}.desk-recent{max-width:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}