/* Approved concept 09: homepage components. Shared chrome is in studio-wiki.css. */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--font-body);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}svg{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:var(--weight,500);line-height:1.1}h1,h2{letter-spacing:-.045em}h1 em,h2 em{font-weight:400}p{color:var(--muted)}a,button{touch-action:manipulation}::selection{background:var(--accent);color:var(--onaccent)}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button:focus-visible,input:focus-visible{outline-offset:3px}[hidden]{display:none!important}.container{width:min(1280px,88%);margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:200}.skip-link:focus{top:12px}.eyebrow{font:700 11px/1.4 var(--font-body);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);display:flex;gap:10px;align-items:center}.eyebrow::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:currentColor}.site-header{padding:27px 0;border-bottom:1px solid var(--line)}.header-inner{display:flex;gap:35px;align-items:center}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--accent);font:700 22px var(--display);border:1.5px solid currentColor;border-radius:50%}.brand-name{font:600 18px/1.15 var(--display);letter-spacing:-.03em;max-width:150px}.header-nav{display:flex;gap:28px;margin-left:auto;align-items:center;font-size:13px}.header-nav a{position:relative}.header-nav a::after{content:'';position:absolute;left:0;right:100%;bottom:-6px;height:1px;background:var(--accent);transition:right .2s}.header-nav a:hover::after{right:0}.header-actions{display:flex;gap:10px}.search-trigger{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:12px}.search-trigger svg{width:16px}.search-trigger kbd{font:10px var(--font-body);color:var(--muted)}.menu-toggle{display:none;border:1px solid var(--line);border-radius:30px;padding:8px 14px;background:none}.masthead,.issue-bar{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;align-items:center;gap:6%;padding:65px 0 58px;position:relative}.hero h1{font-size:clamp(48px,5.8vw,83px);margin:22px 0 24px;line-height:1.035}.hero h1 em{color:var(--accent)}.hero-desc{font-size:15px;line-height:1.85;max-width:560px}.hero-actions{display:flex;gap:23px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 23px;background:var(--accent);color:var(--onaccent);border-radius:4px;font-weight:600;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 7px 20px #00000012}.text-link{font-size:13px;font-weight:600;display:inline-flex;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:7px 0}.text-link:hover{color:var(--accent)}.hero-note{margin-top:24px;font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.hero-note span{color:var(--accent)}.hero-art{position:relative;min-width:0}.art-caption{display:flex;justify-content:space-between;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:17px 8px 0}.art-badge{position:absolute;bottom:40px;left:-30px;width:96px;height:96px;display:grid;place-content:center;text-align:center;background:var(--paper);border:1px solid var(--line);border-radius:50%;font:italic 18px/1.1 var(--display);transform:rotate(-12deg)}.art-badge small{display:block;font:9px var(--font-body);letter-spacing:.05em;text-transform:uppercase;margin-top:5px}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}.stat{text-align:center;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px}.stat:last-child{border-right:0}.stat strong{font:500 34px/1.1 var(--display);letter-spacing:-.04em}.stat span{font-size:11px;color:var(--muted);max-width:100px;text-align:left;line-height:1.5}.section{padding:80px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font-size:clamp(32px,3.2vw,46px);margin-top:12px}.section-heading>p{font-size:13px;max-width:255px}.paths{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.path{padding:29px;border:1px solid var(--line);background:var(--card);position:relative;display:flex;flex-direction:column;align-items:start;transition:transform .2s,box-shadow .2s;min-width:0}.path:hover{transform:translateY(-5px);box-shadow:0 12px 30px #00000009}.path-symbol{width:39px;height:39px;margin-bottom:25px;color:var(--accent)}.path h3{font-size:26px;line-height:1.15;margin-bottom:14px}.path p{font-size:13px;line-height:1.8;flex:1}.path-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:24px;margin-top:22px;border-top:1px solid var(--line);font-size:11px;font-weight:700}.path-link span{font-size:23px;font-weight:400}.welcome{padding:42px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}.welcome h2{font-size:30px;line-height:1.35;letter-spacing:-.025em}.welcome p{font-size:14px}.department-heading{align-items:center}.filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:25px}.filter{border:1px solid var(--line);background:transparent;border-radius:30px;font-size:11px;padding:8px 15px;transition:background .2s,color .2s}.filter:hover{border-color:var(--accent)}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.dept-count{font-size:11px;margin-left:auto;align-self:center;color:var(--muted)}.departments{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.department{display:grid;grid-template-columns:36px 1fr 18px;gap:18px;padding:24px 0;border-top:1px solid var(--line);align-items:start}.dept-icon{width:34px;height:34px;color:var(--accent)}.dept-number{display:none}.department h3{font-size:21px;margin-bottom:10px;letter-spacing:-.03em}.department p{font-size:12px;line-height:1.75}.department>.arrow{font-size:20px;transition:transform .2s}.department:hover>.arrow{transform:translate(3px,-3px)}.department:hover h3{color:var(--accent)}.roadmap-wrap{background:var(--panel);border-radius:5px;padding:49px}.roadmap{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px;position:relative}.roadmap::before{content:'';position:absolute;height:1px;top:21px;background:var(--line);left:0;right:0}.step{position:relative}.step-number{position:relative;width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);background:var(--panel);font:18px var(--display);margin-bottom:22px}.step-time{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.step h3{font-size:27px;margin:9px 0 15px}.step p{font-size:12px;line-height:1.8}.step-links{display:flex;gap:8px 15px;flex-wrap:wrap;margin-top:20px;font-size:10px;font-weight:600}.step-links a{border-bottom:1px solid var(--line)}.step-links a:hover{color:var(--accent)}.news{display:grid;grid-template-columns:repeat(2,1fr);gap:0 38px}.news-item{padding:24px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:45px 1fr 24px;gap:20px}.news-date{font-size:11px;color:var(--accent);padding-top:5px}.news-item h3{font-size:22px;line-height:1.2;margin-bottom:12px}.news-item p{font-size:12px;line-height:1.8}.news-item:hover h3{color:var(--accent)}.closing{margin:0 auto 85px;text-align:center;max-width:830px;padding-top:25px}.closing .eyebrow{justify-content:center}.closing h2{font-size:clamp(32px,3.5vw,49px);line-height:1.2;margin:20px 0}.closing p{font-size:14px;max-width:560px;margin:auto}.closing .button{margin-top:28px}.site-footer{border-top:1px solid var(--line);padding:53px 0 90px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:35px}.footer-brand p{font-size:12px;max-width:205px;margin-top:20px}.footer-col h3{font:700 11px var(--font-body);margin-bottom:19px}.footer-col a{display:block;font-size:11px;color:var(--muted);margin:7px 0}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:45px;padding-top:24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.concept-switcher{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:4px;align-items:center;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:40px;box-shadow:0 4px 22px #00000015;z-index:50;font:11px var(--font-body);white-space:nowrap}.concept-switcher>a{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.concept-switcher>a:hover{background:var(--panel)}.concept-switcher>a[aria-current=page]{background:var(--ink);color:var(--paper)}.concept-switcher .all-concepts{width:auto;border-radius:30px;padding:0 11px;border-right:1px solid var(--line);margin-right:3px}.concept-switcher .concept-name{padding:0 10px;color:var(--muted);font-size:10px}.search-dialog{width:min(640px,calc(100% - 30px));max-height:80dvh;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0005}.search-dialog::backdrop{background:#12121999;backdrop-filter:blur(5px)}.search-top{padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.search-top h2{font-size:27px}.search-close{border:1px solid var(--line);border-radius:50%;width:35px;height:35px;background:none;font-size:21px}.search-field{margin:0 24px 15px}.search-field label{font-size:12px;display:block;margin-bottom:8px;color:var(--muted)}.search-field input{width:100%;padding:13px 15px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:7px;outline-color:var(--accent)}.search-status{font-size:11px;padding:0 24px 12px;color:var(--muted)}.search-results{overflow:auto;max-height:45dvh;padding:0 14px 15px}.search-result{display:block;padding:13px 12px;border-radius:8px}.search-result:hover,.search-result:focus-visible{background:var(--panel)}.search-result strong{font-size:14px;display:block}.search-result p{font-size:12px;margin-top:4px}.empty-search{padding:25px 10px;text-align:center;font-size:13px}
@media(min-width:1600px){.hero{padding-top:80px;padding-bottom:80px}.hero h1{font-size:88px}}
@media(max-width:1100px){.header-inner{gap:20px}.header-nav{gap:17px}.brand-name{font-size:16px}.search-trigger kbd{display:none}.hero{gap:4%;padding-top:45px}.hero h1{font-size:60px}.departments{gap:0 22px}.department{gap:12px;grid-template-columns:30px 1fr 16px}.dept-icon{width:29px}.path{padding:23px}.footer-grid{gap:20px}.roadmap-wrap{padding:35px}}
@media(max-width:820px){.container{width:90%}.header-inner{position:relative;flex-wrap:wrap;justify-content:space-between}.header-actions{margin-left:auto}.menu-toggle{display:block}.header-nav{display:none;order:3;width:100%;margin:0;padding:20px 0 5px;border-top:1px solid var(--line);flex-wrap:wrap;gap:20px 28px}.header-nav.is-open{display:flex}.hero h1{font-size:50px}.hero-desc{font-size:14px}.hero{gap:3%}.art-badge{width:75px;height:75px;font-size:15px;left:-12px}.hero-actions{gap:14px}.button{padding:13px 18px}.paths{gap:12px}.path{padding:21px}.path h3{font-size:23px}.departments{grid-template-columns:repeat(2,1fr)}.section{padding:58px 0}.section-heading h2{font-size:35px}.section-heading>p{max-width:210px}.stat{flex-direction:column;gap:5px}.stat span{text-align:center}.welcome{gap:7%}.welcome h2{font-size:26px}.roadmap{gap:24px}.roadmap-wrap{padding:28px}.step h3{font-size:24px}.news{gap:0 24px}.news-item{grid-template-columns:36px 1fr 15px;gap:12px}.news-item h3{font-size:20px}.footer-grid{grid-template-columns:repeat(4,1fr)}.footer-brand{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.footer-brand p{margin:0;max-width:300px}}
@media(max-width:600px){.site-header{padding:18px 0}.brand-name{font-size:16px;max-width:135px}.brand-mark{width:33px;height:33px;font-size:20px}.header-inner{gap:13px}.header-actions{gap:7px}.search-trigger{padding:10px;border-radius:50%}.search-label{display:none}.menu-toggle{font-size:12px;padding:7px 12px}.hero{grid-template-columns:1fr;padding-top:37px;gap:25px}.hero h1{font-size:clamp(43px,11.5vw,64px);margin:18px 0 22px}.hero-desc{font-size:14px;line-height:1.8;max-width:100%}.hero-actions{margin-top:23px;gap:20px}.hero-note{margin-top:18px}.hero-art{max-width:430px;width:100%;margin:auto}.art-caption{font-size:8px}.art-badge{left:0;bottom:32px}.eyebrow{font-size:9px}.stats{padding:20px 0;gap:15px 0}.stat strong{font-size:29px}.stat span{font-size:9px;max-width:75px}.section{padding:47px 0}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:34px}.section-heading>p{max-width:none;margin-top:17px}.section-heading>.text-link{margin-top:13px}.paths{grid-template-columns:1fr;gap:15px}.path{padding:25px}.path-symbol{margin-bottom:15px}.path h3{font-size:26px}.path p{font-size:13px}.path-link{margin-top:16px;padding-top:17px}.welcome{grid-template-columns:1fr;gap:18px;padding:30px 0}.welcome h2{font-size:26px}.welcome p{font-size:13px}.departments{grid-template-columns:1fr}.department{grid-template-columns:34px 1fr 20px;gap:16px;padding:22px 0}.department h3{font-size:24px}.department p{font-size:13px}.filters{gap:7px}.filter{font-size:10px;padding:8px 12px}.dept-count{width:100%;margin:7px 0 0}.roadmap-wrap{padding:25px}.roadmap{grid-template-columns:1fr;gap:28px;margin-top:28px}.roadmap::before{display:none}.step{padding-left:52px}.step-number{position:absolute;left:0;top:0;width:35px;height:35px;font-size:16px}.step h3{font-size:27px}.step p{font-size:13px}.step-links{font-size:11px}.news{grid-template-columns:1fr}.news-item{padding:22px 0;grid-template-columns:38px 1fr 18px}.news-item h3{font-size:24px}.news-item p{font-size:13px}.closing{margin-bottom:55px;padding:0 7px}.closing h2{font-size:35px}.closing p{font-size:13px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:28px}.footer-brand{display:block}.footer-brand p{margin-top:17px}.footer-col a{font-size:12px}.footer-bottom{flex-direction:column;gap:10px}.concept-switcher{bottom:10px;max-width:96%;gap:2px}.concept-switcher .concept-name{display:none}.concept-switcher>a{width:30px;height:30px}.search-top{padding:20px}.search-top h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared reference components. Each direction changes its information layout. */
.reference{--paper:#f7f4ec;--ink:#32332d;--muted:#6a6c60;--accent:#a34930;--onaccent:#fff9f0;--line:#dcd8cc;--panel:#ece9de;--card:#fdfbf6;--font-body:'Segoe UI',Arial,sans-serif;--display:'Segoe UI',Arial,sans-serif;--weight:600;font-size:14px;line-height:1.65}
.reference html{scroll-padding-top:90px}.reference h1,.reference h2,.reference h3{letter-spacing:-.035em}.reference a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.ref-header{position:sticky;top:0;background:var(--paper);border-bottom:1px solid var(--line);z-index:40}.ref-header-in{width:min(1456px,calc(100% - 64px));margin:auto;display:flex;align-items:center;min-height:77px;gap:36px}.ref-brand{display:flex;align-items:center;gap:11px;flex-shrink:0;font-size:15px;font-weight:650;letter-spacing:-.025em;line-height:1.2}.ref-brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.025em;color:var(--muted);margin-top:5px}.ref-mark{display:grid;place-content:center;position:relative;width:34px;height:37px;background:var(--accent);color:var(--onaccent);border-radius:5px;font:700 19px Georgia,serif;letter-spacing:-.07em}.ref-mark>span{display:inline;position:absolute;right:5px;bottom:8px}.reference .header-nav{font-size:12px;gap:26px}.reference .header-nav>a:first-child{color:var(--accent);font-weight:600}.ref-header-actions{display:flex;align-items:center;gap:10px}.reference .search-trigger{border-radius:5px;padding:8px 11px;font-size:11px;gap:9px}.reference .search-trigger kbd{border:1px solid var(--line);border-radius:3px;padding:1px 4px;font-size:9px}.mobile-topics{display:none}.workspace{width:min(1376px,calc(100% - 64px));margin:auto}.with-sidebar{display:grid;grid-template-columns:208px minmax(0,1fr);gap:44px}.page-main{padding:32px 0 50px;min-width:0}.side-index{position:sticky;top:98px;align-self:start;max-height:calc(100dvh - 121px);overflow:auto;padding:10px 15px 14px 0;scrollbar-width:thin;font-size:12px}.side-label{font-size:9px;letter-spacing:.13em;color:var(--muted);padding:0 12px 12px}.side-home{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--panel);border-radius:4px;font-weight:600}.side-home>span:last-child{margin-left:auto;font-weight:400}.side-group{margin-top:24px}.side-group h2{font:600 10px/1.5 var(--font-body);letter-spacing:.02em;color:var(--muted);margin:0 12px 9px}.side-group>a{display:flex;gap:11px;align-items:center;padding:7px 12px;border-radius:4px;line-height:1.5}.side-group>a:hover{background:var(--panel)}.side-icon{width:15px;height:15px;opacity:.75}.side-note{margin:24px 11px 0;border-top:1px solid var(--line);padding-top:20px;font-size:10px}.side-note .tiny-mark{float:left;margin-right:8px;color:var(--accent);font-size:18px;line-height:1}.side-note strong{display:block;font-size:11px;margin-bottom:8px}.side-note p{line-height:1.6}.side-note>a{display:inline-block;color:var(--accent);margin-top:10px}.ref-hero{border-bottom:1px solid var(--line)}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:10px;margin-bottom:32px}.breadcrumb>span:not(.edition){opacity:.4}.edition{margin-left:auto;font:9px/1.3 Consolas,monospace;letter-spacing:.07em;border:1px solid var(--line);padding:5px 7px;border-radius:3px;color:var(--accent)}.ref-hero-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:37px;align-items:center}.ref-hero-copy{min-width:0}.reference .eyebrow{font-size:9px;letter-spacing:.1em;line-height:1.5;gap:7px}.reference .eyebrow::before{width:5px;height:5px;border-radius:1px}.ref-hero h1{font-size:clamp(38px,3.85vw,58px);font-weight:650;line-height:1.08;letter-spacing:-.05em;margin:15px 0 21px}.ref-hero h1 em{color:var(--accent);font-weight:inherit;font-style:normal}.ref-intro{font-size:12px;line-height:1.9;max-width:625px}.hero-search{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:6px;padding:7px 8px 7px 13px;background:var(--card);margin-top:23px;box-shadow:0 2px 3px #26251e03}.hero-search>svg{width:19px;flex-shrink:0;color:var(--muted)}.hero-search input{min-width:0;width:100%;flex:1;border:0;background:none;color:var(--ink);font-size:12px;outline:none;padding:7px 0}.hero-search:focus-within{outline:2px solid var(--accent);outline-offset:3px}.hero-search input:focus-visible{outline:none}.hero-search input::placeholder{color:var(--muted);opacity:.9}.hero-search button{padding:8px 12px;background:var(--accent);color:var(--onaccent);border:0;border-radius:4px;font-size:10px;display:flex;gap:15px;flex-shrink:0}.query-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:11px;font-size:10px;color:var(--muted)}.query-shortcuts button{border:0;background:var(--panel);border-radius:3px;font-size:9px;padding:3px 8px}.query-shortcuts button:hover{color:var(--accent)}.hero-companion{min-width:0}.desk-note{background:#eae6d7;border:1px solid #dad3be;padding:23px 24px;transform:rotate(1deg);border-radius:5px;box-shadow:4px 5px 0 #edeade}.mono-caption{font:9px/1.5 Consolas,'Courier New',monospace;letter-spacing:.08em;color:var(--muted)}.note-diagram{display:flex;align-items:center;gap:7px;margin:28px 0 25px;font:11px Georgia,serif}.note-diagram span{border:1px solid #bcb7a7;border-radius:3px;padding:9px;background:#f5f1e6}.note-diagram i{font-style:normal;color:#8b806b}.desk-note h2{font:400 26px/1.15 Georgia,serif;max-width:260px}.desk-note p{font-size:11px;margin:15px 0 19px}.desk-note>a{font-size:10px;font-weight:600;color:var(--accent);display:block}.ref-stats{display:flex;align-items:center;gap:30px;padding:26px 0 23px;font-size:10px;color:var(--muted);flex-wrap:wrap}.ref-stats b{font-size:15px;letter-spacing:-.025em;margin-right:5px;color:var(--ink);font-weight:600}.quick-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:6px;margin-top:25px;background:var(--card)}.quick-shelf>a{display:flex;align-items:center;gap:11px;padding:19px 15px;border-right:1px solid var(--line);min-width:0}.quick-shelf>a:last-child{border-right:0}.quick-icon{width:25px;flex-shrink:0;color:var(--accent)}.quick-shelf strong{display:block;font-size:11px;font-weight:600;line-height:1.5}.quick-shelf small{display:none;font-size:10px;margin-top:4px;color:var(--muted)}.quick-shelf b{font:11px Consolas,monospace;color:var(--muted);margin-left:auto}.quick-arrow{display:none}.quick-shelf>a:hover{background:var(--panel)}.ref-section{padding-top:40px}.ref-section-head{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.ref-section-head h2{font-size:25px;line-height:1.2;margin-top:6px}.ref-section-head .dept-count{font:10px Consolas,monospace;margin:0;width:auto;white-space:nowrap}.directory-tools{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-bottom:18px}.reference .filters{margin:0;gap:4px}.reference .filter{border:0;border-radius:4px;font-size:10px;padding:7px 11px;background:transparent;color:var(--muted)}.reference .filter[aria-pressed=true]{background:var(--panel);color:var(--ink);font-weight:600}.reference .filter:hover{color:var(--accent)}.ref-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.ref-department{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex;flex-direction:column}.ref-department:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 3px 10px #00000004}.dept-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.ref-dept-icon{width:24px;height:24px;flex-shrink:0;color:var(--accent)}.kind{font:9px/1.5 Consolas,monospace;color:var(--muted)}.ref-dept-number{margin-left:auto;font:9px Consolas,monospace;color:var(--muted);opacity:.7}.ref-department h3{font-size:19px;line-height:1.2;margin-bottom:9px}.ref-department h3>a{display:flex;justify-content:space-between;gap:10px}.ref-department h3 span{font:16px var(--font-body);color:var(--muted)}.ref-department p{font-size:11px;line-height:1.8;margin-bottom:15px}.dept-sublinks{display:flex;gap:6px 13px;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--line);font-size:10px;line-height:1.6}.dept-sublinks>a{color:var(--accent)}.dept-sublinks>a:hover{text-decoration:underline;text-underline-offset:3px}.ref-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ref-path{border:1px solid var(--line);padding:22px;background:var(--panel);border-radius:5px;display:flex;flex-direction:column}.path-index{font:9px/1.5 Consolas,monospace;color:var(--accent);margin-bottom:16px}.ref-path h3{font-size:21px;line-height:1.2;margin-bottom:13px}.ref-path p{font-size:11px;line-height:1.8}.path-end{display:flex;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:10px;font-weight:600}.reference .section{padding:42px 0 0}.reference .section-heading{margin-bottom:23px}.reference .section-heading h2{font-size:29px;margin-top:7px;letter-spacing:-.035em}.reference .section-heading h2 em{font-style:normal}.reference .roadmap-wrap{padding:27px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.reference .roadmap{gap:25px;margin-top:25px}.reference .step-number{width:30px;height:30px;font:11px Consolas,monospace;border-radius:4px;margin-bottom:15px}.reference .roadmap::before{top:15px}.reference .step-time{font:9px Consolas,monospace;letter-spacing:0}.reference .step h3{font-size:22px;margin:8px 0 12px}.reference .step p{font-size:11px}.reference .step-links{font-size:10px;gap:5px 11px;margin-top:13px}.reference .text-link{font-size:10px;white-space:nowrap}.reference .news{gap:0 25px}.reference .news-item{grid-template-columns:35px 1fr 17px;gap:12px;padding:20px 0}.reference .news-date{font:10px/1.7 Consolas,monospace}.reference .news-item h3{font-size:18px}.reference .news-item p{font-size:11px}.reference-mission{padding:27px;border-left:3px solid var(--accent);background:var(--panel);border-radius:0 5px 5px 0;margin-top:34px}.reference-mission strong{font-size:16px;font-weight:600}.reference-mission p{font-size:12px;margin-top:8px;max-width:700px}.reference .site-footer{padding-top:34px}.reference .footer-grid{gap:30px}.reference .footer-brand .brand-name{font-size:17px;max-width:185px}.reference .footer-brand .brand-mark{font-family:Georgia,serif;border-radius:5px}.reference .footer-bottom{margin-top:28px;padding-top:20px}.reference .search-dialog h2{font-size:25px}.reference .concept-switcher{font-size:10px}.reference .concept-switcher .all-concepts{font-size:10px}.reference .concept-switcher .concept-name{font-size:9px}.directory-empty{padding:24px;border:1px solid var(--line);border-radius:5px;font-size:12px}.view-controls{display:flex;gap:2px;background:var(--panel);padding:3px;border-radius:5px}.view-controls button{font-size:10px;border:0;background:none;padding:5px 9px;border-radius:3px;color:var(--muted)}.view-controls button[aria-pressed=true]{color:var(--ink);background:var(--card);box-shadow:0 1px 3px #0001}
/* 06. A documentation site with the character of a well-used desk reference. */
.desk-reference .ref-hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(42px,4vw,60px)}.desk-reference .ref-hero h1 em{font-style:italic}.desk-reference .ref-section-head h2{font:400 29px Georgia,serif}.desk-reference .ref-path h3{font:400 24px/1.15 Georgia,serif}.desk-reference .ref-header-in{min-height:73px}.desk-reference .page-main{border-left:1px solid var(--line);padding-left:34px}.desk-reference .with-sidebar{gap:8px}.desk-reference .ref-hero-grid{grid-template-columns:1.55fr 1fr;gap:37px}.desk-reference .ref-department{border-radius:4px}.desk-reference .ref-department h3{font-size:18px}.desk-reference .dept-top .kind{font-family:var(--font-body);font-size:9px}.desk-reference .ref-section-head>.dept-count{color:var(--accent)}.desk-reference .hero-search{box-shadow:0 3px 9px #3c321006}.desk-reference .ref-path:nth-child(2){background:#eae7dc}.desk-reference .ref-path:nth-child(3){background:#e7ecdf}
/* 07. Warm charcoal, useful widgets, and a compact working rhythm. */
.workbench{--paper:#222624;--ink:#eeeede;--muted:#b2b8ab;--accent:#e4b46b;--onaccent:#2b2c24;--line:#41483f;--panel:#2d332d;--card:#282e29;color-scheme:dark}.workbench .workspace{width:min(1280px,calc(100% - 80px))}.workbench .ref-header{background:#1d211f}.workbench .ref-header-in{width:min(1360px,calc(100% - 64px))}.workbench .ref-mark{background:none;border:1px solid #566151;color:#e4b46b}.workbench .ref-brand small{color:#9caa96}.workbench .ref-hero h1{font-weight:600;font-size:57px;letter-spacing:-.055em}.workbench .ref-hero-grid{grid-template-columns:1.4fr 1fr;gap:72px}.workbench .ref-intro{font-size:12px;max-width:600px}.workbench .hero-search{background:#1c221e;border-color:#69725b;box-shadow:none}.workbench .hero-search button{font-weight:600}.workbench .query-shortcuts button{background:#323b30;color:#c0cbb4}.workbench .ref-stats{padding-top:30px}.workbench .ref-stats b{color:#dce6ce}.pipeline-preview{border:1px solid #55604f;border-radius:8px;background:#1c231e;box-shadow:0 8px 28px #0002;overflow:hidden}.panel-label{padding:13px 17px;border-bottom:1px solid #3a4538;color:#b8c4ad;font:9px Consolas,monospace;letter-spacing:.05em;display:flex;align-items:center;gap:8px}.status-dot{width:6px;height:6px;border-radius:50%;background:#a3be84}.pipeline-stage{padding:21px 24px 0}.pipeline-stage .mono-caption{font-size:8px;color:#a5ac9b;display:block;margin-bottom:8px}.pipeline-stage code{font:15px/1.4 Consolas,monospace;color:#dcbb94;overflow-wrap:anywhere}.pipeline-connector{padding:11px 24px 0;font:18px Consolas,monospace;color:#697961}.pipeline-connector span{font:10px var(--font-body);vertical-align:middle;margin-left:8px;color:#a7b49d}.pipeline-stage.output{padding-top:11px;padding-bottom:26px}.pipeline-stage.output code{color:#c3d9a7}.panel-bottom{display:flex;justify-content:space-between;gap:10px;padding:11px 17px;border-top:1px solid #3a4538;background:#242c25;color:#a7b49d;font-size:9px}.panel-bottom a{color:var(--accent);white-space:nowrap}.workbench .quick-shelf{border:0;gap:12px;background:none}.workbench .quick-shelf>a{border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:25px 1fr 22px;padding:20px 18px;background:#2b332b;gap:12px}.workbench .quick-shelf b{grid-column:3;grid-row:1;align-self:start;color:#dfbd8b}.workbench .quick-shelf strong{font-size:12px}.workbench .quick-shelf small{display:block;font-size:9px}.workbench .quick-icon{color:#a7bf8c}.workbench .ref-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.workbench .ref-department{border-radius:6px;padding:21px;background:#292f29}.workbench .ref-department:nth-child(3n+1) .ref-dept-icon{color:#b7c99b}.workbench .ref-department:nth-child(3n+2) .ref-dept-icon{color:#d2b69e}.workbench .ref-department:nth-child(3n) .ref-dept-icon{color:#a5bdb7}.workbench .ref-department h3{font-size:20px}.workbench .ref-department p{font-size:11px}.workbench .kind{background:#343c31;padding:2px 7px;border-radius:3px;color:#c1c9b7;font-size:8px}.workbench .dept-sublinks{border-color:#414a3c}.workbench .dept-sublinks>a{color:#ccd3c0}.workbench .filter[aria-pressed=true]{background:#e4b46b;color:#222624}.workbench .ref-path{background:#2a3129;border-color:#485240}.workbench .roadmap-wrap{background:#29302a}.workbench .step-number{border-color:#7b8264;color:#e4b46b}.workbench .reference-mission{background:#30372b}.workbench .site-footer{background:#1d221e}.workbench .concept-switcher{background:#292f29;box-shadow:0 4px 30px #0004}
/* 08. A blue-ink handbook organised into approachable chapters. */
.pocket-manual{--paper:#f4f3eb;--ink:#263d50;--muted:#626f78;--accent:#355f80;--onaccent:#f9f7ee;--line:#cdd4d4;--panel:#e4eaeb;--card:#faf9f3}.pocket-manual .ref-header{background:#293f52;border-bottom:0;color:#fcf7e8}.pocket-manual .ref-brand small{color:#b5c7d2}.pocket-manual .ref-mark{background:#ddbb70;color:#293f52}.pocket-manual .header-nav>a:first-child{color:#edd298}.pocket-manual .search-trigger{border-color:#657786;color:#ecf0eb}.pocket-manual .search-trigger kbd{border-color:#657786;color:#c4d0d7}.pocket-manual .workspace{width:min(1240px,calc(100% - 88px))}.pocket-manual .page-main{padding-top:27px}.pocket-manual .ref-hero-grid{grid-template-columns:1.7fr .8fr;gap:90px;align-items:center}.pocket-manual .ref-hero h1{font-family:Georgia,serif;font-weight:400;font-size:58px;letter-spacing:-.04em}.pocket-manual .ref-hero h1 em{font-style:italic;font-weight:400}.pocket-manual .ref-intro{max-width:660px;font-size:13px}.pocket-manual .hero-search{border-color:#b0bdc6;max-width:630px}.pocket-manual .ref-stats{padding-top:30px;gap:40px}.book-preview{position:relative;justify-self:center;width:240px;padding-right:22px;transform:rotate(3deg)}.book-cover{position:relative;background:#385970;color:#f5efd9;border-radius:2px 8px 8px 2px;padding:24px 20px 20px 27px;box-shadow:4px 4px 0 #e9e5d5,5px 5px 0 #a8b2b0,10px 14px 20px #2a3e4420;z-index:2;min-height:300px;border-left:7px solid #2d495d}.book-series{font:7px/1.5 Consolas,monospace;letter-spacing:.055em;display:block;color:#d0dadd}.book-cover strong{font:400 26px/1.05 Georgia,serif;display:block;margin-top:18px;letter-spacing:-.02em}.book-motif{display:flex;gap:7px;margin:22px 0 20px}.book-motif i{height:30px;width:30px;border:1px solid #d8c38c;border-radius:50% 50% 0 0}.book-motif i:nth-child(2){border-radius:0;transform:rotate(45deg);margin:0 4px}.book-motif i:nth-child(3){border-radius:50%;background:#d8c38c}.book-bottom{font:9px/1.5 var(--font-body);color:#d2e0df;display:block}.book-tabs{position:absolute;right:1px;top:35px;display:flex;gap:8px;flex-direction:column;z-index:1}.book-tabs span{writing-mode:vertical-rl;padding:10px 7px 10px 13px;border-radius:0 4px 4px 0;background:#d7ba78;color:#34424c;font:8px Consolas,monospace}.book-tabs span:nth-child(2){background:#adc2c3}.book-tabs span:nth-child(3){background:#c2c1a4}.pocket-manual .quick-shelf{border-radius:0;border-left:0;border-right:0;background:none}.pocket-manual .quick-shelf>a{padding:21px}.pocket-manual .quick-shelf b{font-family:Georgia,serif;font-size:18px;color:var(--accent)}.pocket-manual .ref-section-head h2{font-family:Georgia,serif;font-size:32px;font-weight:400}.pocket-manual .directory-tools{border-bottom:1px solid var(--line);margin-bottom:23px}.pocket-manual .filters{gap:9px}.pocket-manual .filter{padding:10px 16px;border-radius:5px 5px 0 0}.pocket-manual .filter[aria-pressed=true]{background:#355f80;color:#f9f7ee}.pocket-manual .ref-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.pocket-manual .ref-department{border:0;border-top:4px solid #9cacb6;border-radius:0 0 4px 4px;background:#faf9f3;padding:23px;box-shadow:0 1px 4px #263d5010}.pocket-manual .ref-department:nth-child(3n+2){border-top-color:#d1b675}.pocket-manual .ref-department:nth-child(3n){border-top-color:#a0b5a0}.pocket-manual .ref-dept-number{font:18px Georgia,serif;opacity:1;color:#85959e}.pocket-manual .ref-dept-icon{width:26px;height:26px}.pocket-manual .ref-department h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:3px 0 12px}.pocket-manual .ref-department p{font-size:12px}.pocket-manual .dept-sublinks{display:grid;gap:6px;font-size:11px}.pocket-manual .dept-sublinks a::after{content:' →';float:right;color:#8fa1ac}.pocket-manual .ref-path{background:#ebece2}.pocket-manual .ref-path h3{font:400 25px/1.2 Georgia,serif}.pocket-manual .roadmap-wrap{border:0;border-top:5px solid #355f80;border-radius:0;background:#e6e9e5}.pocket-manual .step-number{background:#355f80;color:#fff9e6;border-radius:50%;border:0}.pocket-manual .reference-mission{border-color:#c6a158;background:#ece9dc}.pocket-manual .site-footer{background:#e4e9e7}
/* 09. Quiet hierarchy, expandable entries, and a studio's shared bookshelf. */
.studio-wiki{--paper:#f4f6f0;--ink:#2c433a;--muted:#637568;--accent:#397256;--onaccent:#f7faf0;--line:#d1dcd1;--panel:#e6eee2;--card:#f9fbf6}.studio-wiki .ref-header{background:#edf2e8}.studio-wiki .ref-mark{background:#d7e5ce;color:#3f6d45;border:1px solid #adbea4}.studio-wiki .ref-brand{font-family:Georgia,serif;font-weight:600;font-size:16px}.studio-wiki .with-sidebar{grid-template-columns:215px minmax(0,1fr);gap:36px}.studio-wiki .side-index{padding-right:20px;border-right:1px solid var(--line)}.studio-wiki .side-group h2{font-size:10px;color:#51684f}.studio-wiki .side-home{background:#dfead7}.studio-wiki .ref-hero-grid{grid-template-columns:1.65fr 1fr;gap:32px}.studio-wiki .ref-hero h1{font:400 50px/1.12 Georgia,serif;letter-spacing:-.035em}.studio-wiki .ref-hero h1 em{font-style:italic;color:#53744d}.wiki-note{padding:25px;background:#e7efdf;border-left:2px solid #b0c19e;border-radius:0 7px 7px 0}.wiki-note h2{font:400 23px/1.15 Georgia,serif;margin:13px 0}.wiki-note p{font-size:11px;line-height:1.8;margin-bottom:19px}.wiki-note>a{display:block;color:#397256;font-size:10px;margin-top:9px}.studio-wiki .quick-shelf{grid-template-columns:repeat(2,minmax(0,1fr));border:0;border-radius:0;background:none;gap:11px}.studio-wiki .quick-shelf>a{border:1px solid var(--line);padding:14px 18px;border-radius:5px;background:#fbfcf7}.studio-wiki .quick-shelf small{display:block;font-size:9px}.studio-wiki .quick-shelf b{font-family:Georgia,serif;font-size:19px;color:#53744d}.studio-wiki .ref-section-head h2{font:400 29px Georgia,serif}.expand-all{border:1px solid var(--line);background:var(--card);border-radius:4px;font-size:10px;padding:7px 11px;white-space:nowrap}.studio-wiki .ref-directory{display:block;border-top:1px solid var(--line)}.studio-wiki .ref-department{display:block;padding:0;background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none}.studio-wiki .ref-department>summary{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:16px;padding:22px 8px;cursor:pointer;list-style:none;align-items:start}.studio-wiki .ref-department>summary::-webkit-details-marker{display:none}.studio-wiki .ref-department>summary:hover{background:#ecf1e7}.studio-wiki .ref-department>summary strong{font:500 18px/1.3 var(--font-body);display:block}.studio-wiki .ref-dept-icon{width:23px;height:23px;color:#608757}.wiki-summary{display:block;font-size:11px;color:var(--muted);margin-top:5px;line-height:1.75;max-width:750px}.expand-symbol{font:21px var(--font-body);color:#6b8b60}.studio-wiki details[open] .expand-symbol{font-size:0}.studio-wiki details[open] .expand-symbol::after{content:'-';font-size:21px}.wiki-detail{margin:0 8px 19px;padding:14px 17px;background:#e8f0e3;border-radius:4px;display:grid;grid-template-columns:1fr auto;gap:10px}.wiki-detail .dept-main-link{font-size:10px;color:var(--accent);font-weight:600;text-align:right}.wiki-detail .dept-sublinks{grid-column:1/-1;margin-top:0;border-color:#cfdeca;padding-top:10px;font-size:10px;gap:7px 18px}.studio-wiki .ref-path{background:#e7eedf}.studio-wiki .ref-path h3{font:400 24px/1.2 Georgia,serif}.studio-wiki .roadmap-wrap{background:#e7ede3;border:0}.studio-wiki .step h3{font-family:Georgia,serif;font-size:24px;font-weight:400}.studio-wiki .news{grid-template-columns:1fr}.studio-wiki .news-item>div{display:grid;grid-template-columns:.9fr 1.2fr;gap:20px}.studio-wiki .news-item h3{font-size:18px}.studio-wiki .reference-mission{background:#e5eedc;border-color:#7f9c6c}.studio-wiki .site-footer{background:#ebf0e4}
/* 10. A flexible catalogue, with a shelf of useful references alongside it. */
.signal-library{--paper:#f8f7f3;--ink:#34364b;--muted:#6b6c7a;--accent:#646091;--onaccent:#fbfaff;--line:#dedce5;--panel:#eeebf3;--card:#fffefb}.signal-library .workspace{width:min(1260px,calc(100% - 80px))}.signal-library .ref-header{background:#fbfaf7}.signal-library .ref-mark{background:#e7dfef;color:#615774;border-radius:8px}.signal-library .ref-hero-grid{grid-template-columns:1.7fr .8fr;gap:60px}.signal-library .ref-hero h1{font-size:52px;letter-spacing:-.045em;line-height:1.12;font-weight:600}.signal-library .ref-hero h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:1.07em;color:#6f5d80}.signal-library .ref-intro{font-size:12px;max-width:660px}.signal-library .hero-search{border-color:#bdb4ca;border-radius:7px;box-shadow:0 3px 12px #29233c06}.signal-library .hero-search button{border-radius:5px}.catalogue-note{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:21px;padding:25px 0}.catalogue-note>span{font-size:10px;color:#7c7486;line-height:1.7}.catalogue-glyph{width:170px;height:145px;position:relative}.catalogue-glyph i{position:absolute;width:65px;height:120px;bottom:0;border-radius:8px;transform-origin:bottom;border:1px solid #c4bccd;background:#ddd7e8}.catalogue-glyph i:nth-child(1){left:4px;transform:rotate(-18deg);background:#e5dac9;border-color:#c9b9a2}.catalogue-glyph i:nth-child(2){left:52px;transform:rotate(-2deg);background:#cbcddc;border-color:#b0b3c8}.catalogue-glyph i:nth-child(3){left:91px;transform:rotate(14deg);background:#d8cddf;border-color:#bfaecc}.catalogue-glyph span{position:absolute;bottom:22px;left:88px;transform:rotate(14deg);color:#695575;font:400 36px Georgia,serif}.signal-library .quick-shelf{background:none;border:0;gap:14px}.signal-library .quick-shelf>a{border:1px solid var(--line);border-radius:7px;background:#f2f0f5;padding:18px}.signal-library .quick-shelf b{color:#776486}.signal-library .quick-icon{color:#8b749e}.catalogue-layout{display:grid;grid-template-columns:minmax(0,1fr) 227px;gap:46px}.reference-rail{padding-top:45px}.rail-sticky{position:sticky;top:102px;border-left:1px solid var(--line);padding-left:26px}.reference-rail nav{margin:15px 0 0}.reference-rail a{display:block;font-size:11px;margin-top:11px;color:var(--muted)}.reference-rail a:hover{color:var(--accent)}.rail-divider{height:1px;background:var(--line);margin:26px 0}.reference-rail .mono-caption{font-size:8px;color:#7c7486}.rail-note{padding:20px;background:#eeebf3;border-radius:6px;margin-top:25px}.rail-note strong{font:400 22px/1.1 Georgia,serif;display:block}.rail-note p{font-size:10px;margin-top:13px}.rail-note a{font-size:10px;color:var(--accent);margin-top:15px}.catalogue-filter{display:flex;gap:10px;align-items:center;background:var(--card);border:1px solid var(--line);padding:10px 13px;border-radius:5px;margin-bottom:16px}.catalogue-filter>svg{width:16px;color:var(--muted)}.catalogue-filter input{border:0;background:none;color:var(--ink);font-size:11px;min-width:0;width:100%;padding:2px;outline:none}.catalogue-filter:focus-within{outline:2px solid var(--accent);outline-offset:2px}.catalogue-filter input:focus-visible{outline:none}.signal-library .ref-directory{gap:14px}.signal-library .ref-directory.is-list{grid-template-columns:1fr;gap:0;border-top:1px solid var(--line)}.signal-library .ref-directory.is-list .ref-department{display:grid;grid-template-columns:33px 1fr;gap:8px 17px;padding:22px 8px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none}.signal-library .is-list .dept-top{grid-column:1;grid-row:1/4;display:block;margin:0;padding-top:2px}.signal-library .is-list .dept-top .kind,.signal-library .is-list .ref-dept-number{display:none}.signal-library .is-list .ref-dept-icon{display:block;width:27px;height:27px;padding:3px;background:#eee9f2;border-radius:5px}.signal-library .is-list h3{grid-column:2;font-size:20px;margin:0}.signal-library .is-list p{grid-column:2;margin:0;max-width:670px}.signal-library .is-list .dept-sublinks{grid-column:2;border:0;padding:0;gap:6px 17px;font-size:10px}.signal-library .ref-department h3 span{font-size:18px}.signal-library .ref-paths{gap:11px}.signal-library .ref-path{padding:19px;background:#eeebf1;border:0}.signal-library .ref-path h3{font-size:19px}.signal-library .ref-path p{font-size:11px}.signal-library .path-index{font-size:8px}.signal-library .roadmap-wrap{padding:25px;background:#f0edf2;border:0}.signal-library .step h3{font-size:20px}.signal-library .roadmap{gap:20px}.signal-library .news{grid-template-columns:1fr}.signal-library .news-item>div{display:grid;grid-template-columns:.9fr 1.2fr;gap:20px}.signal-library .news-item h3{font-size:18px}.signal-library .reference-mission{background:#f0edf3;border-color:#a997b6}.signal-library .site-footer{background:#eeedf2}
@media(min-width:1600px){.reference .ref-hero h1{font-size:60px}.reference .ref-hero-grid{gap:65px}.reference .ref-intro{font-size:13px}}
@media(max-width:1200px){.ref-header-in{gap:25px}.reference .header-nav{gap:20px}.with-sidebar{grid-template-columns:190px minmax(0,1fr);gap:25px}.desk-reference .with-sidebar{gap:5px}.desk-reference .page-main{padding-left:26px}.desk-reference .ref-hero-grid{grid-template-columns:1.5fr 1fr;gap:25px}.desk-note{padding:20px 17px}.desk-note h2{font-size:23px}.note-diagram{gap:5px;font-size:10px}.note-diagram span{padding:7px 6px}.quick-shelf>a{padding:17px 10px;gap:7px}.quick-icon{width:20px}.quick-shelf strong{font-size:10px}.quick-shelf b{font-size:10px}.reference .ref-stats{gap:24px}.studio-wiki .with-sidebar{grid-template-columns:190px minmax(0,1fr);gap:26px}.studio-wiki .ref-hero-grid{gap:23px}.studio-wiki .ref-hero h1{font-size:44px}.wiki-note{padding:20px}.workbench .ref-hero-grid{gap:45px}.workbench .ref-hero h1{font-size:51px}.workbench .quick-shelf>a{padding:17px 13px;grid-template-columns:23px 1fr 20px;gap:9px}.workbench .quick-shelf small{font-size:8px}.pocket-manual .ref-hero-grid{gap:50px}.pocket-manual .ref-hero h1{font-size:51px}.signal-library .ref-hero h1{font-size:46px}.catalogue-layout{grid-template-columns:minmax(0,1fr) 195px;gap:27px}.rail-sticky{padding-left:20px}.signal-library .directory-tools{gap:9px}.reference .filter{padding:7px 9px;font-size:9px}.signal-library .ref-paths{grid-template-columns:1fr}.signal-library .ref-path{display:grid;grid-template-columns:.65fr 1fr;gap:10px 20px}.signal-library .ref-path .path-index{grid-column:1/-1;margin:0}.signal-library .ref-path h3{grid-column:1;margin:0}.signal-library .ref-path p{grid-column:2;grid-row:2/4}.signal-library .path-end{grid-column:1;padding-top:7px;margin:0}.signal-library .roadmap{grid-template-columns:1fr;gap:23px}.signal-library .roadmap::before{display:none}.signal-library .step{padding-left:46px}.signal-library .step-number{position:absolute;left:0;top:0}.reference .ref-path{padding:20px}.reference .ref-path h3{font-size:20px}.reference .ref-section-head h2{font-size:26px}}
@media(max-width:1000px){.reference .header-nav{gap:16px;font-size:11px}.ref-header-in{width:calc(100% - 40px);gap:20px}.ref-brand{font-size:13px}.ref-brand small{font-size:8px}.reference .search-trigger kbd{display:none}.workspace{width:calc(100% - 48px)}.with-sidebar,.studio-wiki .with-sidebar{grid-template-columns:1fr;gap:0}.side-index{display:none}.desk-reference .page-main{border-left:0;padding-left:0}.desk-reference .ref-hero-grid{gap:40px}.reference .quick-shelf strong{font-size:11px}.reference .quick-shelf>a{padding:18px 14px}.reference .ref-hero h1{font-size:46px}.workbench .workspace,.pocket-manual .workspace,.signal-library .workspace{width:calc(100% - 48px)}.workbench .ref-header-in{width:calc(100% - 40px)}.workbench .ref-hero-grid{gap:35px}.workbench .quick-shelf{grid-template-columns:repeat(2,1fr)}.workbench .quick-shelf small{font-size:10px}.workbench .quick-shelf>a{grid-template-columns:26px 1fr 30px}.workbench .ref-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench .ref-stats{gap:30px}.pocket-manual .ref-hero-grid{gap:35px;grid-template-columns:1.5fr .8fr}.book-preview{width:215px}.book-cover{min-height:282px;padding:21px 15px 20px 23px}.book-cover strong{font-size:24px}.pocket-manual .ref-directory{gap:15px}.pocket-manual .ref-department{padding:20px}.pocket-manual .quick-shelf>a{padding:17px 13px}.signal-library .catalogue-layout{grid-template-columns:1fr}.signal-library .reference-rail{display:none}.signal-library .ref-hero-grid{gap:30px;grid-template-columns:1.7fr .7fr}.signal-library .ref-paths{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-library .ref-path{display:flex;gap:0}.signal-library .ref-path h3{margin:0 0 13px}.signal-library .path-index{margin-bottom:14px!important}.signal-library .ref-path .path-end{padding-top:20px;margin-top:auto}.signal-library .roadmap{grid-template-columns:repeat(3,minmax(0,1fr))}.signal-library .step{padding-left:0}.signal-library .step-number{position:relative}.signal-library .roadmap::before{display:block}.signal-library .quick-shelf{gap:9px}.signal-library .quick-shelf>a{gap:8px;padding:16px 11px}}
@media(max-width:820px){.ref-header-in{min-height:70px;position:relative;flex-wrap:wrap;gap:0 18px;padding:14px 0}.ref-header-actions{margin-left:auto}.reference .menu-toggle{display:block;border-radius:5px;font-size:11px;padding:7px 12px}.reference .header-nav{display:none;order:3;width:100%;margin:16px 0 0;padding:16px 0 4px;border-top:1px solid var(--line);gap:13px 22px;max-height:72dvh;overflow:auto;font-size:12px}.reference .header-nav.is-open{display:flex}.mobile-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 20px;width:100%;padding:19px 0 4px;border-top:1px solid var(--line);margin-top:5px;font-size:10px}.reference .header-nav .mobile-topics>a{color:var(--muted)}.pocket-manual .header-nav{border-color:#637584}.pocket-manual .header-nav .mobile-topics>a{color:#d1ddd9}.pocket-manual .mobile-topics{border-color:#637584}.pocket-manual .menu-toggle{border-color:#667b8a;color:#eef1e6}.ref-hero-grid{gap:27px}.reference .ref-hero h1{font-size:42px}.ref-intro{font-size:12px}.desk-reference .ref-hero-grid{grid-template-columns:1.4fr 1fr;gap:25px}.hero-search{gap:8px;padding-left:10px}.hero-search button{padding:9px 10px;gap:7px}.hero-search input{font-size:11px}.hero-search>svg{width:16px}.ref-stats{padding-top:24px}.reference .quick-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.reference .quick-shelf>a{padding:16px}.reference .quick-shelf>a:nth-child(2){border-right:0}.reference .quick-shelf>a:nth-child(-n+2){border-bottom:1px solid var(--line)}.reference .quick-shelf strong{font-size:12px}.reference .quick-shelf small{display:block;font-size:9px}.reference .quick-shelf b{font-size:13px}.reference .quick-icon{width:24px}.reference .ref-section-head h2{font-size:26px}.reference .ref-paths{gap:12px}.reference .ref-path{padding:18px}.reference .ref-path h3{font-size:21px}.reference .section-heading h2{font-size:27px}.reference .roadmap-wrap{padding:24px}.reference .roadmap{gap:21px}.reference .step h3{font-size:21px}.reference .footer-grid{gap:23px}.workbench .ref-hero-grid{gap:27px;grid-template-columns:1.2fr 1fr}.pipeline-stage{padding:20px 18px 0}.pipeline-stage code{font-size:13px}.pipeline-connector{padding-left:18px}.panel-label{font-size:8px}.panel-bottom{font-size:8px;display:block}.panel-bottom a{display:block;margin-top:5px}.workbench .quick-shelf>a{border:1px solid var(--line)!important}.pocket-manual .ref-hero-grid{grid-template-columns:1.5fr .7fr;gap:30px}.book-preview{width:188px}.book-cover{min-height:266px;padding:21px 12px 18px 17px}.book-cover strong{font-size:21px}.book-series{font-size:6px}.book-motif{gap:5px;margin:24px 0}.book-motif i{width:24px;height:24px}.book-motif i:nth-child(2){margin:0 3px}.book-bottom{font-size:8px}.pocket-manual .ref-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pocket-manual .quick-shelf>a{border-bottom:0!important}.pocket-manual .quick-shelf>a:nth-child(-n+2){border-bottom:1px solid var(--line)!important}.pocket-manual .filter{padding:10px 13px;font-size:10px}.studio-wiki .ref-hero-grid{grid-template-columns:1.4fr 1fr;gap:25px}.studio-wiki .wiki-note{padding:23px 19px}.studio-wiki .quick-shelf>a{border:1px solid var(--line)!important}.signal-library .catalogue-note{padding:15px 0}.catalogue-glyph{transform:scale(.88)}.signal-library .quick-shelf>a{border:1px solid var(--line)!important}.signal-library .news-item>div,.studio-wiki .news-item>div{grid-template-columns:1fr;gap:3px}.signal-library .quick-shelf small{display:none}}
@media(max-width:600px){.ref-header-in,.workbench .ref-header-in{width:calc(100% - 30px);min-height:67px;padding:14px 0}.ref-brand{font-size:12px;gap:8px}.ref-brand small{font-size:7px}.ref-mark{width:28px;height:32px;font-size:16px}.ref-mark>span{bottom:7px;right:4px}.ref-header-actions{gap:7px}.reference .search-trigger{padding:8px}.reference .search-trigger>span,.reference .search-trigger kbd{display:none}.reference .search-trigger>svg{width:15px}.reference .menu-toggle{font-size:10px;padding:7px 9px}.reference .header-nav{gap:14px 22px;margin-top:14px;padding-top:14px}.mobile-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 19px;font-size:10px}.workspace,.workbench .workspace,.pocket-manual .workspace,.signal-library .workspace{width:calc(100% - 36px)}.page-main{padding-top:23px}.breadcrumb{margin-bottom:24px;font-size:9px}.edition{font-size:8px;padding:4px 6px}.reference .ref-hero-grid,.desk-reference .ref-hero-grid,.workbench .ref-hero-grid,.pocket-manual .ref-hero-grid,.studio-wiki .ref-hero-grid,.signal-library .ref-hero-grid{grid-template-columns:1fr;gap:25px}.reference .ref-hero h1{font-size:clamp(34px,8.8vw,46px);margin:14px 0 17px;line-height:1.1}.reference .eyebrow{font-size:8px;line-height:1.6}.ref-intro,.pocket-manual .ref-intro{font-size:12px;line-height:1.85}.hero-search{margin-top:20px;padding:6px 6px 6px 11px}.hero-search input{font-size:11px}.hero-search button{font-size:10px;padding:9px 10px;gap:9px}.hero-search button>span{display:none}.query-shortcuts{gap:7px;font-size:9px;margin-top:10px}.query-shortcuts button{font-size:9px}.desk-note{transform:none;padding:20px;box-shadow:3px 3px 0 #edeade}.desk-note .note-diagram{margin:14px 0 15px}.desk-note h2{font-size:24px;max-width:100%}.desk-note p{margin:11px 0 13px;font-size:11px}.desk-note>a{font-size:10px}.reference .ref-stats{gap:12px 0;display:grid;grid-template-columns:1fr 1fr;padding:24px 0 21px;font-size:10px}.ref-stats b{font-size:15px}.reference .quick-shelf{margin-top:20px;border-radius:5px}.reference .quick-shelf>a{padding:15px 12px;gap:9px;position:relative}.reference .quick-shelf strong{font-size:11px;line-height:1.35}.reference .quick-shelf small{display:none}.reference .quick-shelf b{display:none}.reference .quick-icon{width:24px}.ref-section{padding-top:32px}.ref-section-head{gap:14px;margin-bottom:16px}.reference .ref-section-head h2{font-size:25px;line-height:1.15;margin-top:6px}.ref-section-head .dept-count{font-size:9px;white-space:normal;min-width:57px;text-align:right}.mono-caption{font-size:8px}.directory-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.reference .filters{gap:4px;width:100%}.reference .filter{font-size:9px;padding:7px 9px;line-height:1.5}.reference .ref-directory,.workbench .ref-directory,.pocket-manual .ref-directory{grid-template-columns:1fr;gap:13px}.reference .ref-department{padding:20px}.ref-dept-icon{width:26px;height:26px}.dept-top{margin-bottom:12px}.reference .ref-department h3{font-size:23px}.reference .ref-department p{font-size:12px;line-height:1.8}.kind{font-size:10px}.ref-dept-number{font-size:10px}.dept-sublinks{font-size:11px;gap:7px 14px;padding-top:13px}.reference .ref-paths,.signal-library .ref-paths{grid-template-columns:1fr;gap:13px}.reference .ref-path{padding:23px}.reference .ref-path h3{font-size:23px}.reference .ref-path p{font-size:12px}.path-index{font-size:9px;margin-bottom:12px}.path-end{font-size:11px;padding-top:15px}.reference .section{padding-top:33px}.reference .section-heading h2{font-size:27px}.reference .section-heading>.text-link{font-size:10px;margin-top:11px}.reference .roadmap-wrap{padding:22px}.reference .roadmap,.signal-library .roadmap{grid-template-columns:1fr;gap:25px;margin-top:27px}.reference .roadmap::before{display:none}.reference .step,.signal-library .step{padding-left:42px}.reference .step-number,.signal-library .step-number{position:absolute;left:0;top:0;width:28px;height:28px}.reference .step h3{font-size:24px}.reference .step p{font-size:12px}.reference .step-links{font-size:11px;gap:6px 13px}.reference .news{grid-template-columns:1fr}.reference .news-item h3{font-size:22px}.reference .news-item p{font-size:12px}.reference-mission{padding:22px;margin-top:25px}.reference-mission strong{font-size:17px;line-height:1.4;display:block}.reference-mission p{font-size:12px}.reference .site-footer{padding-top:30px}.reference .footer-grid{grid-template-columns:1fr 1fr;gap:24px}.reference .footer-brand .brand-name{font-size:17px}.reference .footer-col a{font-size:11px}.reference .footer-bottom{font-size:9px}.reference .concept-switcher{bottom:10px;max-width:96%}.reference .concept-switcher>a{width:29px;height:29px}.reference .concept-switcher .all-concepts{padding:0 9px;width:auto}.reference .concept-switcher .concept-name{display:none}.workbench .pipeline-preview{margin-top:0}.workbench .pipeline-stage code{font-size:15px}.workbench .panel-bottom{display:flex;font-size:9px;padding:12px 16px}.workbench .panel-bottom a{margin:0}.workbench .pipeline-stage{padding-top:16px}.workbench .pipeline-stage.output{padding-top:6px;padding-bottom:20px}.workbench .pipeline-connector{padding-top:8px}.workbench .quick-shelf{gap:10px}.workbench .quick-shelf>a{display:flex;padding:15px 12px;gap:10px}.workbench .kind{font-size:9px}.workbench .ref-department h3{font-size:23px}.pocket-manual .book-preview{width:180px;transform:rotate(2deg);margin:2px auto 10px}.pocket-manual .book-cover{min-height:248px;padding:19px 14px 17px 18px}.pocket-manual .book-cover strong{font-size:21px;margin-top:14px}.pocket-manual .book-motif{margin:17px 0 20px}.pocket-manual .book-series{font-size:6px}.pocket-manual .book-tabs span{font-size:7px;padding:8px 6px 8px 13px}.pocket-manual .quick-shelf{border-left:0;border-right:0;border-radius:0}.pocket-manual .directory-tools{margin-bottom:20px}.pocket-manual .filters{gap:3px}.pocket-manual .filter{padding:9px 8px;border-radius:4px 4px 0 0;font-size:9px}.pocket-manual .ref-department{padding:23px}.pocket-manual .ref-department h3{font-size:27px}.pocket-manual .ref-dept-number{font-size:19px}.pocket-manual .dept-sublinks{font-size:11px}.studio-wiki .ref-brand{font-size:13px}.studio-wiki .wiki-note{padding:21px}.studio-wiki .wiki-note h2{font-size:24px}.studio-wiki .wiki-note p{font-size:12px;margin-bottom:12px}.studio-wiki .wiki-note>a{font-size:11px}.studio-wiki .ref-directory{display:block}.studio-wiki .ref-department{padding:0}.studio-wiki .ref-department>summary{padding:20px 4px;grid-template-columns:minmax(0,1fr) 16px;gap:12px}.studio-wiki .ref-department>summary strong{font-size:19px}.studio-wiki .wiki-summary{font-size:12px;margin-top:7px}.studio-wiki .wiki-detail{margin:0 4px 18px;padding:14px;display:block}.studio-wiki .wiki-detail .kind{display:block;font-size:9px;margin-bottom:7px}.studio-wiki .wiki-detail .dept-main-link{font-size:11px;text-align:left}.studio-wiki .wiki-detail .dept-sublinks{font-size:11px;margin-top:13px;gap:7px;flex-direction:column}.studio-wiki .expand-all{font-size:10px;padding:7px 10px}.studio-wiki .ref-section-head h2{font-size:27px}.signal-library .catalogue-note{padding:0;flex-direction:row;gap:0;justify-content:flex-start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-library .catalogue-glyph{transform:scale(.57);width:150px;height:130px;transform-origin:center}.signal-library .catalogue-note>span{text-align:left;font-size:10px}.signal-library .ref-hero h1{font-size:clamp(33px,8.6vw,46px)}.signal-library .ref-stats{padding-top:23px}.signal-library .quick-shelf{gap:10px}.signal-library .catalogue-layout{gap:0}.signal-library .directory-tools{gap:10px}.signal-library .view-controls{margin-left:auto}.signal-library .view-controls button{font-size:10px;padding:6px 13px}.signal-library .ref-directory.is-list .ref-department{padding:20px 1px;grid-template-columns:28px 1fr;gap:9px 12px}.signal-library .ref-directory.is-list .ref-dept-icon{width:26px;height:26px}.signal-library .ref-department h3{font-size:22px}.signal-library .is-list .dept-sublinks{font-size:11px;gap:7px 12px}.signal-library .catalogue-filter{padding:11px 12px}.signal-library .catalogue-filter input{font-size:12px}.signal-library .ref-path h3{font-size:23px}.signal-library .ref-path p{font-size:12px}.signal-library .ref-path .path-index{font-size:9px}.signal-library .news-item>div,.studio-wiki .news-item>div{display:block}}
@media(prefers-reduced-motion:reduce){.reference *{scroll-behavior:auto;transition:none!important}}
/* Keep the actual reference legible, and bring the index into the first screen. */
.reference section[id],.reference main[id]{scroll-margin-top:68px}.reference .ref-intro{font-size:14px;line-height:1.75}.reference .ref-department p,.reference .wiki-summary{font-size:13px;line-height:1.75}.reference .dept-sublinks,.reference .wiki-detail .dept-sublinks{font-size:11px}.reference .ref-path p,.reference .step p,.reference .news-item p{font-size:12px;line-height:1.8}.reference .hero-search input{font-size:13px}.reference .quick-shelf strong{font-size:12px}
@media(min-width:1001px){.reference .page-main{padding-top:25px}.reference .breadcrumb{margin-bottom:23px}.reference .ref-hero h1{margin-top:12px;margin-bottom:17px;font-size:49px}.reference .hero-search{margin-top:18px}.reference .ref-stats{padding:21px 0 18px}.reference .quick-shelf{margin-top:20px}.reference .ref-section{padding-top:32px}.studio-wiki .quick-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.studio-wiki .quick-shelf>a{padding:17px 10px;gap:8px}.studio-wiki .quick-shelf small{display:none}.studio-wiki .quick-shelf b{font-size:14px}.studio-wiki .quick-shelf strong{font-size:10px}.pocket-manual .ref-hero-grid{min-height:327px}}
@media(max-width:600px){.reference .hero-companion{display:none}.reference .ref-hero-grid{gap:0}.reference .ref-intro{font-size:14px;line-height:1.7}.reference .ref-department p,.reference .wiki-summary{font-size:14px}.reference .ref-path p,.reference .step p,.reference .news-item p,.reference-mission p{font-size:13px}.reference .hero-search input{font-size:12px}.reference .dept-sublinks,.reference .wiki-detail .dept-sublinks,.signal-library .is-list .dept-sublinks{font-size:12px}.reference .filter{font-size:10px;padding:8px}.reference .query-shortcuts{font-size:10px}.reference .query-shortcuts button{font-size:10px;padding:5px 8px}.reference .quick-shelf strong{font-size:12px}.reference .breadcrumb{margin-bottom:20px}.reference .ref-stats{padding-top:21px}.reference .ref-path h3{font-size:24px}.reference .kind{font-size:10px}}