.pp{max-width:1440px;margin:38px auto;padding:28px;background:#fff;color:#111;border:1px solid #aebec8;border-top:4px solid #17394b;box-sizing:border-box;scroll-margin-top:20px}.pp header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.pp header span{font:700 10px/1.5 monospace;letter-spacing:1.5px;color:#416075}.pp h2{font-size:31px;letter-spacing:-.7px;line-height:1.2;margin:8px 0;color:#111}.pp header p{font:14px/1.6 Arial;color:#4b6474;margin:0;max-width:810px}.pp a{color:#135b78}.pp header>a{font:700 12px/1.6 Arial;white-space:nowrap}.pp-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:26px}.pp-controls{min-width:0}.pp label{display:block;font:600 12px/1.5 Arial;color:#111;margin:0 0 14px}.pp input[type=search],.pp input[type=number],.pp select{height:40px;padding:7px 9px;border:1px solid #9dafbb;border-radius:2px;background:#fff;color:#111;box-sizing:border-box;width:100%;font:14px Arial}.pp input:disabled{background:#eef3f6;color:#526876}.pp input[type=range]{accent-color:#167d9f;width:100%;margin:0;min-width:0}.pp-slider{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:10px;align-items:center;margin-top:6px}.pp-slider output{font:700 14px monospace;color:#183b50}.pp button{min-height:38px;border:1px solid #698495;border-radius:3px;background:#122f42;color:#fff;padding:8px 12px;font:600 12px/1.4 Arial;cursor:pointer}.pp button:focus-visible,.pp a:focus-visible,.pp input:focus-visible,.pp select:focus-visible{outline:3px solid #168fa8;outline-offset:2px}.pp [data-pp-manual]{width:100%;background:#edf7fa;color:#163d50}.pp-models:empty{display:none}.pp-models{max-height:225px;overflow-y:auto;border:1px solid #a8bac5;margin-top:-8px;margin-bottom:12px}.pp-models button{display:block;width:100%;background:#fff;color:#15374d;border:0;border-bottom:1px solid #cbd6dc;text-align:left;border-radius:0;padding:10px;font:12px/1.5 Arial}.pp-models button:hover{background:#e6f4f7}.pp [data-pp-model-status]{font:11px/1.6 Arial;color:#4c6879;margin:8px 0 12px}.pp-mode{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.pp-mode button{background:#fff;color:#173d50}.pp-mode button[aria-pressed=true]{background:#14364b;color:#fff}.pp-basics>label:first-child{max-width:120px}.pp details{border-top:1px solid #aebdc7;padding:13px 0}.pp details summary{font:700 12px/1.6 monospace;cursor:pointer;margin-bottom:10px}.pp details>p{font:11px/1.6 Arial;color:#4a6476}.pp-check{display:flex!important;gap:8px;align-items:flex-start}.pp-check input{flex-shrink:0;margin-top:4px}.pp-more button{width:100%;margin:5px 0}.pp-visual{min-width:0}.pp-status{padding:13px 16px;border:1px solid #6e9e82;background:#eaf7ef;color:#195535;font:700 13px/1.5 Arial;margin-bottom:12px}.pp-status[data-level=warn]{background:#fff6dd;color:#684b10;border-color:#c4a65b}.pp-status[data-level=bad]{background:#ffeded;color:#8d2828;border-color:#cf9191}.pp-metrics{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-bottom:16px}.pp-metrics>div{border:1px solid #819ba9;padding:14px;min-width:0}.pp-metrics span{display:block;font:10px/1.6 monospace;color:#3d5b6e}.pp-metrics strong{display:block;font:700 clamp(19px,2vw,27px)/1.4 monospace;color:#153a50;margin:6px 0}.pp-metrics small{display:block;font:11px/1.6 Arial;color:#486477}.pp-view-tabs{display:flex;gap:8px;margin-bottom:10px}.pp-view-tabs button{background:#fff;color:#153c50}.pp-view-tabs button[aria-pressed=true]{background:#14364b;color:#fff}.pp-diagram{width:100%;background:#091a27;border:1px solid #7392a5;aspect-ratio:700/620}.pp-diagram svg{display:block;width:100%;height:100%}.pp-diagram text{fill:#c5dce9;font:10px monospace}.pp-gain{display:flex;gap:4px;margin:12px 0}.pp-gain span{flex:1;min-width:0;padding:8px 0;border-top:5px solid var(--pp-gain);text-align:center;background:#edf3f6;color:#183b4c;font:11px monospace}.pp-instruction,.pp-source,.pp-note,.pp-detail-results{font:12px/1.7 Arial;color:#3a596d}.pp-detail-results p{margin:8px 0}.pp-note{padding-top:12px;border-top:1px solid #c2d0d9;font-size:11px}.pp-source{font-size:11px}.pp-expand{display:block;margin-top:14px;padding:11px;border:1px solid #6d919f;background:#eaf6fa;text-align:center;font:700 12px/1.5 Arial;text-decoration:none}.pp [hidden]{display:none!important}.pp-compact{margin:20px 0 0;padding:20px;border-top:3px solid #17394b;max-width:none}.pp-compact header{margin-bottom:15px}.pp-compact h2{font-size:23px}.pp-compact header p{font-size:12px}.pp-compact .pp-layout{grid-template-columns:320px minmax(0,1fr);gap:20px}.pp-compact .pp-more,.pp-compact .pp-specs,.pp-compact .pp-detail-results,.pp-compact .pp-note,.pp-compact .pp-source,.pp-compact [data-pp-manual],.pp-compact .pp-basics>label:first-child{display:none}.pp-compact .pp-diagram{height:260px;aspect-ratio:auto}.pp-compact .pp-metrics{margin:0 0 10px;gap:10px}.pp-compact .pp-metrics>div{padding:9px}.pp-compact .pp-metrics strong{font-size:18px}.pp-compact .pp-instruction{font-size:10px;margin:8px 0}.pp-compact .pp-gain span{font-size:9px;padding:4px 0}.pp-compact .pp-status{font-size:11px;padding:8px}.pp-compact .pp-mode{margin:12px 0}.pp-compact .pp-slider{grid-template-columns:1fr 85px}.pp-compact .pp-view-tabs button{min-height:32px;padding:5px 9px;font-size:11px}.pp-compact .pp-expand{margin-top:8px}@media(max-width:1000px){.pp-layout{grid-template-columns:260px minmax(0,1fr)}.pp-metrics{grid-template-columns:1fr}.pp-compact .pp-layout{grid-template-columns:270px minmax(0,1fr)}}@media(max-width:700px){.pp{padding:18px;margin:25px 12px}.pp header{display:block}.pp h2{font-size:27px}.pp-layout,.pp-compact .pp-layout{grid-template-columns:1fr}.pp-diagram{height:auto;aspect-ratio:700/620}.pp-compact{margin:16px 0 0;padding:14px}.pp-compact header>a{display:inline-block;margin-top:10px}.pp-compact .pp-diagram{height:260px}.pp-gain{gap:2px}.pp-gain span{font-size:9px}.pp-compact .pp-metrics{grid-template-columns:1fr 1fr}}

#posExact .pp-compact h2{font-size:23px;line-height:1.2;margin:6px 0}.pp-compact .pp-optical{display:none}.pp-compact header p{max-width:650px}


/* Centered, direct-manipulation placement views. */
.pp-diagram{aspect-ratio:800/480;max-height:540px;overflow:hidden;position:relative}.pp-diagram svg{margin:auto}.pp-diagram [data-pp-action]:focus-visible{outline:none;filter:drop-shadow(0 0 4px #65d0df)}.pp-diagram [data-pp-action]:focus-visible>path{stroke:#ffda88}.pp-diagram [data-pp-action]:active{cursor:grabbing!important}.pp-instruction{padding:10px 12px;background:#edf6fa;border-left:3px solid #1685aa}.pp-compact .pp-diagram{height:280px}.pp-visual{align-self:start}.pp-diagram text{font-size:10px}@media(max-width:700px){.pp-diagram{aspect-ratio:800/480;min-height:245px}.pp-compact .pp-diagram{height:270px}}


.pp-viewer-result{border:1px solid #8ea5b3;border-left:5px solid var(--pp-viewer-color);padding:13px 15px;margin-top:12px;background:#f5f9fb}.pp-viewer-quality{display:flex;align-items:center;gap:9px;font:700 13px/1.5 Arial}.pp-viewer-quality i{width:13px;height:13px;background:var(--pp-viewer-color);border:1px solid #314c5b;border-radius:50%;flex-shrink:0}.pp-viewer-values{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:10px;margin:10px 0}.pp-viewer-values span{font:9px/1.5 monospace;color:#436476}.pp-viewer-values b{display:block;font:700 14px/1.5 monospace;color:#15384a;margin-top:3px}.pp-viewer-result small{display:block;font:10px/1.6 Arial;color:#3e5969}.pp-viewer-controls>p{font:11px/1.6 Arial;color:#466476}.pp-compact .pp-viewer-result{padding:9px 11px}.pp-compact .pp-viewer-values b{font-size:12px}@media(max-width:600px){.pp-viewer-values{grid-template-columns:1fr 1fr}.pp-viewer-values span:last-child{grid-column:1/-1}}