.quality-intro h1{font-size:clamp(30px,3.6vw,50px)}.quality-intro .intro-row>p{font-size:12px}.quality-lessons{margin-bottom:21px}.quality-lab{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(350px,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.quality-visual{min-width:0;background:#171c14;border-right:1px solid var(--line)}.quality-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid #3a4331;min-height:48px}.quality-preview-heading span{font-size:9px;line-height:1.5;color:#d7c6a6}.quality-preview-heading span:last-child{text-align:right;color:#aec29a}.quality-viewfinder{position:relative;aspect-ratio:3/2;overflow:hidden;background:#20281a}.quality-viewfinder>canvas{display:block;width:100%;height:100%}.quality-analysis{padding:21px}.quality-split-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#bcc9aa;margin-bottom:7px}.quality-split-heading output{color:#dfc59d;font-size:11px}#quality-photo-tools{--control-color:#d9c19c}.quality-detail-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:19px 0 12px}.quality-detail-heading>span{font-size:7px;letter-spacing:.8px;color:#9dad8d}.quality-detail-heading>div{display:flex;gap:6px}.quality-detail-heading button{padding:6px 9px;background:#232d1b;color:#aebe9a;border:1px solid #465638;border-radius:4px;font:inherit;font-size:9px}.quality-detail-heading button[aria-pressed="true"]{background:#d7be97;color:#262b20;border-color:#d7be97}.quality-loupes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quality-loupes figure{margin:0;min-width:0}.quality-loupes canvas{display:block;width:100%;height:auto;aspect-ratio:256/176;max-height:160px;object-fit:contain;background:#10170c;border:1px solid #465238;border-radius:5px}.quality-loupes figcaption{font-size:8px;line-height:1.6;color:#a3b38f;margin-top:7px}.quality-credit{font-size:8px;line-height:1.7;color:#8fa17d;margin:12px 0 18px}.quality-credit a{color:inherit;text-underline-offset:3px}.quality-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-block:1px solid #3a432e;padding:20px 0}.quality-stats>div{min-width:0;display:flex;flex-direction:column;gap:9px}.quality-stats span{font-size:7px;letter-spacing:.7px;color:#93a57e;line-height:1.65;min-height:23px}.quality-stats strong{font-size:21px;font-weight:450;letter-spacing:-.3px;color:#dec49f;font-variant-numeric:tabular-nums;line-height:1.4}#quality-observation{font-size:11px;line-height:1.8;color:#bdc9ae;margin:18px 0 0}.quality-explanation{padding:26px;display:flex;flex-direction:column;min-width:0}.quality-explanation h2{font-size:28px;font-weight:450;line-height:1.25;letter-spacing:-.6px;margin:18px 0 14px}.quality-explanation .composition-body{margin-bottom:18px}.quality-explanation select,.quality-print select{width:100%;min-width:0;background:#242d1d;border:1px solid #48573a;border-radius:5px;padding:10px;color:#d2ddc4;font:inherit;font-size:11px}.quality-explanation input:disabled{opacity:.4;cursor:default}.quality-explanation .quality-checkbox{display:flex;align-items:center;gap:10px;line-height:1.6;font-size:11px;margin:0}.quality-checkbox input{accent-color:#d6b892}.quality-demo-note{padding:13px 15px;border-left:2px solid #7c8d63;color:#a7b69b;font-size:9px;line-height:1.8;background:#1b2415;margin:19px 0 0;border-radius:0 4px 4px 0}.quality-explanation #quality-next{margin-top:auto;padding-top:16px}.quality-print{padding:27px;border:1px solid #46523a;border-radius:12px;background:#1c2317;margin-top:20px}.quality-print-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.quality-print-heading h2{font-size:28px;font-weight:450;color:#d7dfcc;margin:12px 0 0}.quality-print-heading>p{font-size:10px;color:#9caf88;line-height:1.7;margin:0}.quality-print-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.quality-print-controls label{display:block;font-size:10px;color:#b1c19c;margin-bottom:9px;line-height:1.5}.quality-print-results{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #414d34;margin-top:24px;padding-top:22px}.quality-print-results span{font-size:7px;letter-spacing:1px;color:#8ea579}.quality-print-results strong{display:block;color:#e2cba7;font-size:23px;font-weight:450;line-height:1.5;margin-top:9px;font-variant-numeric:tabular-nums}.quality-print-results p{font-size:10px;color:#a1b48a;line-height:1.7;margin:7px 0 0}.quality-print-note{font-size:9px;line-height:1.75;color:#95a780;margin:20px 0 0}.quality-memo{margin:45px 0 50px}.quality-memo h2{font-size:31px;font-weight:450;letter-spacing:-.5px;margin:15px 0 25px;color:#d7dfcc}.quality-memo .light-reference-grid{grid-template-columns:repeat(5,1fr)}.quality-memo .light-reference-grid h3{font-size:16px;line-height:1.4}#quality-photo-tools[hidden],#quality-print[hidden]{display:none}
@media(max-width:1150px){.quality-lab{grid-template-columns:minmax(0,1.5fr) minmax(315px,1fr)}.quality-explanation{padding:22px}.quality-explanation h2{font-size:25px}.quality-stats strong{font-size:18px}.quality-stats span{font-size:6px;letter-spacing:.5px}.quality-print-results strong{font-size:20px}.quality-memo .light-reference-grid{grid-template-columns:repeat(3,1fr)}.quality-detail-heading{align-items:flex-start;flex-direction:column;gap:10px}}
@media(max-width:800px){.quality-intro h1{font-size:35px}.quality-intro h1 em{display:block;margin-top:5px}.quality-intro .eyebrow{font-size:7px;letter-spacing:.5px;flex-wrap:wrap}.quality-lab{grid-template-columns:1fr;overflow:visible}.quality-visual{border-right:0;border-radius:12px 12px 0 0;overflow:hidden}.quality-preview-heading{padding:13px 17px;gap:12px}.quality-preview-heading span{font-size:8px}.quality-analysis{padding:18px}.quality-stats{gap:10px}.quality-stats span{min-height:28px;font-size:6px}.quality-stats strong{font-size:17px}.quality-explanation{padding:24px;border-top:1px solid var(--line)}.quality-explanation h2{font-size:28px}.quality-explanation .composition-lead{font-size:14px}.quality-explanation .composition-body{font-size:13px}.quality-demo-note{font-size:10px}.quality-explanation select{font-size:12px}.quality-print{padding:21px}.quality-print-heading{display:block}.quality-print-heading h2{font-size:26px}.quality-print-heading>p{margin-top:13px}.quality-print-controls,.quality-print-results{grid-template-columns:1fr;gap:17px}.quality-print-results{gap:20px}.quality-print-results strong{font-size:25px}.quality-print-note{font-size:10px}.quality-memo h2{font-size:28px}.quality-memo .light-reference-grid{grid-template-columns:1fr}.quality-detail-heading{flex-direction:row;align-items:center}.quality-detail-heading>span{font-size:6px;max-width:120px;line-height:1.6}.quality-detail-heading button{font-size:8px;padding:7px}.quality-loupes{gap:9px}.quality-loupes figcaption{font-size:7px}}
@media(max-width:800px) and (min-height:650px){.quality-visual{display:contents}.quality-preview-heading{background:#1b2315;border-radius:12px 12px 0 0}.quality-viewfinder{position:sticky;top:0;z-index:4;box-shadow:0 7px 20px #0005}.quality-explanation input,.quality-explanation select,#quality-presets,#quality-split,#quality-targets button{scroll-margin-top:calc(66vw + 25px)}}