#guide-library{width:820px;background:#fff;color:#18191b;padding:28px;line-height:1.65}#guide-library.guide-dark{background:#18191b;color:#fff;color-scheme:dark}#guide-library button,#guide-library input,#guide-library textarea{background:transparent;color:inherit;border:1px solid #999}#guide-library h2{font-size:28px}#guide-library dt{font-weight:650;margin-top:16px}#guide-library dd{margin:4px 0 12px}#guide-library details{padding:12px 0;border-bottom:1px solid #999}#guide-library summary{cursor:pointer}.guide-top{display:flex;gap:8px;justify-content:flex-end}.guide-top button:first-child{margin-right:auto}.guide-diagram{margin:24px 0}.guide-diagram svg{width:100%;max-height:200px}.guide-diagram figcaption{font-size:11px;opacity:.7}.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.guide-cards button{padding:18px;text-align:left}.guide-cards small{display:block;margin-bottom:8px;opacity:.65}#look-recipe label{display:grid;gap:5px;margin:12px 0}#look-recipe textarea{min-height:90px}#guide-search-results{position:fixed;z-index:20;width:min(360px,calc(100vw - 16px));max-height:50vh;overflow:auto;padding:12px;background:#fff;color:#18191b;border:1px solid #aaa;box-shadow:0 8px 24px #0002}#guide-search-results[hidden]{display:none}#guide-search-results>small{font-size:10px}#guide-search-results button{display:block;width:100%;text-align:left;margin-top:6px;background:#fff;color:#111;padding:10px}#guide-search-results button small{float:right}@media(max-width:600px){.guide-cards{grid-template-columns:1fr}}
#guide-library .eyebrow{color:inherit;opacity:.65}
/* Owner reference: right-aligned italic titles; gray outline on hover/selection. */
#views button{align-items:flex-end;padding-right:26px}
#views .stage-label,#views button.active .stage-label,#views button:hover .stage-label,#views button.active:hover .stage-label{background:transparent!important;color:#111!important;box-shadow:none;font-style:italic;font-weight:400;text-transform:uppercase;padding:0;isolation:isolate}
#views button small{align-self:flex-start}
#views button::before,#views button:first-child::before{background:#111}
#views button:not(:last-child)::after{transform:rotate(45deg);background:#111}
#views .stage-label::after{content:'';position:absolute;inset:-4px -10px -4px -10px;border:1px solid transparent;transform:skewX(-45deg);z-index:-1;pointer-events:none}
#views button.active .stage-label::after,#views button:hover .stage-label::after{border-color:#aaa}
.schedule-route{width:100%;box-sizing:border-box;padding-right:12px}
.schedule-route h3{font-style:italic;font-weight:400;text-align:right;isolation:isolate}
.schedule-route::after{transform:rotate(45deg);background:#111}
.schedule-route h3::after{background:#111}
.schedule-route h3::before{transform:rotate(-45deg);width:22px;bottom:-22px;background:#111}
.schedule-route::before{background:#111;width:5px;height:5px;left:-67px;bottom:-18px}
.schedule-route h3 .route-highlight{position:absolute;inset:-4px -12px -6px 0;border:1px solid transparent;transform:skewX(-45deg);transform-origin:center bottom;pointer-events:none;z-index:-1}
.run-of-show article:hover .route-highlight,.run-of-show article:focus-within .route-highlight{border-color:#aaa}
.schedule-route h3::after{left:-49.5px}
.schedule-route .route-title{display:inline-block;position:relative;padding-left:12px}
.schedule-route h3 .route-highlight{left:0;right:-12px}
#views .stage-label::after{bottom:-7px;transform-origin:center bottom;right:-14px}
/* Compact schedule and filled, readable highlights. */
.run-of-show article{padding-bottom:14px}
.schedule-route{margin-top:6px;margin-bottom:8px}
.schedule-route h3{font-style:normal;font-weight:500}
.run-of-show p{margin:6px 0 8px}
#views button.active .stage-label::after,#views button:hover .stage-label::after,#views button:focus-visible .stage-label::after{background:#73777b;border-color:#73777b}
#views button.active .stage-label,#views button:hover .stage-label,#views button.active:hover .stage-label,#views button:focus-visible .stage-label{color:#fff!important}
.run-of-show article:hover .route-highlight,.run-of-show article:focus-within .route-highlight{background:#73777b;border-color:#73777b}
.run-of-show article:hover .route-title,.run-of-show article:focus-within .route-title{color:#fff}
/* Reserve room for the slants so the highlight fully contains the lettering. */
#views .stage-label::after{left:-30px}
.schedule-route{width:calc(100% - 24px)}
.schedule-route h3 .route-highlight{left:-20px}
/* Refine the existing route motif; size each schedule rail to its content. */
#views button{padding-right:28px}
#views .stage-label,#views button.active .stage-label,#views button:hover .stage-label,#views button.active:hover .stage-label{font-size:12px;letter-spacing:.15px}
#views .stage-label::after{top:-2px;bottom:-7px;left:-26px;right:-14px}
#views button::before,#views button:first-child::before,#views button:not(:last-child)::after{background:#96999b}
#views button.active::before,#views button.active::after{background:#55595c}
.run-of-show article{width:fit-content;max-width:calc(100% - 24px);box-sizing:border-box;padding-bottom:18px}
.run-of-show p{max-width:58ch;line-height:1.55;margin:10px 0 10px}
.schedule-route{width:100%;margin-top:8px;margin-bottom:8px}
.schedule-route h3{font-size:15px;font-weight:500;line-height:22px}
.schedule-route h3::after,.schedule-route h3::before,.schedule-route::after{background:#96999b}
.run-of-show time{font-size:11px;color:#6c7176;letter-spacing:.35px}
.run-of-show button{border-color:#e1e3e5;padding:4px 8px}
/* Shared schedule edge, pale highlights, continuous tail joins. */
#views .stage-label::after{right:-16px}
#views button.active .stage-label::after,#views button:hover .stage-label::after,#views button:focus-visible .stage-label::after,.run-of-show article:hover .route-highlight,.run-of-show article:focus-within .route-highlight{background:#e3e4e5;border-color:#e3e4e5}
#views button.active .stage-label,#views button:hover .stage-label,#views button.active:hover .stage-label,#views button:focus-visible .stage-label{color:#303438!important}
.run-of-show article:hover .route-title,.run-of-show article:focus-within .route-title{color:#303438}
.run-of-show article{width:calc(58ch + 65px);max-width:calc(100% - 24px);font-size:13px}
.run-of-show article:first-child{border-left-color:transparent}
.run-of-show article:first-child::after{content:'';position:absolute;left:-1px;top:67.5px;bottom:0;width:1px;background:#999}
#views button.active .stage-label,#views button:hover .stage-label,#views button.active:hover .stage-label,#views button:focus-visible .stage-label{color:#fff!important}
.schedule-route{width:50%;min-width:min(100%,260px)}
.schedule-route h3{text-align:left}
.schedule-route .route-title{padding-left:0}
:is(#fx3-explorer,#cinema-explorer){width:min(1180px,94vw);max-width:94vw;padding:28px;border:1px solid #bbb;color:#202326;background:#fff}:is(#fx3-explorer,#cinema-explorer) header{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid #ddd;padding-bottom:16px}:is(#fx3-explorer,#cinema-explorer) h2{font-size:30px;margin:8px 0}:is(#fx3-explorer,#cinema-explorer) small{font-size:10px;letter-spacing:1.4px}.fx-note{font-size:12px;color:#666}.fx-layout{display:grid;grid-template-columns:180px minmax(300px,1fr) 230px;gap:24px;margin-top:24px}.fx-layout aside label{display:grid;gap:8px;font-size:12px}.fx-layout input{width:100%;box-sizing:border-box}.fx-layout nav{display:grid;gap:6px;margin-top:16px}.fx-layout button{padding:10px;text-align:left}.fx-layout button[aria-pressed=true],.fx-menu button[aria-current=step]{background:#25282a;color:#fff}.fx-tabs{display:flex;gap:6px}.fx-layout figure{margin:20px 0;padding:20px;background:#f8f9fa;text-align:center}.fx-layout img{width:100%;max-width:450px;image-rendering:auto}.fx-layout figcaption{font-size:12px;line-height:1.7;margin-top:20px}.fx-instructions{border-left:1px solid #ddd;padding-left:20px;font-size:13px;line-height:1.7}.fx-menu{padding:24px 0}.fx-menu ol{padding-left:20px}.fx-menu li{margin:8px 0}.fx-menu button{width:100%}@media(max-width:850px){.fx-layout{grid-template-columns:1fr}.fx-instructions{border-left:0;border-top:1px solid #ddd;padding:16px 0}.fx-layout nav{grid-template-columns:1fr 1fr}}
#views button.active .stage-label::after,#views button:hover .stage-label::after,#views button:focus-visible .stage-label::after{background:#111;border-color:#111}
:is(#fx3-explorer,#cinema-explorer) .fx-layout>aside{position:static;inset:auto;width:auto;height:auto;overflow:visible;background:transparent;display:block;padding:0;border:0}
:is(#fx3-explorer,#cinema-explorer) .fx-layout>.fx-instructions{border-left:1px solid #ddd;padding-left:20px}
:is(#fx3-explorer,#cinema-explorer) .fx-layout>section{min-width:0;display:block}
:is(#fx3-explorer,#cinema-explorer) header{position:static;height:auto;min-height:0;background:transparent}
:is(#fx3-explorer,#cinema-explorer) figure img{display:block;position:static;height:auto;max-height:none;opacity:1;margin:auto}

/* Schedule rails end at each title; headings stay plain in every state. */
.schedule-route{width:fit-content;min-width:0;max-width:100%;padding-right:8px}
.schedule-route h3::after{right:-8px}
.schedule-route .route-highlight{display:none}
.run-of-show article .route-title,.run-of-show article:hover .route-title,.run-of-show article:focus-within .route-title{color:inherit;background:transparent}
:is(#fx3-explorer,#cinema-explorer) figure img{filter:grayscale(1)}

:is(#fx3-explorer,#cinema-explorer) .fx-model{display:block;width:100%;height:540px;border:1px solid #ddd;margin:16px 0;background:#f5f5f5}

/* Equipment answers and explanatory menu settings: monochrome, responsive. */
#equipment-faq{width:min(980px,94vw);max-height:88vh;border:1px solid #aaa;padding:28px;background:#fff;color:#181a1b;overflow:auto}
#equipment-faq::backdrop{background:#0006;backdrop-filter:blur(4px)}
#equipment-faq header{display:flex;justify-content:space-between;align-items:start;gap:24px}
#equipment-faq h2{margin:8px 0 18px}#equipment-faq small{color:#61676b;font-size:12px;letter-spacing:.04em}
#equipment-faq .faq-filters{display:flex;gap:18px;margin:24px 0}#equipment-faq label{flex:1;display:grid;gap:8px}
#equipment-faq input,#equipment-faq select{width:100%;padding:12px;border:1px solid #cdd1d4;background:#fff;color:#181a1b}
#equipment-faq details{padding:18px 0;border-top:1px solid #ddd}#equipment-faq summary{cursor:pointer;font-weight:600}#equipment-faq details p{line-height:1.65;max-width:78ch}#equipment-faq details small{display:block;margin-top:14px}
#equipment-faq button{padding:10px 14px;border:1px solid #cdd1d4;background:#fff;color:#181a1b;cursor:pointer}#equipment-faq a{color:inherit}
:is(#fx3-explorer,#cinema-explorer) .fx-setting-browser{border:1px solid #d4d8db;padding:20px;margin:20px 0;background:#f7f8f8}
:is(#fx3-explorer,#cinema-explorer) .fx-setting-options{display:flex;flex-wrap:wrap;gap:8px}:is(#fx3-explorer,#cinema-explorer) .fx-setting-options button{width:auto;padding:10px 14px;background:#fff;color:#17191b;border:1px solid #cdd1d4}
:is(#fx3-explorer,#cinema-explorer) .fx-setting-options [aria-pressed=true]{background:#202325;color:#fff}
:is(#fx3-explorer,#cinema-explorer) .fx-setting-detail{min-height:145px;padding:8px 0;line-height:1.65}:is(#fx3-explorer,#cinema-explorer) .fx-menu ol{font-size:14px;padding-left:24px}:is(#fx3-explorer,#cinema-explorer) .fx-menu li button{padding:8px 12px}
@media(max-width:600px){#equipment-faq .faq-filters{flex-direction:column}#equipment-faq{padding:18px}}

.fx-source-diagrams{margin-top:20px;border-top:1px solid #ddd;padding-top:12px}.fx-source-diagrams img{display:block;max-width:100%;width:420px;margin:20px auto;filter:grayscale(1)}:is(#fx3-explorer,#cinema-explorer) .fx-layout>aside:first-child nav{max-height:570px;overflow:auto}

.fx-camera-screen>div{position:relative;width:min(100%,450px);margin:auto}.fx-camera-screen img{width:100%;filter:grayscale(1)}.fx-camera-screen button{position:absolute!important;padding:0!important;margin:0!important;background:transparent!important;border:1px solid transparent!important}.fx-camera-screen button:hover,.fx-camera-screen button:focus-visible{outline:2px solid #222;background:#0001!important}

#cinema-explorer{max-height:94vh;overflow:auto}.camera-picker{display:flex;gap:8px;margin-top:18px}.camera-picker button{padding:8px 14px}.camera-picker [aria-pressed=true]{background:#222;color:white}#cinema-explorer select{max-width:100%;padding:8px;border:1px solid #ccc;background:white;color:#222}#cinema-explorer .fx-layout>aside:first-child nav{max-height:550px;overflow:auto}#cinema-explorer .fx-layout>aside label+label{margin-top:12px}.camera-path{font-size:12px;padding:12px;border:1px solid #ddd}.camera-screen{background:#161817;color:#eee;border:5px solid #333;border-radius:8px;margin:18px 0;font:13px system-ui}.camera-screen-bar{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid #666}.camera-screen-bar span{font-size:10px;color:#ccc}.camera-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#777}.camera-tiles.big6{grid-template-columns:repeat(3,1fr)}.camera-screen button{color:#eee;background:#222;border:1px solid #555;border-radius:0}.camera-screen button:hover,.camera-screen button[aria-pressed=true]{background:#eee;color:#111}.camera-tiles button{padding:18px 12px;min-height:84px}.camera-tiles small{display:block;font-size:12px!important;letter-spacing:0!important;margin-bottom:10px}.camera-tiles strong{font-size:15px}.camera-menu-columns{display:grid;grid-template-columns:1fr 1.25fr 1.1fr;min-height:310px}.camera-menu-columns nav{display:flex;flex-direction:column;gap:0;margin:0;max-height:330px;overflow:auto;border-right:1px solid #666}.camera-menu-columns button{padding:9px;font-size:11px}.camera-menu-values{padding:12px;font-size:11px;min-width:0}.camera-menu-values div{padding:10px 0;border-bottom:1px solid #555}.camera-menu-values small{display:block;letter-spacing:0!important;margin-top:20px;color:#aaa}.camera-menu-wrap .fx-note{line-height:1.5}@media(max-width:850px){.camera-menu-columns{grid-template-columns:1fr 1fr}.camera-menu-values{grid-column:1/-1}.camera-tiles.big6{grid-template-columns:repeat(2,1fr)}}

#fx3-explorer .camera-tiles button{min-height:64px;padding:12px 16px}#fx3-explorer .camera-tiles button:last-child{grid-column:1 / -1}#fx3-explorer .camera-menu-columns nav{max-height:420px;overflow:auto}.fx-menu-help{margin-top:20px}.fx-menu-help h4{margin:16px 0 4px}.fx-menu-help p{margin:0 0 12px}

/* Equipment audit 2026-10-16: readable controls and true six-tile HOME layout. */
#fx3-explorer .camera-tiles.big6 button:last-child{grid-column:auto}
#guide-library .fx-setting-browser{border:1px solid #d4d8db;padding:20px;margin:24px 0;background:transparent}
#guide-library .camera-picker{flex-wrap:wrap}
:is(#cinema-explorer,#fx3-explorer) .camera-menu-values{line-height:1.6}

#guide-search-results{max-height:min(70vh,620px);overflow-y:auto}#guide-search-results>small{display:block;padding:10px 12px 6px}#guide-search-results button{white-space:normal;text-align:left}#guide-search-results button small{display:block}