/* DEV02.3.1: connected current-edition review, not a public publication skin. */
.context-nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px 24px;padding:12px clamp(16px,5vw,72px);background:#171a1c;color:#eef0ed;border-bottom:1px solid #51575a;font:600 12px/1.4 'IBM Plex Mono',monospace}
.context-nav a{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;text-underline-offset:5px}.context-nav a:hover{color:#eee325;text-decoration:underline}.context-nav span{margin-left:auto;font-size:10px;color:#bec4c6;letter-spacing:.06em}
.context-nav a:focus-visible,.br-optical-controls :focus-visible,.br-observations :focus-visible{outline:2px solid #eee325;outline-offset:4px}
.br-preview--context{position:static}.br-optical-controls{border-top:1px solid #62696c;border-bottom:1px solid #62696c;padding:18px 0;margin:0 0 16px}
.br-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-control-grid label{display:grid;gap:6px;color:#e3e6e5;font:500 12px/1.4 'IBM Plex Mono',monospace;min-width:0}
.br-control-grid select{width:100%;min-width:0;min-height:46px;background:#171b1e;color:#f1f2ef;border:1px solid #7a8286;border-radius:2px;padding:10px 8px;font:500 13px/1.4 Montserrat,Arial,sans-serif}
.br-control-actions,.br-context-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.br-control-actions button,.br-context-jumps button{min-height:44px;padding:10px 12px;border:1px solid #929a9d;border-radius:2px;background:transparent;color:#f1f3ef;font:600 12px/1.35 'IBM Plex Mono',monospace;cursor:pointer}
.br-control-actions button:hover,.br-context-jumps button:hover{background:#3d4448}.br-control-actions button:disabled,.br-control-grid select:disabled{opacity:.55;cursor:default}.br-control-actions button:first-child:not(:disabled){border-color:#eee325;color:#eee325}
.br-context-jumps button{border:0;text-decoration:underline;text-underline-offset:5px;padding-left:0;margin-right:12px}.br-optical-controls .br-note{color:#d0d6d8!important;min-height:2.5em}
.br-frame-wrap{background:#0e1214;max-width:100%;margin-inline:auto}.br-frame-wrap.is-phone-width{width:min(390px,100%)}.br-frame-wrap iframe{display:block}
.br-observations{margin-top:20px;border-top:1px solid #737a7c;border-bottom:1px solid #737a7c;padding:14px 0}.br-observations summary{min-height:44px;cursor:pointer;line-height:1.5;font-weight:600}.br-observations summary span{font:400 11px 'IBM Plex Mono',monospace;color:#c0c7c9;margin-left:12px}
.br-observations label{display:block;font-size:13px;margin:12px 0 8px}.br-observations textarea{box-sizing:border-box;width:100%;min-height:108px;resize:vertical;background:#161b1e;color:#f2f3ef;border:1px solid #879093;padding:12px;font:400 16px/1.5 Montserrat,Arial,sans-serif}.br-observations textarea::placeholder{color:#adb7ba}
.br-observations ol{padding-left:22px}.br-observations li{padding:10px 0;border-top:1px solid #51595b;font-size:13px;line-height:1.5}.br-observations li strong{font:500 11px 'IBM Plex Mono',monospace;color:#eee325}.br-observations li p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}
.edition-context-key{margin:24px 0;--pb-size:88px}.edition-context-key>.edition002-kicker{font-size:11px}.edition-context-key .pb005-open{flex-direction:row;gap:16px;align-items:center}.edition-context-key .pb005-open__cap{text-align:left;align-items:start;text-shadow:none}.edition-context-key .pb005-open__name{display:block;max-width:15em}.edition-context-enter{display:inline-flex;min-height:44px;align-items:center;color:#f0e20f;margin-top:16px;font:600 13px 'IBM Plex Mono',monospace}
.room002-page--backroom-context .context-nav{padding-inline:16px}.room002-page--backroom-context{scrollbar-gutter:stable}
@media(max-width:640px){.context-nav{gap:0 16px;padding:8px 16px;font-size:11px}.context-nav span{width:100%;margin:2px 0 0}.br-control-grid{gap:10px}.br-control-grid select{font-size:12px}.br-frame-wrap{height:700px}.br-frame-wrap.is-large{height:880px}.br-control-actions button{flex:1 1 90px}.edition-context-key{--pb-size:74px}.br-observations{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){.br-frame-wrap{transition:none}}
.context-nav .context-logo{padding:4px 7px;background:#cfd3d3;min-height:32px;border-radius:1px}.context-logo img{display:block;width:86px;height:auto;max-width:none}
.dev023-review-shortcuts button{border:0;background:none;color:#efe313;text-decoration:underline;text-underline-offset:5px;font:inherit;padding:0;min-height:44px;cursor:pointer}.dev023-review-shortcuts button:focus-visible{outline:2px solid #efe313;outline-offset:4px}
.br-dev023 .br-header{padding:24px clamp(16px,4.4vw,63px) 22px}.br-dev023 .br-header h1{font-size:clamp(42px,5.2vw,72px);line-height:1.05;margin:18px 0 14px}.br-dev023 .br-header p{font-size:14px;line-height:1.5;max-width:76ch;margin:8px 0}.br-dev023 .br-warning{background:#333b3e;color:#e2e7e7;border-left:2px solid #e4df29;padding:8px 12px;font-size:11px!important}.br-dev023 .br-warning strong{color:#eee325}
.br-pb005-feature{padding:8px clamp(16px,4.4vw,63px);border-top:1px solid #4e585c;border-bottom:1px solid #4e585c}.br-pb005-feature summary{min-height:44px;cursor:pointer;padding:10px 0;font:500 12px/1.5 'IBM Plex Mono',monospace;box-sizing:border-box}.br-pb005-feature #br-guide{padding:15px 0}.br-dev023 .br-frame-wrap{border-color:#697579}
@media(max-width:640px){.context-nav .context-logo{display:none}.br-dev023 .br-header h1{font-size:46px}.br-dev023 .br-header-top{font-size:9px}.br-dev023 .br-header{padding-top:18px}}
/* The full side names need their own row, not a squeezed strip next to a select. */
.br-preview--context .br-side-tabs{flex:0 0 100%;width:100%;gap:6px}.br-preview--context .br-side-tabs button{gap:10px;min-height:52px}.br-preview--context .br-side-tabs button span{white-space:normal;overflow-wrap:normal;max-width:none;min-width:0;line-height:1.3}
@media(max-width:640px){.br-preview--context .br-side-tabs button{gap:4px}.br-preview--context .br-side-tabs button span{max-width:12ch;min-height:2.6em}}
