:root{--ink:#112c38;--muted:#536770;--paper:#f6f5ef;--line:#d6ded8;--green:#bce6c9;--bright:#8de0bb;--blue:#769de0;--serif:Georgia,'Times New Roman',serif;--sans:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:22px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}button,input,select{accent-color:#235e4b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3676c9;outline-offset:4px}button{color:inherit}button,select{min-height:44px}button{border:0}.shell{width:min(1440px,calc(100% - 112px));margin:auto}::selection{background:#bce6c9}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.masthead{height:110px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:40px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.2;font-size:16px}.brand svg{width:39px;fill:none;stroke:var(--ink);stroke-width:1.5}.brand strong{display:block;font-weight:600}.masthead nav{margin-left:auto;display:flex;gap:36px;font-size:13px}.masthead nav a{text-decoration:none}.masthead nav a:hover{text-decoration:underline;text-underline-offset:5px}.masthead nav span{margin-left:6px}.edition{font-size:11px;border:1px solid #bacabe;border-radius:20px;padding:5px 12px;white-space:nowrap}.edition i,.live-badge i{display:inline-block;width:6px;height:6px;background:#498b67;border-radius:50%;margin-right:6px}.intro{display:flex;justify-content:space-between;align-items:end;padding:66px 0 60px;gap:32px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;margin:0 0 14px;line-height:1.5}h1,h2,h3,h4,p{margin-top:0}h1{font-family:var(--serif);font-size:clamp(48px,5.5vw,80px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin-bottom:0}em{font-weight:400;color:#35674e}h1 em{color:#35674e}.intro-note{width:300px;padding-bottom:5px;font-size:14px;line-height:1.75}.tiny-mark{font-size:28px;color:#598b70;line-height:1}.intro-note p{margin:10px 0 18px}.text-link{background:none;padding:0;font-size:12px;text-decoration:none;min-height:30px}.text-link span{margin-left:24px}.text-link:hover{color:#337458;text-decoration:underline}.section-top{border-top:1px solid #879d95;display:flex;justify-content:space-between;align-items:center;padding:18px 0 24px}.section-top .eyebrow{margin:0}.section-top>span{font-size:11px;color:var(--muted)}.lab-grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:38px}.chapter-nav{padding-top:3px}.chapter{display:block;width:100%;text-align:left;background:none;border-bottom:1px solid var(--line);position:relative;padding:22px 14px 24px 15px;line-height:1.3}.chapter>span{font-size:10px;color:#587268;display:block;margin-bottom:12px}.chapter strong{font-family:var(--serif);font-size:20px;line-height:1.2;font-weight:400}.chapter small{display:block;font-size:10px;color:var(--muted);margin-top:10px}.chapter b{position:absolute;right:14px;top:22px;font-weight:400;color:#54796b}.chapter.active{background:#e3ecdf;border-left:2px solid #497259;padding-left:13px}.chapter:hover{background:#eaf0e6}.rail-note{font-size:11px;color:var(--muted);margin:28px 15px}.lab-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.lab-heading h2{font-family:var(--serif);font-size:34px;line-height:1.15;letter-spacing:-.8px;font-weight:400;margin:0}.lab-heading .eyebrow{font-size:9px;color:var(--muted);margin-bottom:8px}.live-badge{font-size:10px;white-space:nowrap;align-self:start;margin-top:6px}.lab-description{max-width:780px;font-size:13px;color:var(--muted);margin:15px 0 22px}.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:13px}.mode-tabs{display:flex;gap:5px;flex-wrap:wrap}.mode-tabs button{background:transparent;border:1px solid var(--line);padding:6px 18px;border-radius:3px;font-size:12px;min-height:38px}.mode-tabs button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.compare-control{font-size:11px;display:flex;align-items:center;gap:6px;white-space:nowrap}.compare-control input,.guide-control input{width:15px;height:15px}.experiment{background:#112c38;color:#e6efe9;border-radius:4px;overflow:hidden}.stage{position:relative;aspect-ratio:16/9;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.view-label{position:absolute;top:20px;left:24px;right:24px;display:flex;justify-content:space-between;z-index:1;font-size:9px;letter-spacing:2px;pointer-events:none}.view-label>span:first-child{background:#102831c9;padding:4px 7px;border:1px solid #73908955}.stage-index{color:#c7d7d0;padding:4px}.scene-readout{position:absolute;left:24px;top:58px;color:#c4d7cd;font-size:10px;letter-spacing:.3px;pointer-events:none}.stage-footer{position:absolute;bottom:14px;left:24px;right:24px;display:flex;justify-content:space-between;color:#dce6dc;font-size:10px;pointer-events:none}.stage-footer span:first-child{background:#0d2535a8;padding:2px 6px}.stage-footer span:last-child{font-size:9px;color:#b4c9c8}.transport{border-top:1px solid #526d714d;display:flex;gap:22px;align-items:center;padding:20px 24px;background:#112b38}.play{display:flex;align-items:center;gap:10px;background:#bce6c9;color:#153b31;font-size:12px;min-width:105px;padding:9px 16px;border-radius:3px}.play:hover{background:#d2f2dc}.play #play-icon{font-size:10px}.timeline{flex:1;min-width:50px}.timeline label{font-size:9px;color:#a7c1c1;display:block;margin-bottom:2px}.timeline input{display:block;width:100%;margin:5px 0;accent-color:#a7dfbf;cursor:ew-resize;height:16px}.timeline-ends{display:flex;justify-content:space-between;font-size:9px;line-height:1.3;color:#a9c3c4}.timeline-ends output{color:#dcece4}.icon-button{background:transparent;color:#d3e3da;font-size:26px;width:40px}.guide-control{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap}.under-stage{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:22px}.plan-panel{background:#e8eee8;border:1px solid #d8e1d9;border-radius:3px;padding:13px 18px 12px}.panel-title{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#4b665b}.panel-title>span:last-child{letter-spacing:0}.plan-panel canvas{width:100%;aspect-ratio:500/210;display:block}.plan-legend{display:flex;justify-content:center;gap:16px;font-size:9px;color:#46635d}.plan-legend i{display:inline-block;width:6px;height:6px;margin-right:5px}.camera-dot{background:#315f9c}.subject-dot{background:#b26a38}.back-dot{background:#559278}.observation{padding:12px 0 5px}.observation .eyebrow{font-size:9px;color:#58746a;margin-bottom:9px}.observation h3{font-family:var(--serif);font-size:24px;font-weight:400;line-height:1.2;margin-bottom:10px}.observation>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}.metrics{display:flex;gap:24px;flex-wrap:wrap;margin-top:15px;padding-top:10px;border-top:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.7px}.metric strong{font-size:16px;font-weight:500}.metric small{font-size:10px;color:var(--muted);margin-left:3px}.lesson-notes{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding-top:24px}.lesson-notes .eyebrow{font-size:9px;margin-bottom:8px}.lesson-notes p:not(.eyebrow){font-size:12px;color:#52676b;line-height:1.75;margin-bottom:18px}.method{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.method summary{list-style:none;padding:13px 0;cursor:pointer;display:flex;justify-content:space-between}.method summary::-webkit-details-marker{display:none}.method p{margin-bottom:9px}.method a{color:#245c72;text-underline-offset:3px}.method #method-body{padding:3px 0 16px;max-width:770px}.comparison{display:grid;grid-template-columns:repeat(var(--columns,3),minmax(0,1fr));gap:1px;background:#627d78}.comparison figure{margin:0;position:relative;background:#173640}.comparison canvas{width:100%;display:block;aspect-ratio:4/3}.comparison figcaption{padding:12px 14px;font-size:11px;display:flex;justify-content:space-between;gap:5px;background:#18333e;flex-wrap:wrap}.comparison figcaption small{font-size:9px;color:#a9c3c1}.comparison .small-metric{font-size:10px;position:absolute;top:12px;left:12px;color:#bfe5cf;background:#112c38bd;padding:3px 6px}.catalog-section{padding-top:70px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:36px;margin:12px 0 30px}.catalog-heading h2{font-family:var(--serif);font-size:45px;line-height:1.12;font-weight:400;letter-spacing:-1.2px;margin:0}.catalog-heading>p{font-size:13px;max-width:340px;color:var(--muted);margin:0}.filters{display:grid;grid-template-columns:minmax(200px,1fr) 220px 220px;gap:16px;margin-top:34px}.search{display:flex;align-items:center;border-bottom:1px solid #8ba49a;gap:12px}.search span{font-size:28px;color:#537367}.search input{width:100%;background:none;border:0;min-height:48px;font-size:13px;color:var(--ink);min-width:0}.select-wrap{position:relative;display:flex;align-items:center;border-bottom:1px solid #8ba49a;gap:8px}.select-wrap>span{font-size:10px;color:var(--muted)}.select-wrap select{width:100%;background:transparent;color:var(--ink);border:0;font-size:12px;padding:8px;min-width:0}.alphabet{display:flex;gap:3px;margin:26px 0 16px;flex-wrap:wrap}.alphabet button{min-width:31px;min-height:32px;padding:3px 8px;background:none;font-size:11px;border-radius:2px}.alphabet button:disabled{color:#a7afab}.alphabet button.active{background:var(--ink);color:white}.alphabet button:not(:disabled):hover{background:#dce8dc;color:var(--ink)}.result-bar{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;padding-bottom:9px;border-bottom:1px solid #829d90}.result-bar button{font-size:10px}.concept{border-bottom:1px solid var(--line)}.concept summary{list-style:none;display:grid;grid-template-columns:40px 1.1fr .75fr 1.2fr 30px;align-items:center;gap:14px;padding:19px 0;cursor:pointer}.concept summary::-webkit-details-marker{display:none}.concept .letter{font-family:var(--serif);font-size:25px;color:#6f8c7e}.concept .term{font-family:var(--serif);font-size:22px;line-height:1.2}.concept .category{font-size:10px;color:var(--muted)}.concept .short{font-size:11px;color:var(--muted)}.concept .plus{text-align:right;font-size:20px;color:#588069}.concept[open] .plus{transform:rotate(45deg)}.concept[open]{background:#eaf0e7}.concept[open] summary{padding-left:12px;padding-right:12px}.term small{font-family:var(--sans);display:block;font-size:9px;color:#437359;margin-top:6px;letter-spacing:.3px}.term small.reading{color:#6f7779}.concept-body{margin:0 40px 24px 54px;display:grid;grid-template-columns:1fr 1fr;gap:12px 34px;font-size:12px}.concept-body p{margin-bottom:0}.concept-body b{display:block;font-size:9px;letter-spacing:1px;margin-bottom:5px}.concept-body .source-line{grid-column:1/-1;color:var(--muted);font-size:10px}.concept-body .lesson-link{justify-self:start;background:#1d4d41;color:#f0f6ed;border-radius:3px;font-size:11px;padding:10px 16px;min-height:40px}.empty{padding:40px 0;text-align:center;color:var(--muted)}.closing{display:flex;align-items:center;gap:40px;padding:70px 0}.closing-symbol{font-size:70px;color:#5c8368;font-family:var(--serif)}.closing p{font-size:32px;font-family:var(--serif);line-height:1.2;margin:0}.closing>span:last-child{margin-left:auto;font-size:11px;color:var(--muted)}footer{border-top:1px solid #a6b9ac;padding:25px 0 35px;display:flex;align-items:center;gap:25px;font-size:10px;color:var(--muted)}footer p{margin:0}footer>span{margin-left:auto}.footer-brand{text-decoration:none;font-size:12px;color:var(--ink)}[hidden]{display:none!important}
.layout-scene{min-height:540px;padding:28px 40px;display:flex;align-items:center;justify-content:center;gap:35px;background:radial-gradient(ellipse at 40% 30%,#2d4e58,#132d3c)}.paper{--margin:28px;position:relative;width:320px;min-width:220px;background:#f4efe2;color:#193b40;box-shadow:0 8px 30px #08192466;aspect-ratio: .707;padding:var(--margin)}.paper-content{height:100%;position:relative}.paper-kicker{font-size:6px;letter-spacing:1px;display:flex;justify-content:space-between;border-bottom:1px solid #8fa496;padding-bottom:8px}.paper h3{font-family:var(--serif);font-size:38px;line-height:1.03;margin:14px 0 16px;font-weight:400;letter-spacing:-1.4px}.paper-art{height:132px;background:#abc5b2;position:relative;overflow:hidden}.art-sun{width:60px;height:60px;border-radius:50%;background:#ebdfb7;position:absolute;right:28px;top:15px}.art-frame{position:absolute;width:81px;height:115px;border:18px solid #3e7976;border-bottom:0;left:36px;top:34px;transform:skewY(-10deg)}.art-step{width:100px;height:25px;background:#224d5b;position:absolute;right:5px;bottom:18px;box-shadow:-10px 13px 0 #668e8c,-20px 25px 0 #8eaf9d}.paper-art>span{position:absolute;bottom:8px;left:9px;font-size:5px;letter-spacing:1.5px;color:#163e42}.paper-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.paper-columns h4{font-size:9px;margin-bottom:5px}.paper-columns p{font-family:var(--serif);font-size:8px;line-height:1.5;margin:0}.paper-foot{display:flex;justify-content:space-between;border-top:1px solid #9cac9d;margin-top:15px;padding-top:7px;font-size:6px;letter-spacing:.7px}.paper-overlay{position:absolute;inset:0;pointer-events:none}.overlay-margins{position:absolute;inset:var(--margin);outline:1px dashed #d28238;box-shadow:0 0 0 var(--margin) #e8a55822}.overlay-label{position:absolute;font-family:var(--sans);font-size:8px;font-weight:600;padding:2px 4px;white-space:nowrap;color:#142e37;background:#f5d3a8;z-index:2}.overlay-cols{position:absolute;inset:var(--margin);display:grid;grid-template-columns:1fr 1fr;gap:14px}.overlay-cols i{background:#5b9add16;border:1px solid #5b9add80}.overlay-gutter{position:absolute;left:calc(50% - 7px);top:var(--margin);bottom:var(--margin);width:14px;background:#a172df44;border-left:1px dashed #9c62d5;border-right:1px dashed #9c62d5}.overlay-align{position:absolute;left:var(--margin);top:10px;bottom:10px;border-left:2px dashed #2b916f}.hierarchy-badge{position:absolute;background:#1f6153;color:white;border:1px solid white;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;font-size:10px;left:calc(var(--margin) - 10px)}.layout-legend{color:#cadcd3;font-size:10px;max-width:140px}.layout-legend p{font-size:16px;font-family:var(--serif);line-height:1.4;margin-top:15px}.layout-legend i{display:inline-block;width:6px;height:6px;background:#9bdbb0;margin-right:7px}.layout-options{padding:15px 0}.layout-options .eyebrow{font-size:9px}.layout-options #layers{display:flex;gap:8px;flex-wrap:wrap}.layer-option{padding:6px 11px;border:1px solid #cedacf;background:#e8eee5;font-size:11px;display:flex;gap:6px;align-items:center;min-height:36px}.layer-option input{margin:0}
@media(min-width:1600px){.shell{max-width:1440px}.stage{max-height:650px}}
@media(max-width:1100px){.shell{width:calc(100% - 56px)}.lab-grid{grid-template-columns:162px minmax(0,1fr);gap:24px}.chapter strong{font-size:18px}.intro-note{width:260px}.lab-heading h2{font-size:29px}.under-stage{gap:20px}.transport{gap:13px;padding:16px}.filters{grid-template-columns:minmax(200px,1fr) 180px 175px}.metrics{gap:15px}.layout-legend{display:none}}
@media(max-width:800px){.shell{width:calc(100% - 36px)}.masthead{height:82px;gap:15px}.masthead nav{gap:20px}.edition{display:none}.intro{padding:42px 0 40px;align-items:start}.intro-note{width:220px;font-size:12px}.intro h1{font-size:53px;letter-spacing:-2px}.lab-grid{display:block}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:26px}.chapter{padding:12px 9px!important;border-left:0!important;border-bottom:2px solid transparent}.chapter.active{border-bottom-color:#497259}.chapter>span{margin-bottom:6px}.chapter strong{font-family:var(--sans);font-size:12px;font-weight:600}.chapter small,.chapter b,.rail-note{display:none}.lab-heading h2{font-size:32px}.under-stage{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.catalog-heading h2{font-size:38px}.catalog-heading>p{max-width:270px;font-size:12px}.concept summary{grid-template-columns:26px 1.2fr .7fr 25px}.concept .short{display:none}.concept-body{margin-left:40px}.comparison{grid-template-columns:1fr}.comparison figure{display:grid;grid-template-columns:1fr 135px;align-items:center}.comparison canvas{aspect-ratio:16/7}.comparison figcaption{display:block}.comparison figcaption small{display:block;margin-top:8px}.comparison .small-metric{font-size:9px}.closing{padding:50px 0}.closing p{font-size:28px}.closing>span:last-child{max-width:150px}.layout-scene{min-height:500px}}
@media(max-width:520px){.masthead nav a:first-child{display:none}.masthead nav{font-size:11px}.brand{font-size:13px;gap:9px}.brand svg{width:30px}.intro{display:block;padding-top:32px}.intro h1{font-size:48px;line-height:1.08}.intro .eyebrow{font-size:8px;letter-spacing:1px}.intro-note{width:auto;display:flex;gap:12px;align-items:start;margin-top:23px}.intro-note p{margin:0;line-height:1.6;font-size:12px}.intro-note .tiny-mark{font-size:21px}.intro-note .text-link{margin-left:auto;max-width:95px;font-size:10px;padding-top:4px}.intro-note .text-link span{margin-left:5px}.section-top{padding:15px 0 20px;gap:20px}.section-top .eyebrow{font-size:8px;letter-spacing:1px}.section-top>span{font-size:8px;text-align:right}.chapter-nav{gap:3px;margin-bottom:24px}.chapter{padding:10px 6px!important}.chapter strong{font-size:10px}.chapter>span{font-size:8px}.lab-heading{align-items:start}.lab-heading h2{font-size:28px;max-width:265px}.live-badge{font-size:8px;max-width:50px;white-space:normal;text-align:right;line-height:1.5}.live-badge i{width:4px;height:4px;margin-right:2px}.lab-description{font-size:12px;margin:12px 0 16px}.mode-bar{gap:8px;flex-wrap:wrap}.mode-tabs{gap:4px}.mode-tabs button{font-size:10px;padding:7px 11px;min-height:36px}.compare-control{font-size:10px}.stage{aspect-ratio:4/3}.view-label{top:12px;left:12px;right:12px;font-size:7px;letter-spacing:1px}.scene-readout{left:12px;top:43px;font-size:8px}.stage-footer{left:12px;right:12px;bottom:9px;font-size:8px}.stage-footer span:last-child{display:none}.transport{display:grid;grid-template-columns:88px 1fr 35px;gap:12px;padding:14px 12px}.play{min-width:0;font-size:10px;gap:8px;padding:8px 11px}.timeline label{font-size:8px}.guide-control{grid-column:1/-1;justify-self:end;font-size:10px;margin-top:-6px}.under-stage{grid-template-columns:1fr;gap:12px;margin-top:15px}.plan-panel{padding:12px 16px}.plan-panel canvas{max-height:135px}.observation{padding:9px 0}.observation h3{font-size:24px}.observation>p:not(.eyebrow){margin-bottom:6px}.metrics{margin-top:13px;gap:26px}.metric strong{font-size:18px}.lesson-notes{gap:20px;padding-top:10px}.lesson-notes p:not(.eyebrow){font-size:11px}.lesson-notes .eyebrow{font-size:8px;letter-spacing:1px}.catalog-section{padding-top:45px}.catalog-heading{display:block;margin-top:9px}.catalog-heading h2{font-size:36px;margin-bottom:18px}.catalog-heading>p{max-width:none}.filters{gap:12px}.select-wrap>span{font-size:9px}.select-wrap select{font-size:11px;padding-left:0}.search input{font-size:12px}.alphabet{gap:1px;margin-top:22px}.alphabet button{min-width:29px;min-height:34px}.concept summary{gap:10px;grid-template-columns:20px 1fr 90px 16px;padding:18px 0}.concept .term{font-size:20px}.concept .letter{font-size:20px}.concept .category{font-size:9px}.term small{font-size:8px}.concept-body{grid-template-columns:1fr;margin:0 16px 22px 30px;font-size:11px;gap:14px}.concept-body .source-line{overflow-wrap:anywhere}.closing{gap:15px;padding:40px 0}.closing-symbol{font-size:48px}.closing p{font-size:24px}.closing>span:last-child{display:none}footer{flex-wrap:wrap;gap:10px;padding:20px 0}footer p{order:3;flex-basis:100%;font-size:9px}footer>span{font-size:8px}.layout-scene{padding:25px 20px;min-height:490px}.paper{width:300px}.comparison figure{grid-template-columns:1fr 90px}.comparison figcaption{font-size:10px;padding:8px}.comparison figcaption small{font-size:8px}.comparison .small-metric{top:6px;left:6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.extra-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 24px 14px;background:#112b38;border-top:1px solid #ffffff0a}.step-controls{display:flex;align-items:center;gap:7px;font-size:9px;color:#bdd1cf}.step-controls button{background:none;color:#dbece2;min-width:28px;min-height:32px;font-size:23px}.step-controls label{margin-left:8px}.step-controls select{background:#1c3d49;color:#dbece2;border:1px solid #567775;border-radius:3px;font-size:10px;min-height:28px;padding:2px 4px;margin-left:5px}.keyframes{display:flex;gap:6px}.keyframes button{font-size:9px;background:transparent;color:#b8d9cc;border:1px solid #51736b;border-radius:2px;padding:4px 8px;min-height:28px}.keyframes button:hover{background:#28554b}#motion-note{width:100%;font-size:10px;margin:3px 0 0;color:#bde7c6}.context-note{color:#62736d;font-size:10px}
@media(max-width:520px){.extra-controls{padding:0 12px 12px;gap:3px}.keyframes button{font-size:8px;padding:3px 6px}.step-controls{gap:3px}.step-controls label{margin-left:4px}}
@media(max-width:520px){.paper h3{font-size:32px;margin-bottom:12px}}
.subject-controls{border-top:1px solid var(--line);padding:14px 0 12px}.subject-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.subject-top .eyebrow{display:block;font-size:8px;letter-spacing:1.3px;margin:0 0 6px}.subject-switch{display:flex;gap:4px}.subject-switch button{background:transparent;font-size:11px;padding:5px 12px;border:1px solid #c1cfc5;border-radius:3px;min-height:36px}.subject-switch button[aria-pressed=true]{background:#244d41;color:#fff;border-color:#244d41}.model-tag{font-size:8px;letter-spacing:1.3px;color:#526b61;text-align:right}.reference-picker{display:flex;gap:8px;margin-top:12px}.reference-picker button{display:flex;align-items:center;gap:9px;flex:1;background:#edf0e7;border:1px solid transparent;border-radius:3px;padding:5px;text-align:left;min-width:0}.reference-picker button[aria-pressed=true]{border-color:#527b64;background:#e1ebdd}.reference-picker img{width:29px;height:44px;object-fit:contain;display:block;background:#172c35}.reference-picker span{font-size:10px;line-height:1.3}.reference-picker small{display:block;color:#5d7668;font-size:8px;margin-bottom:3px}.subject-note{font-size:11px;color:#476054;margin:9px 0 0;line-height:1.6;max-width:850px}.subject-switch button:hover,.reference-picker button:hover{box-shadow:inset 0 0 0 1px #7b9c88}
@media(max-width:520px){.subject-top{gap:10px}.subject-switch button{font-size:10px;padding:5px 9px}.model-tag{font-size:7px;max-width:85px}.reference-picker{gap:5px}.reference-picker button{display:block;text-align:center;padding:6px 3px}.reference-picker img{margin:0 auto 5px;width:26px;height:38px}.reference-picker span{font-size:8px}.reference-picker small{display:none}.subject-note{font-size:10px}.subject-controls{padding-top:10px}}
/* Long Turkish concept names must not force the narrow catalogue grid wider. */
@media(max-width:720px){.concept summary{grid-template-columns:20px minmax(0,1fr) 90px 16px}.concept .term,.concept .category{min-width:0;overflow-wrap:anywhere}}