/* Scoped Article 002 diagrams. Gold marks rays or explicit annotations, never a material tween. */
.metal-study.article-figure{--metal-bg:#24271e;--metal-muted:#c7c5ad;--metal-gold:#e2c685;--metal-line:#737660;box-sizing:border-box;margin:36px 0 12px;padding:26px;background:var(--metal-bg);color:var(--paper,#f0eadb);border:0;font-family:var(--body,Georgia,serif)}
.metal-study *{box-sizing:border-box}
.metal-study [hidden]{display:none!important}
.metal-study .metal-kicker{display:flex;justify-content:space-between;gap:16px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--metal-line);font-size:11px;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:var(--metal-muted)}
.metal-study.article-figure h3{font-family:var(--body,Georgia,serif);font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.015em;margin:0 0 16px}
.metal-study h3 em{font-family:inherit!important;font-style:normal!important;color:var(--metal-gold)}
.metal-study .metal-intro{max-width:39em;font-size:17px;line-height:1.55;margin:0 0 18px;color:var(--paper,#f0eadb)}
.metal-study svg{display:block;width:100%;height:auto;overflow:visible;font-family:var(--body,Georgia,serif)}
.metal-study svg text{fill:var(--paper,#f0eadb);font-size:16px;font-weight:400;letter-spacing:0}
.metal-study svg line,.metal-study svg path{vector-effect:non-scaling-stroke}
.metal-study .metal-static-views,.metal-study .metal-component-grid,.metal-study .metal-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.metal-study .metal-live-view{max-width:460px;margin:0 auto}
.metal-study .metal-static-views>div,.metal-study .metal-component-grid>div,.metal-study .metal-section-diagram{min-width:0}
.metal-study .metal-source{fill:none;stroke:var(--metal-gold);stroke-width:8;stroke-linecap:square}
.metal-study .metal-beam{fill:var(--metal-gold);opacity:.11;stroke:none}
.metal-study .metal-ray{stroke:var(--metal-gold);stroke-width:1.9;fill:none}
.metal-study .metal-incident{stroke:var(--paper,#f0eadb);stroke-width:1.4;fill:none}
.metal-study .metal-limit{stroke:var(--metal-gold);stroke-width:1;fill:none;opacity:.6}
.metal-study .metal-normal{stroke:var(--metal-muted);stroke-width:1.1;stroke-dasharray:3 4;fill:none}
.metal-study .metal-view-line{stroke:var(--paper,#f0eadb);stroke-width:1.3;stroke-dasharray:7 5}
.metal-study .metal-orbit{stroke:var(--metal-line);stroke-width:1;stroke-dasharray:2 5;fill:none}
.metal-study .metal-plate,.metal-study .metal-material{fill:#535745;stroke:#a5a58d;stroke-width:1.2}
.metal-study .metal-surface{stroke:var(--paper,#f0eadb);stroke-width:1.5;fill:none}
.metal-study .metal-observer{fill:var(--metal-bg);stroke:var(--paper,#f0eadb);stroke-width:1.5}
.metal-study .metal-observer .metal-pupil{fill:var(--paper,#f0eadb);stroke:none}
.metal-study .metal-number circle{fill:var(--metal-bg);stroke:var(--metal-muted);stroke-width:1}
.metal-study .metal-number text{text-anchor:middle;font-size:15px}
.metal-study .metal-region-overlay{fill:none;stroke:var(--metal-gold);stroke-width:3;opacity:0;pointer-events:none}
.metal-study .metal-region-overlay.is-selected{opacity:1}
.metal-study .metal-panel-caption{font-size:15px;line-height:1.55;color:var(--metal-muted);margin:10px 0 16px}
.metal-study .metal-panel-caption b{display:block;color:var(--paper,#f0eadb);font-weight:400}
.metal-study .metal-controls{margin:18px 0;padding-top:14px;border-top:1px solid var(--metal-line)}
.metal-study .metal-controls label,.metal-study .metal-control-label{display:block;font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--paper,#f0eadb)}
.metal-study .metal-controls input[type=range]{display:block;width:100%;min-width:0;margin:0 0 12px;height:32px;accent-color:var(--metal-gold);cursor:pointer}
.metal-study .metal-button-row{display:flex;flex-wrap:wrap;gap:8px}
.metal-study button{appearance:none;display:block;min-height:44px;max-width:100%;border:1px solid var(--metal-line);border-radius:0;padding:10px 15px;background:transparent;color:var(--paper,#f0eadb);font-family:inherit;font-size:14px;font-weight:400;line-height:1.5;text-align:left;cursor:pointer}
.metal-study button[aria-pressed=true]{background:var(--metal-gold);border-color:var(--metal-gold);color:var(--ink,#24271e)}
.metal-study button:hover{border-color:var(--metal-gold)}
.metal-study button:focus-visible,.metal-study input:focus-visible,.metal-study a:focus-visible{outline:2px solid var(--paper,#f0eadb);outline-offset:4px}
.metal-study .metal-control-help{font-size:13px;line-height:1.6;color:var(--metal-muted);margin:10px 0 0}
.metal-study .metal-status{font-size:15px;line-height:1.55;color:var(--metal-gold);margin:10px 0 16px;min-height:3.1em}
.metal-study .metal-key{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:16px 0}
.metal-study .metal-key li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:var(--metal-muted);padding:0;margin:0}
.metal-study .metal-key i{display:inline-block;flex:0 0 22px;width:22px;height:0;border-top:2px solid var(--metal-gold)}
.metal-study .metal-key .metal-key-incident{border-color:var(--paper,#f0eadb)}
.metal-study .metal-key .metal-key-view{border-color:var(--paper,#f0eadb);border-top-style:dashed}
.metal-study .metal-key .metal-key-normal{border-color:var(--metal-muted);border-top-style:dotted}
.metal-study .metal-fixed{border-top:1px solid var(--metal-line);margin:18px 0 0;padding-top:14px;font-size:14px;line-height:1.6;color:var(--metal-muted)}
.metal-study .metal-fixed>span{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--metal-gold);margin-bottom:5px}
.metal-study .metal-note{font-size:13px;line-height:1.6;color:var(--metal-muted);margin:12px 0 0}
.metal-study a{color:var(--paper,#f0eadb);text-decoration:underline;text-underline-offset:3px}
.metal-study .metal-finish-panel{border-top:1px solid var(--metal-line);padding-top:16px;margin-top:18px}
.metal-study .metal-finish-panel h4{font-size:22px;font-family:inherit;font-weight:400;line-height:1.3;margin:0 0 16px;color:var(--metal-gold)}
.metal-study .metal-finish-panel h4>span{display:block;font-size:15px;line-height:1.55;color:var(--metal-muted);margin-top:5px}
.metal-study .metal-diagram-label{font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--paper,#f0eadb)}
.metal-study .metal-diagram-label span{color:var(--metal-muted)}
.metal-study .metal-section-diagram svg text{font-size:14px}
.metal-study .metal-regions{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.metal-study .metal-regions>div{padding-top:10px;border-top:1px solid var(--metal-line)}
.metal-study .metal-regions>div.is-selected{border-top-color:var(--metal-gold)}
.metal-study .metal-regions dt{font-size:17px;line-height:1.4;margin-bottom:6px;color:var(--paper,#f0eadb)}
.metal-study .metal-regions dt span{color:var(--metal-gold);margin-right:5px}
.metal-study .metal-regions dd{font-size:14px;line-height:1.55;color:var(--metal-muted);margin:0}
@media(max-width:1000px){.metal-study .metal-static-views,.metal-study .metal-component-grid,.metal-study .metal-section-grid{grid-template-columns:1fr}.metal-study .metal-static-views>div,.metal-study .metal-component-grid>div,.metal-study .metal-section-diagram{width:100%;max-width:400px;margin:0 auto}}
@media(max-width:720px){.metal-study.article-figure{padding:22px 18px;margin-top:28px}.metal-study .metal-kicker{font-size:10px;letter-spacing:.08em}.metal-study .metal-static-views,.metal-study .metal-component-grid,.metal-study .metal-section-grid{grid-template-columns:1fr;gap:18px}.metal-study .metal-static-views>div,.metal-study .metal-component-grid>div,.metal-study .metal-section-diagram{width:100%;max-width:280px;margin:0 auto}.metal-study .metal-regions{grid-template-columns:1fr;gap:12px}.metal-study .metal-regions dt{margin-bottom:4px}.metal-study button{padding:10px 12px}.metal-study .metal-status{min-height:0}.metal-study .metal-fixed{font-size:13px}}
@media(max-width:360px){.metal-study.article-figure{padding:20px 12px}.metal-study .metal-kicker{gap:8px;font-size:10px}.metal-study button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.metal-study *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.metal-study.article-figure{print-color-adjust:exact;-webkit-print-color-adjust:exact;break-inside:avoid}.metal-study .metal-controls{display:none!important}.metal-study .metal-static-views[hidden]{display:grid!important}.metal-study .metal-live-view{display:none!important}.metal-study .metal-finish-panel[hidden]{display:block!important}}
