/* Educational diagrams share the editorial palette; semantic colours carry meaning. */
.gv-signal-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;padding:12px 0 26px}
.gv-route-stop{position:relative;min-width:0}.gv-route-stop svg{display:block;width:82px;height:106px;margin-bottom:18px;color:var(--gv-blue)}
.gv-route-stop svg path,.gv-hardware-chain svg :is(rect,circle,path),.gv-profile-note svg path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.gv-route-stop strong{display:block;font-size:20px}.gv-route-stop p{font-size:14px;color:var(--mg-ui-muted);margin:8px 0 0}
.gv-route-stop:not(:last-child)::after{content:'→';position:absolute;right:-29px;top:40px;font-size:24px;color:var(--mg-ui-muted)}
.gv-response-detail{display:flex;gap:22px;align-items:center;border-top:1px solid var(--mg-ui-line);padding-top:23px}.gv-response-detail p{font-size:14px;margin:0}.gv-pixel-transition{flex-shrink:0;width:40px;height:40px;background:var(--gv-blue);border-radius:3px}
.gv-hardware-chain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin-bottom:24px}
.gv-hardware-chain>div{position:relative;padding-bottom:19px;border-bottom:2px solid var(--mg-ui-line)}.gv-hardware-chain svg{display:block;width:100%;max-height:180px;color:var(--mg-ui-muted);padding:12px}
.gv-hardware-chain strong{display:block;font-size:19px}.gv-hardware-chain span{display:block;font-size:13px;color:var(--mg-ui-muted);margin-top:4px}
.gv-hardware-chain>div:not(:last-child)::after{content:'→';position:absolute;right:-29px;top:26%;color:var(--mg-ui-muted)}
.gv-hardware-chain[data-chain=source] [data-link=source],.gv-hardware-chain[data-chain=cable] [data-link=cable],.gv-hardware-chain[data-chain=screen] [data-link=screen]{border-color:var(--gv-blue)}
.gv-hardware-chain[data-chain=source] [data-link=source] svg,.gv-hardware-chain[data-chain=cable] [data-link=cable] svg,.gv-hardware-chain[data-chain=screen] [data-link=screen] svg{color:var(--gv-blue)}
.gv-light-structure{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;min-height:305px;margin-bottom:24px}
.gv-layer-stack{position:relative;height:300px;isolation:isolate;overflow:hidden}.gv-layer{position:absolute;left:calc(50% - 100px);top:42px;width:165px;height:195px;transform:skewY(-12deg);border:1px solid;box-shadow:8px 9px 0 #00000008}
.gv-layer-back{z-index:1;left:calc(50% - 158px);background:#638ae122;border-color:#638ae1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:24px 16px}
.gv-layer-back span{border-radius:3px;background:#afcbff;box-shadow:0 0 19px 5px #91adff3b}
.gv-layer-lcd{z-index:2;left:calc(50% - 83px);top:63px;background:repeating-linear-gradient(90deg,#66b9ad24 0px,#66b9ad24 13px,#66b9ad45 14px);border-color:#66b9ad}
.gv-layer-image{z-index:3;left:calc(50% - 8px);top:84px;background:#1b232b;border-color:#d88693;display:grid;place-content:center;grid-template-columns:repeat(3,18px);gap:8px}
.gv-layer-image i{width:18px;height:75px;background:#dd7381;border-radius:12px;transform:rotate(-15deg)}.gv-layer-image i:nth-child(2){background:#80c8ac;height:105px;margin-top:-15px}.gv-layer-image i:last-child{background:#86aaf1}
.gv-layer-key>div{display:grid;grid-template-columns:10px 1fr;gap:3px 12px;margin:18px 0}.gv-layer-key i{width:7px;height:7px;background:var(--layer-color);border-radius:50%;margin-top:11px}.gv-layer-key strong{font-size:16px}.gv-layer-key span{grid-column:2;font-size:14px;color:var(--mg-ui-muted);line-height:1.6}
.gv-light-structure[data-structure=oled] .gv-layer-back{left:calc(50% - 115px);opacity:0;transform:skewY(-12deg) translateX(30px)}
.gv-light-structure[data-structure=oled] .gv-layer-lcd{opacity:0;transform:skewY(-12deg) translateX(35px)}
.gv-light-structure[data-structure=oled] .gv-layer-image{left:calc(50% - 80px);top:55px;background:#0a1016}.gv-light-structure[data-structure=oled] .gv-layer-image i{box-shadow:0 0 24px #acd2d530}
.gv-product-map{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center}.gv-product-screen{position:relative;aspect-ratio:16/10;border:7px solid #353b40;border-radius:3px;background:#091017;display:grid;place-items:center;margin-bottom:35px}
.gv-product-screen::before{content:'';position:absolute;width:7%;height:24px;bottom:-30px;background:#555f63}.gv-product-screen::after{content:'';position:absolute;width:37%;height:3px;background:#555f63;bottom:-32px}.gv-product-screen span{width:30%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 27%,#c4e5d5,#61b7b6 32%,#426fc6 60%,#c0898e);box-shadow:0 0 40px #66b9ad12}
.gv-product-screen i{position:absolute;right:12px;bottom:10px;width:25%;height:5px;background:linear-gradient(90deg,#e08691 30%,#82c9aa 30%,#82c9aa 66%,#8aaaf3 66%)}
.gv-product-notes>div{position:relative;padding-left:22px}.gv-product-notes>div+div{margin-top:24px}.gv-map-dot{position:absolute;left:0;top:10px;width:7px;height:7px;border-radius:50%;background:var(--gv-green)}.gv-map-dot-variable{background:var(--gv-blue)}.gv-product-notes strong{font-size:16px}.gv-product-notes p{font-size:14px;color:var(--mg-ui-muted);margin:6px 0 0}
.gv-windows-layout{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px}.gv-window-drawing{border:1px solid var(--mg-ui-line);border-radius:6px;background:var(--mg-ui-surface);overflow:hidden}.gv-window-chrome{display:flex;justify-content:space-between;gap:10px;padding:10px 15px;background:var(--mg-ui-soft);font-size:11px;color:var(--mg-ui-muted)}.gv-window-body{padding:23px}.gv-window-route{font-size:16px;font-weight:600;display:flex;gap:10px;flex-wrap:wrap}.gv-window-route span{color:var(--mg-ui-muted)}
.gv-displays{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:25px 0 22px}.gv-displays>div{display:grid;place-items:center;background:var(--mg-ui-soft);width:62px;height:38px;border:1px solid var(--mg-ui-line);border-radius:2px;font-size:19px}.gv-displays>div:nth-child(2){background:#5489df;color:white;border-color:#5489df;width:75px;height:44px}.gv-displays>span{font-size:11px;flex:0 0 100%;text-align:center;color:var(--mg-ui-muted);margin-top:5px}
.gv-settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--mg-ui-line);padding:16px 0}.gv-settings-row strong{font-size:12px;font-weight:500}.gv-drawn-toggle{position:relative;width:32px;height:18px;background:#5489df;border-radius:20px;flex-shrink:0}.gv-drawn-toggle::after{content:'';position:absolute;right:3px;top:3px;width:12px;height:12px;background:white;border-radius:50%}
.gv-settings-brightness{display:block}.gv-drawn-slider{display:block;height:3px;background:linear-gradient(90deg,#5489df 40%,var(--mg-ui-line) 40%);margin:20px 0 10px;position:relative}.gv-drawn-slider::after{content:'';position:absolute;left:40%;top:-5px;width:13px;height:13px;border-radius:50%;background:#5489df;border:2px solid var(--mg-ui-surface)}
.gv-window-drawing [data-win-part]{opacity:.45}.gv-window-drawing [data-win-part].is-current{opacity:1}.gv-window-drawing .gv-settings-row.is-current strong{color:var(--gv-blue);font-weight:650}.gv-step-reading strong{font-size:17px}.gv .gv-step-reading p{font-size:14px;line-height:1.7;margin:9px 0 0;color:var(--mg-ui-muted)}
.gv-calibration-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.gv-cal-pattern{position:relative;aspect-ratio:16/10;background:#101114;display:grid;place-items:center;border:1px solid var(--mg-ui-line);border-radius:3px}.gv-cal-pattern span{width:43%;height:55%;background:#eff0f2}.gv-cal-pattern span::after{content:'';display:block;width:100%;height:100%;background:conic-gradient(#0000 25%,#ffffff28 0 50%,#0000 0 75%,#ffffff28 0) 0 0/28px 28px}.gv-cal-black span{background:#202124}.gv-cal-peak span{background:#e1e2e4}.gv-cal-full{background:#dedfe2}.gv-cal-full span{width:100%;height:100%;background:#f0f0f2}.gv-cal-full span::after{background:conic-gradient(#0000 25%,#c4c5c71f 0 50%,#0000 0 75%,#c4c5c71f 0) 0 0/40px 40px}
.gv-calibration-figures figcaption{display:block}.gv-calibration-figures figcaption strong{font-size:14px}.gv-calibration-figures figcaption span{display:block;font-size:13px;line-height:1.6;margin-top:6px}.gv-profile-note{display:flex;gap:18px;align-items:center;margin-top:28px;padding-top:23px;border-top:1px solid var(--mg-ui-line)}.gv-profile-note svg{width:40px;flex-shrink:0;color:var(--gv-green)}.gv .gv-profile-note p{font-size:14px;margin:0}
.gv-tone-mapping{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}.gv-tone-mapping svg{width:100%}.gv-tone-mapping p{font-size:14px}.gv-highlight-steps{display:flex;height:110px;margin-bottom:24px}.gv-highlight-steps i{flex:1;background:#939393}.gv-highlight-steps i:nth-child(2){background:#b0b0b0}.gv-highlight-steps i:nth-child(3){background:#c8c8c8}.gv-highlight-steps i:nth-child(4){background:#dedede}.gv-tone-map[data-mapping=clip] .gv-highlight-steps i:nth-child(n+2){background:#dedede}
.gv-moving-object{border-radius:50%;height:36px;width:36px;background:repeating-linear-gradient(90deg,var(--mg-ui-ink) 0,var(--mg-ui-ink) 6px,var(--mg-ui-muted) 7px,var(--mg-ui-muted) 9px)}
.gv-gamma-plot{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;margin-bottom:24px}.gv-gamma-plot svg{width:100%;display:block}.gv-gamma-scene{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(#242b35,#757e83);filter:brightness(1)}.gv-gamma-scene::before,.gv-gamma-scene::after{content:'';position:absolute;width:85%;height:72%;background:#344349;bottom:-25%;transform:rotate(35deg);left:-25%}.gv-gamma-scene::after{left:35%;bottom:-37%;background:#526368;transform:rotate(-33deg)}.gv-gamma-scene i{position:absolute;border-radius:50%;width:20%;aspect-ratio:1;right:20%;top:15%;background:#b9c2c0}.gv-gamma-scene span{position:absolute;width:100%;height:10%;bottom:0;background:#b0b7b5;z-index:1}
.gv-defect-screen{--gv-reveal:40%}.gv-defect-screen .gv-defect-clean{display:block;position:absolute;inset:0;background:#26262a;clip-path:inset(0 calc(100% - var(--gv-reveal)) 0 0)}.gv-defect-clean span{display:none}.gv-defect-screen[data-defect=fringing] .gv-defect-clean span{position:absolute;inset:0;display:grid;place-items:center;color:#e6e6e6;font-size:clamp(38px,6vw,72px);font-weight:600}.gv-reveal-line{position:absolute;left:var(--gv-reveal);top:0;bottom:0;width:1px;background:#b6c6c7;z-index:2}.gv-reveal-label{position:absolute;left:12px;top:10px;color:#c4c9cc;font-size:11px;font-weight:400}.gv-reveal-control{margin:0 0 24px}
.gv-saving-bars{display:grid;gap:16px;margin:26px 0 20px}.gv-saving-bars>div{display:grid;grid-template-columns:125px 1fr 85px;align-items:center;gap:16px;font-size:13px}.gv-saving-bars i{display:block;height:12px;width:var(--gv-price-width,78%);background:var(--gv-green)}.gv-saving-bars>div:last-child i{background:var(--gv-blue);width:100%}.gv-saving-bars b{text-align:right;font-weight:500;font-variant-numeric:tabular-nums}
.gv-color-study{position:relative;background:#bfb5a3;isolation:isolate;min-height:190px}.gv-color-study i{position:absolute;border-radius:50%;width:38%;aspect-ratio:1}.gv-color-study i:nth-child(1){left:6%;top:19%}.gv-color-study i:nth-child(2){left:42%;top:8%;width:30%}.gv-color-study i:nth-child(3){left:56%;top:43%}.gv-color-study i:nth-child(4){left:12%;top:65%;width:60%;border-radius:50% 50% 0 0}.gv-color-study i:nth-child(5){left:29%;top:32%;width:20%}
.mg-hdr-handbook .mg-hdr-reading .gv h3,.mg-hdr-primer .gv h3{font-size:21px;margin:0;line-height:1.25}.mg-hdr-handbook .mg-hdr-reading .gv p,.mg-hdr-primer .gv p{font-size:14px;line-height:1.7}.mg-hdr-handbook .mg-hdr-reading .gv .gv-note,.mg-hdr-primer .gv .gv-note{font-size:12px;margin-top:20px}.mg-hdr-primer .mg-hdr-concept-body .gv h3{margin:0}.mg-hdr-handbook .gv-windows-layout{grid-template-columns:1.2fr 1fr}
@keyframes gv-route-light{0%,100%{opacity:.5}18%,40%{opacity:1}}
@keyframes gv-pixel-change{0%,30%{background:#34434e}60%,100%{background:#aac9e1}}
@media(prefers-reduced-motion:no-preference){.gv-layer{transition:transform .65s ease,left .65s ease,top .65s ease,opacity .4s ease}.gv-hardware-chain svg,.gv-window-drawing [data-win-part]{transition:color .25s ease,opacity .3s ease}.gv-animate .gv-route-stop svg{animation:gv-route-light 4.5s ease-in-out infinite;animation-delay:calc(var(--gv-step)*.75s)}.gv-animate .gv-pixel-transition{animation:gv-pixel-change 4.5s ease-in-out infinite}.gv-tone-ramp span,.gv-color-study,.gv-gamma-scene,.gv-highlight-steps i{transition:background .4s ease,filter .4s ease}.gv-gamut-panel{transition:d .6s ease}.gv-saving-bars i{transition:width .35s ease}}
@media(max-width:760px){.gv-signal-route{gap:26px}.gv-route-stop:not(:last-child)::after{right:-20px}.gv-route-stop svg{width:60px;height:85px}.gv-route-stop strong{font-size:17px}.gv-route-stop p{font-size:12px}.gv-hardware-chain{gap:25px}.gv-hardware-chain>div:not(:last-child)::after{right:-20px}.gv-hardware-chain svg{padding:0}.gv-hardware-chain strong{font-size:16px}.gv-hardware-chain span{font-size:12px}.gv-light-structure{grid-template-columns:1fr;gap:0}.gv-layer-stack{height:285px}.gv-layer-key{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gv-layer-key>div{display:block;margin:0}.gv-layer-key i{display:block;margin:0 0 8px}.gv-layer-key strong{font-size:14px}.gv-layer-key span{display:block;margin-top:5px;font-size:12px}.gv-product-map{grid-template-columns:1fr;gap:18px}.gv-product-screen{max-width:410px;width:100%;margin:0 auto 30px}.gv-windows-layout,.mg-hdr-handbook .gv-windows-layout{grid-template-columns:1fr;gap:22px}.gv-window-drawing{max-width:460px;width:100%;margin:auto}.gv-calibration-figures{gap:14px}.gv-tone-mapping{grid-template-columns:1fr;gap:18px}.gv-tone-mapping svg{max-height:250px}.gv-gamma-plot{gap:20px}.gv-saving-bars>div{grid-template-columns:95px 1fr 72px;gap:10px;font-size:12px}}
@media(max-width:440px){.gv-layer-key{grid-template-columns:1fr;gap:15px}.gv-layer-key>div{display:grid;margin:0}.gv-layer-key i{margin-top:8px}.gv-layer-key span{font-size:13px;margin:0}.gv-calibration-figures{grid-template-columns:1fr;gap:24px}.gv-calibration-figures figure{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.gv-calibration-figures figcaption{margin:0}.gv-gamma-plot{grid-template-columns:1fr}.gv-gamma-scene{max-width:260px;width:100%;margin:auto}.gv-response-detail{align-items:start}}
@media(max-width:760px){.gv svg .gv-svg-small{font-size:22px}}
@media(max-width:440px){.gv-hardware-chain{grid-template-columns:1fr;gap:23px}.gv-hardware-chain>div{display:grid;grid-template-columns:82px 1fr;gap:3px 20px;padding-bottom:15px}.gv-hardware-chain svg{grid-row:1/3;height:66px;align-self:center}.gv-hardware-chain strong{align-self:end}.gv-hardware-chain span{grid-column:2;margin:0;font-size:13px}.gv-hardware-chain>div:not(:last-child)::after{content:'↓';left:36px;right:auto;top:auto;bottom:-21px;line-height:1;background:var(--mg-ui-bg);padding:5px}}