@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--ink:#232b29;--paper:#f1f1eb;--line:#cfd3ca;--muted:#626b64;--green:#314c3e;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;font-family:var(--sans);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #a84dca;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}p{line-height:1.65}svg{display:block}button{border:0}button,a{ -webkit-tap-highlight-color:transparent }a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:100}.skip:focus{top:10px}#main:focus{outline:none}.studio-bar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:20px;background:var(--paper);position:relative;z-index:5}.studio-brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.1em;font-weight:700}.brand-symbol{font-size:40px;line-height:1;font-weight:400}.studio-brand small{display:block;font:9px var(--mono);color:var(--muted);margin-top:5px;letter-spacing:.13em}.studio-bar nav{display:flex;gap:28px;font-size:13px}.studio-bar nav a{padding:10px 0}.studio-bar nav a[aria-current]{border-bottom:1px solid}.studio-bar nav span{font:9px var(--mono);margin-left:5px;color:var(--muted)}.prototype-mark{font:9px var(--mono);letter-spacing:.06em;white-space:nowrap}.prototype-mark i{display:inline-block;width:6px;height:6px;background:#81956c;border-radius:50%;margin-right:7px}.wrap{max-width:1440px;margin:auto;padding:0 5%}.eyebrow{font:10px var(--mono);letter-spacing:.15em;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:20px;height:1px;background:currentColor}.gallery-intro{padding:65px 0 47px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end}.gallery-intro h1{font:500 clamp(40px,4.5vw,68px)/1.03 var(--display);letter-spacing:-.055em;margin-top:22px}.gallery-intro h1 em{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;font-size:1.16em}.intro-right{max-width:440px;justify-self:end;padding-bottom:4px}.intro-right p{font-size:14px;color:#5a645d}.intro-right .text-link{margin-top:18px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:12px;font-weight:600;border-bottom:1px solid;padding-bottom:6px}.collection-heading{border-top:1px solid var(--line);padding:18px 0 22px;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.07em}.collection-heading span:last-child{color:var(--muted)}.direction-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 28px;padding-bottom:64px}.direction-card{min-width:0}.thumb{height:315px;overflow:hidden;position:relative;display:block;border:1px solid #252b2920;transition:transform .25s,box-shadow .25s}.thumb:hover{transform:translateY(-4px);box-shadow:0 15px 35px #26392c16;text-decoration:none}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:9px;padding:19px 24px}.mini-logo{font-weight:700;letter-spacing:-.03em}.mini-menu{font:7px var(--mono);opacity:.7}.mini-hero{padding:28px 28px;position:relative;z-index:1}.mini-hero h3{font-size:37px;line-height:1.02;letter-spacing:-.04em;font-weight:500;max-width:65%}.mini-hero p{font-size:8px;line-height:1.6;max-width:48%;margin-top:12px;opacity:.7}.mini-button{display:inline-block;font-size:7px;padding:9px 14px;margin-top:17px}.mini-art{position:absolute;width:260px;height:260px;right:-25px;top:58px}.mini-bottom{position:absolute;bottom:0;left:25px;right:25px;border-top:1px solid currentColor;opacity:.5;font:7px var(--mono);padding:12px 0;display:flex;justify-content:space-between}.dir-meta{padding:19px 0 0;display:grid;grid-template-columns:1fr auto;gap:12px}.dir-meta h2{font:500 22px var(--display);letter-spacing:-.04em}.dir-meta h2 small{font:10px var(--mono);margin-right:12px;color:var(--muted)}.dir-meta p{font-size:12px;color:var(--muted);margin-top:5px}.palette{display:flex;gap:4px;align-items:center}.palette span{height:15px;width:15px;border-radius:50%;border:1px solid #7773}.dir-foot{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font:9px var(--mono);letter-spacing:.03em}.favorite{background:none;border:1px solid var(--line);padding:8px 10px;font:10px var(--mono)}.favorite[aria-pressed="true"]{background:#dfe6d5;border-color:#829270}.gallery-note{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:30px 0 50px}.gallery-note h3{font-size:13px;margin-bottom:8px}.gallery-note p{font-size:12px;color:var(--muted)}.studio-footer{border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}
/* Four distinct visual systems */
.observatory{--bg:#0b1720;--fg:#eaf0e9;--sub:#a3b6bd;--accent:#c8f183;--border:#31414b;background:var(--bg);color:var(--fg);font-family:var(--sans)}.fieldnotes{--bg:#f5f0e3;--fg:#303b30;--sub:#626b57;--accent:#456145;--border:#ccc8b4;background:var(--bg);color:var(--fg);font-family:var(--sans)}.labbench{--bg:#f4f6fc;--fg:#1b2b4b;--sub:#65708a;--accent:#3c59d9;--border:#d9dfed;background:var(--bg);color:var(--fg);font-family:var(--sans)}.spectrum{--bg:#fff5dc;--fg:#222528;--sub:#625d52;--accent:#ff7056;--border:#292c2e;background:var(--bg);color:var(--fg);font-family:var(--display)}
.thumb.observatory{background:radial-gradient(ellipse at 80% 30%,#224554 0,transparent 60%),#0b1720}.observatory .mini-button{background:var(--accent);color:#14271a;border-radius:3px}.observatory .mini-hero h3{font-family:var(--display)}.fieldnotes .mini-hero{padding-top:15px}.fieldnotes .mini-hero h3{font:44px/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-.025em}.fieldnotes .mini-nav{border-bottom:1px solid #bec2ac;margin:0 22px;padding:17px 0}.fieldnotes .mini-button{border:1px solid var(--fg);border-radius:20px}.fieldnotes .mini-art{right:4px;top:70px;width:245px;height:220px}.fieldnotes .mini-bottom{opacity:1}.labbench .mini-nav{background:white;border-bottom:1px solid var(--border)}.labbench .mini-sidebar{position:absolute;width:90px;left:0;top:50px;bottom:0;background:white;border-right:1px solid var(--border);padding:20px 12px;font-size:7px;line-height:3}.labbench .mini-hero{margin-left:90px;padding:28px 23px}.labbench .mini-hero h3{font-size:29px;max-width:95%}.labbench .mini-hero p{max-width:75%}.labbench .mini-button{background:var(--accent);color:white;border-radius:5px}.labbench .mini-bottom{left:114px;opacity:.7}.labbench .mini-art{width:125px;height:125px;top:166px;right:12px}.spectrum .mini-nav{border-bottom:2px solid var(--fg);padding:16px 22px}.spectrum .mini-hero h3{font-size:42px;font-weight:700;max-width:65%;text-transform:uppercase}.spectrum .mini-hero{padding-top:22px}.spectrum .mini-button{background:var(--accent);border:1px solid var(--fg);box-shadow:3px 3px 0 var(--fg)}.spectrum .mini-art{top:85px;right:0;width:230px;height:220px;transform:rotate(7deg)}.spectrum .mini-bottom{opacity:1;border-width:2px}.concept-controls{padding:16px 4%;display:flex;gap:24px;align-items:center;border-bottom:1px solid var(--line);font-size:11px;flex-wrap:wrap}.concept-controls .select-directions{margin-left:auto;display:flex;gap:6px}.concept-controls .select-directions a{padding:7px 10px;border:1px solid var(--line)}.concept-controls .select-directions a[aria-current]{background:var(--ink);color:var(--paper)}.concept-shell{min-height:900px}.site-nav{padding:25px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:20px}.site-logo{display:flex;gap:10px;align-items:center;font:600 21px var(--display);letter-spacing:-.05em}.site-logo .brand-symbol{font-size:30px}.site-nav nav{display:flex;gap:25px;font-size:12px}.site-nav .small-cta{border:1px solid var(--border);padding:9px 14px;border-radius:3px;font-size:11px}.site-inner{max-width:1440px;margin:auto;padding:0 6%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:20px;align-items:center;padding:68px 0 60px;min-height:500px}.hero-copy h1{font:500 clamp(48px,5.4vw,82px)/1.01 var(--display);letter-spacing:-.065em;margin:23px 0}.hero-copy p{max-width:410px;font-size:14px;color:var(--sub)}.hero-copy .actions{display:flex;align-items:center;gap:24px;margin-top:28px}.primary{display:inline-flex;padding:14px 22px;align-items:center;gap:28px;background:var(--accent);color:var(--bg);font-size:12px;font-weight:600;border:1px solid transparent;border-radius:3px}.secondary{font-size:12px;border-bottom:1px solid;padding:8px 0;background:none}.hero-art{position:relative;min-width:0}.hero-art svg{width:100%;height:auto;max-height:420px}.art-caption{font:9px var(--mono);letter-spacing:.08em;display:flex;justify-content:space-between;margin:0 8% 0;color:var(--sub)}.modalities{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font:10px var(--mono);gap:12px;flex-wrap:wrap}.modalities span{opacity:.55;margin-right:10px}.lesson-section{padding:45px 0 60px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px;gap:20px}.section-title h2{font:500 30px var(--display);letter-spacing:-.04em}.section-title p{font:10px var(--mono);color:var(--sub)}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.lesson-tile{border:1px solid var(--border);min-width:0}.tile-art{height:170px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border)}.tile-art svg{height:210px;width:300px}.tile-body{padding:22px}.tile-body .eyebrow{font-size:8px;color:var(--sub)}.tile-body h3{font-size:20px;letter-spacing:-.04em;font-weight:500;margin:12px 0 9px}.tile-body p{font-size:12px;color:var(--sub);min-height:60px}.tile-link{display:flex;width:100%;justify-content:space-between;background:none;padding:19px 0 0;margin-top:17px;border-top:1px solid var(--border);font-size:11px;text-align:left}.learning-callout{padding:35px;border:1px solid var(--border);margin-bottom:55px;display:flex;gap:30px;justify-content:space-between;align-items:center}.learning-callout h2{font:500 28px var(--display);letter-spacing:-.04em}.learning-callout p{font-size:12px;color:var(--sub);max-width:620px;margin-top:8px}.site-footer{padding:25px 0 30px;border-top:1px solid var(--border);font:9px var(--mono);color:var(--sub);display:flex;justify-content:space-between;gap:24px}.observatory .hero-art{background:radial-gradient(ellipse at center,#28556750,transparent 67%)}.observatory .hero-copy h1 em{font-style:normal;color:var(--accent)}.observatory .tile-art{background:#10232c}.fieldnotes .site-nav{max-width:90%;margin:auto;padding:23px 0;border-bottom:3px double var(--border)}.fieldnotes .hero{grid-template-columns:1fr 1fr;padding-top:48px}.fieldnotes .hero-copy h1{font:clamp(58px,6.5vw,94px)/.98 'Libre Caslon Display',Georgia,serif;letter-spacing:-.035em}.fieldnotes .hero-copy h1 em{font-weight:400}.fieldnotes .primary{border-radius:25px}.fieldnotes .lesson-tile{border:0;border-top:1px solid var(--border)}.fieldnotes .tile-body{padding:20px 0}.fieldnotes .tile-art{background:#e8e7d3;margin-top:12px;border:0}.fieldnotes .section-title h2,.fieldnotes .learning-callout h2{font:40px 'Libre Caslon Display',Georgia,serif}.fieldnotes .learning-callout{border-left:0;border-right:0}.fieldnotes .tile-body h3{font:27px 'Libre Caslon Display',Georgia,serif}.spectrum .site-nav{border-bottom:2px solid}.spectrum .hero{grid-template-columns:1.1fr 1fr}.spectrum .hero-copy h1{font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:-.06em}.spectrum .hero-copy h1 em{font-style:normal;background:var(--accent);padding:0 7px}.spectrum .primary{color:var(--fg);border:2px solid var(--fg);box-shadow:4px 4px 0 var(--fg);border-radius:0}.spectrum .hero-art{background:#a79be6;border:2px solid var(--fg);transform:rotate(3deg);box-shadow:8px 8px 0 var(--fg);margin:10px 12px 20px 24px}.spectrum .art-caption{border-top:2px solid var(--fg);margin:0;padding:15px;font-size:8px;color:var(--fg);background:#cbeab9}.spectrum .modalities{border-width:2px}.spectrum .lesson-tile{border:2px solid var(--fg);box-shadow:5px 5px 0 var(--fg)}.spectrum .tile-art{background:#cbeab9;border-width:2px}.spectrum .lesson-tile:nth-child(2) .tile-art{background:#ffbda7}.spectrum .lesson-tile:nth-child(3) .tile-art{background:#c9c1ee}.spectrum .tile-body h3{font-weight:700}.spectrum .learning-callout{background:#ff7056;border:2px solid var(--fg);color:var(--fg);box-shadow:5px 5px 0}.spectrum .learning-callout p{color:var(--fg)}
/* A course workspace, rather than another landing-page skin */
.lab-layout{display:grid;grid-template-columns:215px 1fr;max-width:1600px;margin:auto}.lab-sidebar{background:white;border-right:1px solid var(--border);padding:30px 22px}.lab-sidebar .eyebrow{font-size:8px;color:var(--sub);margin-bottom:18px}.lab-sidebar a,.lab-sidebar button{display:block;font:12px var(--sans);padding:12px 13px;margin-bottom:7px;width:100%;text-align:left;background:none;border-radius:6px}.lab-sidebar .selected{background:#edf0fd;color:#334ecb;font-weight:600}.sidebar-note{margin-top:40px;border-top:1px solid var(--border);padding-top:20px;font-size:11px;color:var(--sub);line-height:1.7}.lab-main{padding:40px 4%;min-width:0}.lab-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.lab-heading h1{font:500 34px var(--display);letter-spacing:-.05em;margin-top:8px}.lab-heading p{font-size:12px;color:var(--sub);margin-top:9px}.workspace-tag{padding:8px 12px;border:1px solid var(--border);background:white;font:9px var(--mono);border-radius:20px;white-space:nowrap}.lab-feature{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:white;border:1px solid var(--border);border-radius:12px;padding:25px;margin-bottom:32px}.lab-feature h2{font:500 31px var(--display);letter-spacing:-.05em;margin:15px 0}.lab-feature p{font-size:12px;color:var(--sub);margin:12px 0 22px}.lab-feature .feature-art{background:#ecf0ff;border-radius:8px;display:flex;align-items:center}.lab-feature .feature-art svg{width:100%;height:230px}.labbench .primary{color:white;border-radius:6px}.labbench .lesson-grid{gap:14px}.labbench .lesson-tile{background:white;border-radius:10px;overflow:hidden}.labbench .tile-body{padding:17px}.labbench .tile-art{height:130px;background:#eef1fc}.labbench .tile-art svg{height:150px}.labbench .section-title h2{font-size:22px}.labbench .learning-callout{border-radius:10px;background:white;margin:30px 0}.labbench .learning-callout h2{font-size:22px}.labbench .site-footer{margin-top:30px}.prototype-info{padding:15px 5%;font:10px/1.7 var(--mono);background:#e9ebdf;color:#485343;border-top:1px solid #bdc5b4}
/* Comparison and planning */
.page-header{padding:52px 0 36px;max-width:800px}.page-header h1{font:500 clamp(38px,4vw,58px)/1.08 var(--display);letter-spacing:-.055em;margin:20px 0}.page-header p{font-size:14px;color:var(--muted)}.compare-scroll{overflow-x:auto;margin-bottom:25px}.compare-table{width:100%;border-collapse:collapse;min-width:850px;font-size:12px}.compare-table th,.compare-table td{border:1px solid var(--line);padding:20px;text-align:left;vertical-align:top;line-height:1.65}.compare-table th{font-family:var(--display);font-size:17px;font-weight:500}.compare-table th:first-child{width:13%;font:10px var(--mono)}.compare-table td:first-child{font-weight:600}.compare-table .palette{margin-bottom:13px}.compare-table a{border-bottom:1px solid;font-size:11px}.review-panel{border:1px solid var(--line);padding:30px;margin:30px 0 50px;background:#e7ebdf}.review-panel h2{font:500 26px var(--display);letter-spacing:-.04em;margin-bottom:12px}.review-panel p{font-size:13px;margin-bottom:18px;max-width:800px}.review-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.review-fields label{font-size:11px;display:block}.review-fields select,.review-fields textarea{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #b4bcaa;background:#f7f8f2;font:12px var(--sans);color:var(--ink)}.review-fields textarea{height:82px;resize:vertical}.neutral-button{background:var(--ink);color:white;padding:12px 20px;font-size:12px;display:inline-block}.review-panel .neutral-button{margin-top:15px}.plan-layout{display:grid;grid-template-columns:180px 1fr;gap:50px;padding:10px 0 70px}.plan-nav{position:sticky;top:20px;align-self:start;display:flex;flex-direction:column;gap:18px;font:10px var(--mono);padding-top:10px}.plan-nav a{color:var(--muted)}.plan-body{max-width:960px}.plan-section{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.plan-section h2{font:500 31px var(--display);letter-spacing:-.04em;margin-bottom:18px}.plan-section>p{font-size:14px;color:#536056;margin-bottom:15px}.status-strip{background:#e4e8db;border-left:3px solid #667f57;padding:18px 20px;font-size:12px;line-height:1.7;margin-bottom:30px}.plan-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.plan-card{padding:23px;border:1px solid var(--line)}.plan-card .num{font:10px var(--mono);color:var(--muted)}.plan-card h3{font:500 20px var(--display);margin:12px 0 9px;letter-spacing:-.03em}.plan-card p,.plan-card li{font-size:12px;color:#536056;line-height:1.8}.plan-card ul{padding-left:17px;margin-bottom:0}.plan-steps{counter-reset:steps;display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.plan-steps div{flex:1;min-width:110px;border-top:2px solid #60744d;padding:13px 8px 0 0}.plan-steps strong{display:block;font-size:12px;margin-bottom:6px}.plan-steps p{font-size:11px;color:var(--muted)}.decision-list{padding:0;list-style:none}.decision-list li{padding:14px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:110px 1fr;gap:20px;font-size:12px;line-height:1.7}.pending{font:9px var(--mono);color:#76572e}.data-table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.data-table th,.data-table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;line-height:1.6}.data-table th{font:10px var(--mono)}.calc{border:1px solid #aeba9e;background:#e7ebde;padding:28px;margin-top:25px}.calc h3{font:500 23px var(--display);letter-spacing:-.04em;margin-bottom:8px}.calc>p{font-size:11px;margin-bottom:23px;color:var(--muted)}.calc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.calc label{font-size:11px}.calc input[type=number]{margin-top:7px;display:block;width:100%;padding:10px;border:1px solid #a9b89a;background:#f8faef;color:var(--ink)}.calc .eligibility{display:flex;align-items:center;gap:8px;grid-column:1/-1;border-top:1px solid #c4ccba;padding-top:15px;line-height:1.6}.calc input[type=checkbox]{width:16px;height:16px;accent-color:#47613c}.calc-results{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid #b8c4a9;padding-top:23px;margin-top:23px}.calc-results small{font:9px var(--mono);display:block;color:#526349;line-height:1.6}.calc-results strong{font:500 34px var(--display);letter-spacing:-.04em;display:block;margin-top:5px}.calc-status{margin-top:20px;font-size:12px;line-height:1.8}.meter{height:5px;background:#bec9b0;margin-top:15px}.meter span{display:block;height:100%;background:#48653d;max-width:100%}.small-note{font-size:11px!important;color:var(--muted);line-height:1.8;margin-top:15px}.source-links{display:flex;flex-direction:column;gap:13px;font-size:12px}.source-links a{text-decoration:underline;text-underline-offset:3px}.roadmap-row{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.roadmap-row>span{font:10px var(--mono);color:var(--muted);line-height:1.8}.roadmap-row h3{font-size:15px;margin-bottom:9px}.roadmap-row p{font-size:12px;color:var(--muted)}.print-link{background:none;font:11px var(--mono);border:1px solid var(--line);padding:10px 15px;margin-top:20px}
/* Actual learning interactions */
dialog{padding:0;border:1px solid #a8b3a6;background:#f8f9f1;color:#25332a;width:min(980px,94vw);max-height:91vh;box-shadow:0 25px 100px #0004}dialog::backdrop{background:#0b161acc;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;gap:25px;padding:25px 30px 19px;border-bottom:1px solid var(--line)}.dialog-head h2{font:500 27px var(--display);letter-spacing:-.04em;margin-top:7px}.dialog-head .eyebrow{font-size:8px}.close-dialog{background:none;font-size:25px;align-self:start;width:36px;height:36px}.lesson-tabs{display:flex;gap:3px;padding:16px 30px 0;overflow:auto}.lesson-tabs button{font-size:11px;padding:10px 16px;white-space:nowrap;background:#e9eddf}.lesson-tabs button[aria-selected=true]{background:#344a37;color:white}.lesson-panel{padding:26px 30px 32px}.lesson-panel h3{font:500 24px var(--display);letter-spacing:-.03em;margin-bottom:14px}.lesson-panel p{font-size:13px;margin-bottom:15px}.lesson-panel video{display:block;width:100%;max-height:470px;background:#101a22}.media-note{font:10px/1.7 var(--mono)!important;margin-top:14px;color:var(--muted)}.sim-grid{display:grid;grid-template-columns:1fr 240px;gap:23px}.sim-canvas{width:100%;height:300px;background:#101e27;display:block;border-radius:4px}.sim-readout{display:flex;justify-content:space-between;gap:15px;font:10px var(--mono);margin:12px 0}.sim-settings label{display:block;font-size:11px;margin:0 0 20px}.sim-settings input{display:block;width:100%;accent-color:#48643e;margin-top:10px}.sim-settings output{float:right}.sim-buttons{display:flex;gap:10px;margin-top:17px}.sim-buttons button{padding:11px 16px;background:#e2e9d5;font-size:11px;border:1px solid #aaba9c}.reading{max-width:720px}.reading h4{font-size:14px;margin:24px 0 10px}.reading a{text-decoration:underline}.practice-options{display:flex;gap:12px;margin:18px 0;flex-wrap:wrap}.practice-options button{padding:14px 18px;border:1px solid #b5c4a8;background:#edf1e2;font-size:12px}.feedback{padding:17px 20px;border-left:3px solid #6b894b;background:#e4ecd7;font-size:12px;line-height:1.8;margin-top:18px}.feedback:empty{display:none}.quiz-form fieldset{border:1px solid var(--line);padding:20px;margin:0 0 17px;min-width:0}.quiz-form legend{font-size:13px;padding:0 5px}.quiz-form label{display:flex;align-items:start;gap:10px;font-size:12px;margin:12px 0;line-height:1.6}.quiz-form input{accent-color:#49663e;margin-top:4px}.quiz-form button{padding:12px 20px;background:#344a37;color:white;font-size:12px}.quiz-result{margin-top:20px}.quiz-result h3{font-size:23px}.quiz-result p{font-size:12px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#263c2a;color:#f7f9ef;padding:13px 23px;font-size:12px;z-index:50;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}
@media(min-width:1550px){.thumb{height:350px}.mini-hero{padding-top:40px}.mini-art{width:300px;height:300px}.mini-hero h3{font-size:44px}.fieldnotes .mini-hero h3{font-size:50px}.spectrum .mini-hero h3{font-size:49px}.labbench .mini-hero h3{font-size:34px}}
@media(max-width:1000px){.prototype-mark{display:none}.gallery-intro{grid-template-columns:1.1fr 1fr}.thumb{height:280px}.mini-hero h3{font-size:30px}.fieldnotes .mini-hero h3{font-size:38px}.spectrum .mini-hero h3{font-size:34px}.mini-art{width:210px;height:210px;right:-35px;top:63px}.fieldnotes .mini-art{width:180px;right:0}.spectrum .mini-art{width:180px;right:-20px}.labbench .mini-hero h3{font-size:23px}.labbench .mini-art{width:110px;top:145px}.hero-copy h1{font-size:58px}.fieldnotes .hero-copy h1{font-size:66px}.site-nav nav{gap:14px}.lab-layout{grid-template-columns:170px 1fr}.lab-sidebar{padding:25px 12px}.lab-feature h2{font-size:27px}.labbench .lesson-grid{grid-template-columns:1fr}.labbench .lesson-tile{display:grid;grid-template-columns:180px 1fr}.labbench .tile-art{height:100%;border-bottom:0}.labbench .tile-body p{min-height:0}.plan-layout{gap:25px;grid-template-columns:145px 1fr}.tile-body p{min-height:80px}.tile-body{padding:17px}.concept-controls .select-directions{margin-left:0}}
@media(max-width:700px){.studio-bar{height:auto;min-height:90px;flex-wrap:wrap;padding:18px 5%;gap:17px}.studio-brand{font-size:10px}.studio-brand small{font-size:8px}.studio-bar nav{gap:22px;font-size:11px}.studio-bar nav a{padding:4px 0}.gallery-intro{display:block;padding:38px 0}.gallery-intro h1{font-size:46px;margin-top:18px}.intro-right{margin-top:25px;max-width:100%}.intro-right p{font-size:13px}.eyebrow{font-size:9px}.collection-heading{font-size:8px}.collection-heading span:last-child{max-width:125px;text-align:right;line-height:1.7}.direction-grid{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.thumb{height:315px}.mini-hero{padding-top:25px}.mini-hero h3{font-size:37px}.fieldnotes .mini-hero h3{font-size:44px}.spectrum .mini-hero h3{font-size:42px}.mini-art{width:250px;height:250px;right:-20px;top:65px}.fieldnotes .mini-art{width:220px;top:75px}.spectrum .mini-art{width:220px;top:85px}.labbench .mini-hero h3{font-size:29px}.labbench .mini-art{width:130px;top:170px}.gallery-note{grid-template-columns:1fr;gap:25px}.studio-footer{font-size:8px;gap:20px;line-height:1.8}.concept-controls{padding:14px 5%;gap:14px;font-size:10px}.concept-controls .select-directions{gap:5px;flex-wrap:wrap}.concept-controls .select-directions a{font-size:9px;padding:6px 8px}.site-nav{padding:20px 6%;flex-wrap:wrap;gap:17px}.site-logo{font-size:20px}.site-nav nav{font-size:11px;gap:20px}.site-nav .small-cta{display:none}.hero,.fieldnotes .hero,.spectrum .hero{grid-template-columns:1fr;gap:10px;padding:35px 0}.hero-copy h1{font-size:58px}.fieldnotes .hero-copy h1{font-size:68px}.hero-copy p{font-size:13px}.hero-art{margin-top:20px}.hero-art svg{max-height:300px}.art-caption{font-size:8px}.spectrum .hero-art{margin:30px 10px 10px 5px}.modalities{justify-content:start;gap:15px 20px;font-size:9px;padding:15px 0}.lesson-grid{grid-template-columns:1fr}.section-title{align-items:start}.section-title h2{font-size:27px}.fieldnotes .section-title h2{font-size:34px}.section-title p{font-size:8px;max-width:105px;line-height:1.8;text-align:right}.tile-art{height:190px}.tile-body p{min-height:0}.tile-body{padding:22px}.learning-callout{display:block;padding:24px}.learning-callout .secondary{margin-top:20px;display:inline-block}.site-footer{font-size:8px;line-height:1.8}.lab-layout{display:block}.lab-sidebar{padding:15px 5%;border-right:0;border-bottom:1px solid var(--border);display:flex;gap:5px;overflow:auto}.lab-sidebar .eyebrow,.sidebar-note{display:none}.lab-sidebar a,.lab-sidebar button{width:auto;white-space:nowrap;font-size:10px;padding:10px}.lab-main{padding:28px 5%}.lab-heading h1{font-size:30px}.workspace-tag{display:none}.lab-feature{grid-template-columns:1fr;padding:22px}.lab-feature .feature-art{grid-row:2}.labbench .lesson-tile{display:block}.labbench .tile-art{height:155px;border-bottom:1px solid var(--border)}.plan-layout{display:block}.plan-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:14px;margin-bottom:30px}.page-header{padding:35px 0}.page-header h1{font-size:42px}.plan-cards{grid-template-columns:1fr}.decision-list li{grid-template-columns:85px 1fr;gap:10px}.data-table{font-size:10px}.data-table th,.data-table td{padding:10px 6px}.calc{padding:20px}.calc-inputs{gap:14px}.calc-results{grid-template-columns:1fr 1fr;gap:18px}.calc-results strong{font-size:29px}.calc-results div:last-child{grid-column:1/-1}.roadmap-row{grid-template-columns:70px 1fr;gap:15px}.review-fields{grid-template-columns:1fr}.review-panel{padding:22px}.dialog-head{padding:20px}.dialog-head h2{font-size:23px}.lesson-tabs{padding:14px 20px 0}.lesson-tabs button{padding:9px 12px;font-size:10px}.lesson-panel{padding:22px 20px}.sim-grid{grid-template-columns:1fr}.sim-canvas{height:240px}.sim-settings{display:grid;grid-template-columns:1fr 1fr;gap:15px}.sim-settings .sim-buttons{grid-column:1/-1;margin:0}.sim-settings label{margin:0}.prototype-info{font-size:9px}}
.site-nav .small-cta{background:transparent;color:var(--fg)}
.fieldnotes .mini-hero h3{font-size:40px}.fieldnotes .mini-hero p{font-size:7px;margin-top:9px}.fieldnotes .mini-button{margin-top:11px}
@media(min-width:701px) and (max-width:1000px){.fieldnotes .mini-hero h3{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media print{.studio-bar,.concept-controls,.plan-nav,.print-link,.studio-footer{display:none}.plan-layout{display:block}.wrap{padding:0}.plan-section{break-inside:avoid}.calc{break-inside:avoid}.plan-section h2{font-size:24px}body{background:white}a{text-decoration:underline}}