:root{--paper:#f7f5ed;--panel:#eeede2;--ink:#1d2f2a;--muted:#52615a;--rule:#c8cec1;--dark:#17332d;--green:#304c3b;--acid:#cdea9a;--gold:#a37421;--serif:Georgia, "Times New Roman", serif;--sans:"Segoe UI", Arial, sans-serif;--mono:ui-monospace, Consolas, monospace;--pad:clamp(18px, 4.7vw, 78px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--paper);color:var(--ink);font:16px/1.48 var(--sans);margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:.22em;text-decoration:underline}img{max-width:100%;display:block}button,a,input,select,summary{touch-action:manipulation}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible){outline-offset:3px;outline:3px solid #be6b20}button:disabled{opacity:.58;cursor:default}a,button{-webkit-tap-highlight-color:transparent}.frame{max-width:1536px;padding-left:var(--pad);padding-right:var(--pad);margin:auto}.skip{z-index:20;background:#fff;padding:10px;position:fixed;top:-80px;left:8px}.skip:focus{top:5px}.mast{background:var(--paper);border-bottom:1px solid var(--rule)}.mast-inner{justify-content:space-between;align-items:center;gap:20px;min-height:75px;display:flex}.brand{color:var(--dark);letter-spacing:.105em;align-items:center;gap:11px;font-size:14px;font-weight:800;line-height:1.01;display:flex}.brand small{letter-spacing:.15em;font:9px/1.9 var(--mono);display:block}.brand:hover{text-decoration:none}.mast nav{align-items:center;gap:clamp(15px,2.4vw,40px);font-size:14px;font-weight:600;display:flex}.mast nav a{align-items:center;gap:6px;display:inline-flex}.mast nav a[aria-current=page]{text-underline-offset:8px;-webkit-text-decoration:underline #688956;text-decoration:underline #688956}.book-link{text-underline-offset:4px;font-size:14px;font-weight:600;-webkit-text-decoration:underline #acb6a4;text-decoration:underline #acb6a4}.nav-count{font:11px var(--mono);background:#e1e8d4;border-radius:10px;padding:3px 6px}.cover,.study-cover{background:var(--dark);color:#f7f5ea}.cover-grid{grid-template-columns:1fr .9fr;align-items:center;gap:clamp(26px,6vw,105px);padding-top:clamp(28px,4vw,60px);padding-bottom:clamp(30px,4vw,58px);display:grid}.overline,.kicker,.folio,.plate-rule,.cap-line,.stage-title>span,.table-label{font:600 10px/1.45 var(--mono);letter-spacing:.13em;text-transform:uppercase}.overline{color:#d9e8c6;align-items:center;gap:11px;display:flex}.overline i{background:var(--acid);border-radius:50%;width:8px;height:8px}.overline span{opacity:.5}.cover h1,.saved-page h1{font:400 clamp(60px, 7.3vw, 117px) / .99 var(--serif);letter-spacing:-.065em;margin:25px 0 14px}.cover h1 em,.saved-page h1 em{color:var(--acid);font-weight:400}.cover-type>p{color:#d8e1d3;max-width:430px;margin:0 0 27px;font-size:clamp(16px,1.35vw,20px);line-height:1.5}.button{background:var(--dark);color:var(--paper);border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:28px;padding:11px 18px;font-size:14px;font-weight:650;display:inline-flex}.button.light{color:var(--ink);background:var(--acid)}.cover-plate{min-width:0}.cover-plate>button{aspect-ratio:16/9;background:#0c1b18;border:1px solid #587469;width:100%;padding:0;display:block;position:relative}.cover-plate img{object-fit:contain;width:100%;height:100%}.plate-rule{color:#cad7be;justify-content:space-between;margin:8px 0;font-size:9px;display:flex}.plate-tag,.expand,.rank,.pick-no{color:#fff;font:11px/1.4 var(--mono);background:#192f29eb;border-radius:2px;padding:4px 8px;position:absolute}.plate-tag,.expand{bottom:8px;right:8px}.index-main,.gallery-main,.saved-page{padding-top:clamp(32px,4.4vw,72px);padding-bottom:68px}.section-title{justify-content:space-between;align-items:end;gap:18px;display:flex}.kicker,.folio,.cap-line{color:var(--muted)}h1,h2,h3,h4,p,figure{margin:0}h2{font:400 clamp(35px, 4.1vw, 64px) / 1.02 var(--serif);letter-spacing:-.049em;margin:6px 0 5px}h3{font:400 clamp(23px, 2.6vw, 38px) / 1.16 var(--serif);letter-spacing:-.037em}.section-title .folio{margin-bottom:5px;font-size:10px}.intro{max-width:735px;color:var(--muted);margin:9px 0 22px;font-size:16px}.tool-row{flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 30px;display:flex}.search{background:0 0;border:1px solid #aeb9ac;border-radius:3px;align-items:center;gap:9px;min-width:200px;min-height:40px;padding:0 12px;display:flex}.search span{font:26px/1 var(--sans);color:var(--muted)}.search input{outline-offset:1px;background:0 0;border:0;width:230px;font-size:14px}.tool-row select{background:var(--paper);border:1px solid #aeb9ac;border-radius:3px;height:40px;padding:0 28px 0 11px;font-size:14px}.filter-label{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.filter-count{font:12px var(--mono);color:var(--muted);margin-left:auto}.stage{margin:32px 0 46px}.stage-title{align-items:center;gap:16px;margin-bottom:17px;display:flex}.stage-title>span{white-space:nowrap;letter-spacing:.08em;color:#354b39;background:#dde5d2;border:1px solid #c6d2bb;align-items:center;padding:4px 8px;font-size:10px;display:inline-flex}.stage-title h3{font:600 15px/1.2 var(--sans);letter-spacing:0}.stage-title i{background:var(--rule);flex:1;height:1px}.study{border:1px solid var(--rule);background:#fbfaf3;border-radius:5px;margin-bottom:17px;overflow:hidden}.study-head{border-bottom:1px solid var(--rule);background:#eeefe4;align-items:center;gap:16px;padding:16px clamp(12px,2vw,27px);display:flex}.number,.big-id{font:400 36px/1 var(--serif);letter-spacing:-.09em;color:#486245}.number{min-width:43px;padding:6px 2px}.study-head .kicker{font-size:9px}.study-head h4{font:500 clamp(20px, 2vw, 29px) / 1.2 var(--serif);letter-spacing:-.034em}.status{font:600 11px var(--mono);border:1px solid var(--rule);white-space:nowrap;color:var(--muted);border-radius:18px;margin-left:auto;padding:6px 10px}.status.live{color:#294928;background:#dceeca;border-color:#bed4a7}.row-grid{grid-template-columns:1.23fr 1.1fr .75fr .85fr;align-items:center;gap:20px;padding-left:clamp(12px,2vw,27px);padding-right:clamp(12px,2vw,27px);display:grid}.table-label{letter-spacing:.1em;color:#657069;padding-top:10px;padding-bottom:8px;font-size:9px}.component-row{border-top:1px solid #e1e3d8;min-height:78px;padding-top:13px;padding-bottom:13px}.component-name{align-items:baseline;gap:10px;font-size:15px;font-weight:600;line-height:1.3;display:flex}.component-name small{font:10px var(--mono);color:#6f7c70;white-space:nowrap}.baseline-tile{text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.baseline-tile img{aspect-ratio:16/9;object-fit:contain;background:var(--dark);border-radius:2px;width:82px}.baseline-tile span,.gallery-cell{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.baseline-tile b,.gallery-cell b{font-size:13px;line-height:1.25}.baseline-tile small,.gallery-cell small,.minor,.credit{color:var(--muted);font-size:11px}.gallery-cell b{color:#31543d;text-underline-offset:3px;text-decoration:underline}.gallery-cell.planned b{color:var(--muted);font-weight:550}.empty-cell{color:#68746a;align-items:center;gap:8px;font-size:12px;display:inline-flex}.empty-cell svg{width:14px}.saved-strip{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.saved-strip img{aspect-ratio:16/9;object-fit:contain;background:#162720;width:54px}.saved-strip b{font-size:12px}.quiet,.saved-section{border:1px solid var(--rule);background:#eaeede;border-radius:4px;margin:25px 0;padding:clamp(18px,3vw,36px)}.quiet h3{margin:7px 0}.quiet p{max-width:620px;margin:7px 0 16px}.text-button,.actions>a,.jump-links a{color:var(--dark);text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:600;text-decoration:underline}.footer-inner{color:#cdd5c9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;min-height:76px;font-size:12px;display:flex}.footer-inner b{color:#fff;letter-spacing:.1em}footer{background:var(--dark)}.breadcrumbs{flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.study-cover .breadcrumbs{color:#ccd9c7;padding:20px 0 22px}.gallery-heading{align-items:start;gap:clamp(19px,3vw,48px);padding:5px 0 28px;display:flex}.big-id{color:var(--acid);opacity:.82;font-size:clamp(50px,6vw,95px)}.gallery-heading h1{font:400 clamp(37px, 5.25vw, 80px) / 1.05 var(--serif);letter-spacing:-.055em;max-width:1020px;margin:9px 0}.gallery-heading p{color:#d4dece;font-size:clamp(15px,1.4vw,20px)}.component-tabs{flex-wrap:wrap;gap:6px;padding:0 0 15px;display:flex}.component-tabs a{color:#d8e5d0;border:1px solid #51695c;border-radius:2px;padding:8px 11px;font-size:13px}.component-tabs a[aria-current=page]{background:var(--acid);color:var(--dark);border-color:var(--acid)}.gallery-main{padding-top:36px}.gallery-main section+section{margin-top:clamp(36px,5vw,75px)}.split{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(22px,4.5vw,72px);display:grid}.look>.kicker{margin-bottom:7px;display:block}.image-button{background:#14231f;border:0;border-radius:3px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.image-button img{aspect-ratio:16/9;object-fit:contain;width:100%}.image-button:hover .expand,.cover-plate button:hover .plate-tag{color:var(--acid)}.cap-line{letter-spacing:.07em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:10px;display:flex}.look .cap-line{margin-top:6px}.annotated-frame{position:relative}.frame-pin{pointer-events:none;background:var(--acid);color:var(--dark);border:2px solid var(--dark);width:24px;height:24px;font:bold 13px/1 var(--sans);border-radius:50%;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff}.frame-toggle{background:var(--panel);border:1px solid var(--rule);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 12px;font-size:14px;font-weight:650;display:flex}.frame-legend{background:var(--panel);border:1px solid var(--rule);border-top:0;margin:0;padding:10px 14px 10px 34px;font-size:14px}.frame-legend li+li{margin-top:7px}.original-frame-source{margin-left:14px}.other-frames{margin:16px 0 10px;font-size:13px}.other-frames>div{grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:8px;margin-top:6px;display:grid}.other-frames button{background:var(--panel);border:1px solid var(--rule);text-align:left;flex-direction:column;align-items:flex-start;gap:5px;padding:6px;font-size:12px;line-height:1.3;display:flex}.other-frames img{aspect-ratio:16/9;object-fit:contain;background:var(--dark);width:100%}.orient-copy>p{margin:10px 0}.orient-copy .minor{font-size:14px}.lesson-tools{flex-wrap:wrap;align-items:baseline;gap:12px 20px;display:flex}.lesson-tools>a:not(.book-link){text-underline-offset:.2em;font-size:14px;text-decoration:underline}.jump-links,.actions,.source-links{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}.jump-links{margin:16px 0 9px}.gallery-main h2{font-size:clamp(31px,3.2vw,50px)}.pick-grid,.pending-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.8vw,28px);margin-top:17px;display:grid}.pick,.pending-grid article{border-top:2px solid var(--green);padding:10px 0}.pick .kicker,.pending-grid .kicker{margin:12px 0 4px;display:block}.pick h3,.ref-card h3,.pending-grid h3{margin:2px 0 7px;font-size:clamp(24px,2.2vw,36px)}.pick p,.ref-card p,.pending-grid p{font-size:15px;line-height:1.5}.pick .actions{margin-top:12px}.pick-no,.rank{background:var(--acid);color:var(--dark);font-weight:700;top:8px;left:8px}.scale-panel{border:1px solid var(--rule);background:#e7ebdd;border-radius:4px;grid-template-columns:1fr 1.4fr;gap:24px;padding:22px;display:grid}.scale-panel h2{margin:6px 0;font-size:clamp(25px,2.5vw,38px)}.scale-panel p{color:var(--muted);font-size:14px}.scale-list{gap:8px;display:grid}.scale-list a{border:1px solid var(--rule);background:#f8f8ef;border-radius:3px;align-items:center;gap:10px;padding:5px 10px 5px 5px;display:flex}.scale-list img{aspect-ratio:16/9;object-fit:contain;background:var(--dark);width:80px}.scale-list a>span:last-child{margin-left:auto}.scale-list small,.scale-list b{display:block}.method{color:var(--muted);margin:12px 0 20px;font-size:14px}.method p{max-width:930px;margin:8px 0}summary{cursor:pointer;font-weight:650}summary:hover{text-decoration:underline}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ref-card{border:1px solid var(--rule);background:#fcfbf4;border-radius:4px;align-self:start;scroll-margin-top:16px;overflow:hidden}.ref-card>.image-button{border-radius:0}.ref-text{padding:clamp(14px,1.6vw,24px)}.ref-text .approach{color:#345943;margin:4px 0 6px;font-weight:650}.ref-text .actions{padding:13px 0}.star-action{background:#f2f4e8;border:1px solid #a5b59d;border-radius:3px;align-items:center;gap:7px;padding:5px 10px;font-size:13px;font-weight:650;display:inline-flex}.star-action.is-saved{background:#ddedca;border-color:#92b579}.star-action.neutral{color:var(--muted);background:0 0}.evidence{border-top:1px solid var(--rule);color:var(--muted);padding-top:9px;font-size:13px}.evidence dt{color:var(--dark);margin-top:9px;font-weight:650}.evidence dd{margin:0}.source-links{gap:7px 13px}.source-links a,.viewer a,.saved-tiles a{text-underline-offset:3px;text-decoration:underline}.credit{margin-top:9px;display:block}.saved-tiles{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px;margin:18px 0;display:grid}.saved-tiles>a>img{aspect-ratio:16/9;background:var(--dark);object-fit:contain;width:100%}.saved-tiles b{align-items:center;gap:6px;margin-top:4px;font-size:14px;display:inline-flex}.saved-page h1{font-size:clamp(42px,6vw,90px)}.saved-page h1 em{color:#56713f}.saved-page .breadcrumbs{margin-bottom:35px}.compare-bar,.toast{background:var(--dark);color:#fff;border-radius:4px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;display:flex}.compare-bar{z-index:3;flex-wrap:wrap;margin:0 0 14px;position:sticky;top:8px}.compare-bar button{background:var(--acid);border:0;border-radius:2px;padding:5px 10px}.compare-bar span{margin-right:auto}.toast{z-index:10;max-width:95vw;position:fixed;bottom:15px;left:50%;transform:translate(-50%)}.toast .circle{color:var(--paper);border-color:#9fafa0}.viewer{background:var(--paper);width:min(1100px,95vw);max-width:96vw;max-height:92vh;color:var(--ink);border:0;border-radius:4px;padding:0}.viewer.compare{width:min(1740px,97vw)}.viewer::backdrop{background:#0a1612d9}.viewer-body{padding:clamp(14px,2vw,30px)}.viewer-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.viewer-top h2{font-size:clamp(23px,3.2vw,45px)}.circle{border:1px solid var(--rule);background:0 0;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:22px;line-height:1}.plates{gap:18px;display:grid}.compare .plates{grid-template-columns:repeat(2,minmax(0,1fr))}.plates img{object-fit:contain;background:#14231f;width:100%;max-height:64vh}.plates figcaption{margin-top:10px}.plates h3{margin:3px 0;font-size:24px}.plates p,.plates a{font-size:14px}.saved-section h2{margin-bottom:10px}@media (max-width:920px){.row-grid{grid-template-columns:1.08fr 1fr .7fr .63fr;gap:12px}.baseline-tile{flex-wrap:wrap;gap:6px}.baseline-tile span{line-height:1.1}.cover-grid{grid-template-columns:1fr .95fr}.nav-count{display:none}.section-title .folio{font-size:9px}}@media (max-width:680px){.mast-inner{min-height:62px}.mast nav{gap:12px;font-size:12px}.mast nav .book-link{display:none}.mast nav svg{width:13px}.brand{gap:6px;font-size:11px}.brand svg{width:30px;height:30px}.brand small{font-size:7.8px}.cover-grid{grid-template-columns:1fr;gap:17px}.cover-type>p{max-width:390px;margin-bottom:14px}.cover h1{margin:15px 0 8px}.cover-plate{width:100%;max-width:490px}.cover-plate button{max-height:250px}.section-title{display:block}.section-title .folio{margin-top:8px;display:block}.tool-row{gap:8px}.search,.search input{width:100%}.tool-row select{max-width:100%}.row-grid{grid-template-columns:1fr 1fr;gap:10px 14px;display:grid}.table-label{display:none}.component-row{padding-top:12px;padding-bottom:13px}.component-name{grid-column:1/-1}.component-row .baseline-tile{grid-area:2/1/4;display:block}.component-row .baseline-tile img{width:100%;max-width:165px}.component-row .baseline-tile span{padding-top:4px}.component-row .gallery-cell{grid-area:2/2;align-self:end}.component-row .empty-cell,.component-row .saved-strip{grid-area:3/2;align-self:start}.study-head{gap:8px}.number{min-width:29px;font-size:29px}.status{padding:5px 7px;font-size:9px}.study-head h4{font-size:20px}.stage-title{gap:8px}.stage-title h3{font-size:13px}.split,.scale-panel,.pick-grid,.pending-grid,.ref-grid{grid-template-columns:1fr}.pick-grid{gap:15px}.pick .actions{justify-content:space-between}.compare .plates{grid-template-columns:1fr}.component-tabs{grid-template-columns:1fr 1fr;display:grid}.component-tabs a{font-size:12px}.gallery-heading{gap:11px}.big-id{font-size:41px}.gallery-heading .overline{font-size:9px}.gallery-heading h1{font-size:36px}.footer-inner{padding-top:14px;padding-bottom:14px}.filter-count{width:100%}.compare-bar{top:0}.toast{width:90%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.wide-picks{background:#e1e9d4;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 22px;font-size:13px;display:flex}.wide-picks a{align-items:center;gap:6px;display:inline-flex}.wide-picks img{aspect-ratio:16/9;object-fit:contain;background:#17332d;width:58px}.genre-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-top:12px;display:grid}.genre-grid>a{border:1px solid var(--rule);align-items:flex-start;gap:9px;padding:8px;display:flex}.genre-grid img{aspect-ratio:16/9;object-fit:contain;background:var(--dark);width:80px}.genre-grid b,.genre-grid small,.genre-grid span span{display:block}.genre-grid span span{font-size:12px}.case-pair{max-width:27rem;margin-top:1.25rem}.case-pair .image-button{text-align:left;border:1px solid var(--rule);width:100%;display:block}.case-pair-plates{background:var(--dark);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.case-pair-plates img{aspect-ratio:16/9;object-fit:contain;width:100%}.case-pair-cap{color:#19332d;background:#e1e9d4;gap:.15rem;padding:.55rem .7rem;display:grid}.case-pair-cap span{letter-spacing:.09em;font-size:.62rem}.case-pair-cap b{font-size:.88rem}
