/* Interaction and reading hierarchy: dark laboratory, clear tactile controls. */
:root{
 --control-fill:#1b3542;--control-hover:#284c5c;--control-edge:#82aebd;
 --control-ink:#edf7fa;--action-fill:#a4ead5;--action-ink:#092c30;
 --action-edge:#6eb7a7;--focus-ring:#ffe3a3;--reading-ink:#d4e0e6;
 --type-body:16px;--type-label:16px;--type-note:13px;--control-radius:9px;
}
body,[data-reading-mode] body{font-size:var(--type-body);line-height:1.9;color:var(--reading-ink);}
h1,h2,h3{color:#f3f5ef;}
h1,.screening-intro h1,.bench-top h1,.result-hero h1{font-size:clamp(30px,3.4vw,42px);line-height:1.45;letter-spacing:.025em;}
h2,.note-sheet h2,.workbench .section-heading h2{font-size:26px;line-height:1.5;}
h3,.normal-note h3{font-size:20px;line-height:1.6;}
.eyebrow{font:700 12px/1.6 var(--sans);letter-spacing:.12em;color:#a7d7d0;}
.muted,.game-probability-note,.screening-note,.game-note,.diagram-note,.appearance-sources,.source-list{font-size:var(--type-note);line-height:1.8;color:#aabec9;}
.result-story,.detail-story,[data-reading-mode] .result-story,[data-reading-mode] .detail-story{font:400 17px/1.95 var(--sans);color:var(--reading-ink);}
.normal-note p,[data-reading-mode] .normal-note p,.note-sheet p,.note-sheet li,.detail-meta{font-size:16px;line-height:1.9;}
.facts-grid h3{font:700 17px/1.6 var(--sans);color:#bdddd8;}
.facts-grid ul,.encyclopedia-panel>ul{font-size:16px;line-height:1.9;}
.facts-grid .muted,.appearance-sources p{font-size:13px;line-height:1.8;}
.collection-entry{font-size:14px;margin-bottom:20px;}
.discovery-heading>span,.sample-code,.catalog-card .index{font-size:12px;line-height:1.6;}
.tag{font-size:12px;padding:3px 9px;border-radius:4px;}
.normal-note,.detail-meta{border-radius:6px;}

/* Buttons have a bounded surface, a visible edge and a pressed state. */
:where(button):not(.tip-link),.inline-file{
 background:var(--control-fill);color:var(--control-ink);border:1px solid var(--control-edge);
 border-radius:var(--control-radius);box-shadow:0 3px 0 #071018,inset 0 1px 0 #ffffff12;
 font:700 var(--type-label)/1.55 var(--sans);min-height:46px;padding:11px 18px;
 text-decoration:none;cursor:pointer;touch-action:manipulation;
 transition:background-color 140ms ease,border-color 140ms ease,box-shadow 140ms ease,transform 140ms ease;
}
.primary{background:var(--action-fill);border:1px solid #c1f5e5;border-bottom:4px solid var(--action-edge);color:var(--action-ink);font-size:17px;min-height:56px;padding:13px 24px;box-shadow:0 3px 0 #061a20;}
.primary:hover{background:#bef7e4;border-color:#d9fff3;border-bottom-color:#83cbb9;color:var(--action-ink);box-shadow:0 4px 0 #061a20;}
.secondary,.text-button,.danger-soft,.inline-file{background:var(--control-fill);border:1px solid var(--control-edge);color:var(--control-ink);font:700 16px/1.55 var(--sans);padding:11px 18px;min-height:46px;border-radius:var(--control-radius);text-decoration:none;}
.secondary:hover,.text-button:hover,.inline-file:hover{background:var(--control-hover);border-color:#b3dce5;color:#fff;text-decoration:none;}
.danger-soft{background:#3a2732;border-color:#b98396;color:#ffe4ec;}
.danger-soft:hover{background:#523441;}
:where(button):not(.tip-link):active:not(:disabled),.inline-file:active{transform:translateY(2px);box-shadow:0 1px 0 #071018,inset 0 1px 0 #ffffff12;}
button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;}
:focus-visible{outline:3px solid var(--focus-ring)!important;outline-offset:4px!important;}
.buttons{gap:12px;}.small-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;}
.small-actions button{margin:0;}
.share-actions{padding-top:16px;}
.mode-menu,.sound-toggle{font:700 14px/1.5 var(--sans);min-height:44px;padding:9px 14px;background:#1b3542;border:1px solid #8eb7c3;border-radius:8px;color:#f0f7fa;}
.sound-toggle[aria-pressed=true]{background:#24564f;color:#d4fff0;border-color:#a4ead5;}
.header-progress{font-size:12px;}.header-progress b{font-size:16px;}
.close-dialog{min-width:46px;min-height:46px;border-radius:8px;font-size:24px;background:#294553;border:1px solid #93b6c0;}
.site-footer>button{font-size:14px;margin:8px 8px 8px 0;}

/* Navigation is a row of actual tabs; supporting English stays secondary. */
.main-nav{padding:10px 24px;gap:8px;overflow:visible;}
.main-nav>button,.nav-more>summary{position:relative;background:#162c38;border:1px solid #587a8a;border-radius:8px;padding:10px 24px;min-height:56px;color:#d8e7ec;font:700 15px/1.4 var(--sans);box-shadow:0 2px 0 #061018;}
.main-nav button span,.nav-more>summary>span{font:400 9px/1.6 var(--mono);letter-spacing:.08em;color:#b1c7d1;}
.main-nav>button[aria-current=page]{background:#285c56;border-color:#a4ead5;color:#f2fff9;font-weight:700;text-shadow:none;box-shadow:inset 0 0 0 1px #a4ead533;}
.main-nav>button[aria-current=page]:after{display:none;}
.nav-more>summary{padding-right:32px;cursor:pointer;}
.nav-more>summary:after{content:"▾";position:absolute;right:11px;top:15px;font:16px var(--sans);}
.nav-more[open]>summary{background:#28505e;}
.nav-more>div{top:calc(100% + 8px);padding:10px;min-width:220px;border-radius:10px;border-color:#82aebd;box-shadow:0 12px 28px #0008;z-index:10;}
.nav-more>div>button{background:#1b3542;border:1px solid #82aebd;border-radius:7px;min-height:48px;padding:12px 16px;font:700 16px/1.5 var(--sans);margin:0 0 8px;}
.nav-more>div>button:last-child{margin-bottom:0;}

/* Step 1: a single main action, then clearly selectable specimen cards. */
.screening-intro h1{margin-bottom:12px;}
.screening-intro>p:last-child{font:400 17px/1.9 var(--sans);color:#c1d1d8;max-width:42em;margin-bottom:26px;}
.screening-controls{padding:22px;gap:20px;border:1px solid #355361;border-radius:12px;background:#112632;align-items:end;}
.screening-controls label{display:flex;flex-direction:column;align-items:stretch;gap:8px;font:700 14px/1.6 var(--sans);white-space:normal;}
.screening-controls select,.filter-row input,.filter-row select,select,input[type=search],.tip-dialog input{min-height:48px;border:2px solid #779dab;background:#091b25;color:#edf5f8;border-radius:7px;padding:10px 14px;font:400 16px/1.5 var(--sans);}
.screening-controls .primary,.screening-controls .secondary{min-width:228px;}
.research-journey{margin:28px 0;gap:12px;}
.research-journey li{font-size:14px;color:#91aab7;}
.research-journey li[aria-current=step]{color:#c4f2e3;font-weight:700;}
.research-journey li>span{font-size:13px;width:30px;height:30px;}
.tray-heading h2{font-size:24px;}.tray-heading>span{font-size:13px;}
.sample-tray{gap:18px;}
button.sample-ticket{background:#183442;border:2px solid #6c9ba9;border-radius:12px;box-shadow:0 4px 0 #06121a;padding:20px;}
button.sample-ticket:after{display:none;}
button.sample-ticket:hover{background:#234958;border-color:#b6eddd;box-shadow:0 5px 0 #06121a;}
.sample-ticket h3{font:700 22px/1.55 var(--sans);color:#f0f7f5;margin:10px 0;}
.sample-ticket>p{font:400 14px/1.8 var(--sans);color:#c0d1d8;}
.sample-category{font:400 13px/1.6 var(--sans);color:#b0d3d4;}
.sample-code>span{font-size:11px;color:#9fb9c7;}
.sample-open{border:1px solid #c1f5e5;border-bottom:3px solid #6eb7a7;background:#a4ead5;color:#092c30;border-radius:7px;padding:12px;font:700 16px/1.5 var(--sans);margin-top:auto;}
.empty-ticket{background:transparent;border:1px dashed #3b5664;border-radius:10px;box-shadow:none;min-height:300px;}
.empty-ticket .sample-category,.empty-ticket>p{color:#91a8b4;font-weight:400;}
.empty-ticket svg{opacity:.65;}
.empty-sample svg{height:180px;}

/* Step 2: each method has an explicit action, distinct from its description. */
.workbench,.result-hero{border-radius:12px;}
.bench-top>span{font:700 16px/1.6 var(--sans);color:#bce9dc;}
.progress li{font-size:13px;line-height:1.6;padding-top:10px;}
.observation{font-size:16px;line-height:1.9;color:#c7d6dd;}
.observation strong{font-size:22px;line-height:1.6;}
.method-list{gap:16px;margin-top:20px;}
.method-card{grid-template-columns:40px minmax(0,1fr) 164px;gap:18px;border:2px solid #729ead;border-radius:11px;padding:20px;background:#193644;box-shadow:0 4px 0 #06131b;min-height:124px;}
.method-card:hover{background:#244c5a;border-color:#baefdf;box-shadow:0 5px 0 #06131b;}
.method-index-number{width:36px;height:40px;display:grid;place-items:center;border-radius:7px;background:#2c5661;color:#e4f6f4;font:700 17px/1 var(--mono);}
.method-card-copy strong,[data-reading-mode] .method-card-copy strong{font:700 20px/1.55 var(--sans);color:#f3fbfa;}
.method-card-copy small,[data-reading-mode] .method-card-copy small{font:400 15px/1.85 var(--sans);color:#c3d3dc;margin-top:7px;}
.method-action{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;}
.method-card .chance,[data-reading-mode] .method-card .chance{font:700 13px/1.5 var(--sans);color:#c8ede1;min-width:0;text-align:center;}
.method-choose{background:#a4ead5;border:1px solid #c1f5e5;border-bottom:3px solid #6eb7a7;color:#092c30;border-radius:7px;padding:10px 12px;display:block;font:700 14px/1.5 var(--sans);text-align:center;}
.workbench .section-heading .muted{font-size:13px;}
.game-probability-note{margin-top:18px;}
.research-log summary{font-size:18px;}.notebook-small{font-size:13px;}.notebook-small span{font-size:11px;}
.aside-section h2{font-size:22px;}.aside-section p{font-size:14px;line-height:1.9;}.aside-section .eyebrow{font-size:11px;}
.recent-specimen{padding:12px;background:#17323f;border:1px solid #749eac;border-radius:8px;margin-bottom:10px;font:700 16px/1.6 var(--sans);}
.recent-specimen>span:nth-child(2)>small{font-size:12px;}

/* Reading stays calm; disclosures and reference cards expose their affordance. */
details:not(.nav-more)>summary{font:700 14px/1.6 var(--sans);padding:11px 14px;min-height:46px;border:1px solid #7297a7;border-radius:7px;background:#182f3b;color:#dfedf1;cursor:pointer;list-style:disclosure-closed;width:fit-content;max-width:100%;}
details[open]:not(.nav-more)>summary{list-style:disclosure-open;background:#21404b;}
.normal-formula summary{font-size:15px;}
.specimen-tabs{flex-wrap:wrap;gap:8px;padding-bottom:12px;}
.specimen-tabs .text-button,.condition-switch button{font:700 14px/1.5 var(--sans);padding:10px 14px;min-height:44px;border:1px solid #7ea7b5;border-radius:7px;background:#193541;color:#ddecf0;}
.specimen-tabs .text-button[aria-pressed=true],.condition-switch button[aria-pressed=true]{background:#2a5d55;border:2px solid #b4ead9;color:#f1fff9;box-shadow:none;}
.diagram-unavailable{font-size:12px;}
.catalog-card,.catalog-card.locked{border:1px solid #658d9c;border-radius:10px;background:#142d39;padding:18px;box-shadow:0 3px 0 #06121a;}
.catalog-card:hover{background:#234452;border-color:#a8dcd7;}
.catalog-card h3{font:700 18px/1.6 var(--sans);}.catalog-card p{font-size:13px;color:#b3cbd6;font-weight:400;}
.catalog-card:after{content:"資料を読む →";display:block;border-top:1px solid #527481;margin-top:auto;padding-top:12px;font:700 14px/1.6 var(--sans);color:#c0f0e2;}
.element-cell{min-height:64px;border-radius:6px;box-shadow:none;}
.element-cell span{font-size:9px;}.element-cell small{font-size:10px;}
.tip-link{color:#c1e6df;text-decoration-thickness:1px;}.tip-mark{font-weight:700;}
.knowledge-poll{padding-top:28px;}.knowledge-poll h2{font-size:24px;}
.knowledge-note,.knowledge-own{font-size:16px;}.knowledge-poll .eyebrow{font-size:12px;}
.knowledge-choices button{min-height:50px;padding:12px 22px;font-size:17px;}
.knowledge-choices button[aria-pressed=true]{background:#2a5d55;border:2px solid #b4ead9;color:#f1fff9;box-shadow:inset 0 0 0 1px #b4ead92b;}
.knowledge-legend h3{font:700 17px/1.6 var(--sans);}.knowledge-legend p{font-size:15px;}.knowledge-legend small{font-size:13px;}
.mode-heading{font:700 20px/1.5 var(--sans);margin-bottom:16px;}
.mode-card{padding:20px;border:2px solid #769eac;border-radius:10px;gap:10px;background:#193643;}
.mode-card strong{font:700 23px/1.5 var(--sans);}.mode-card span{font-size:15px;font-weight:400;}.mode-card small{font-size:13px;line-height:1.8;font-weight:400;}
.mode-card:after{content:"このモードを選ぶ →";margin-top:auto;padding:10px 14px;background:#284c5a;border:1px solid #8eb7c3;border-radius:7px;font:700 15px/1.5 var(--sans);color:#eff9fa;}
.mode-card[aria-pressed=true]{border-color:#b4ead9;background:#24473f;box-shadow:0 3px 0 #06121a;}
.mode-card[aria-pressed=true]:after{content:"選択中 ✓";background:#a4ead5;color:#092c30;border-color:#c1f5e5;}
.mode-shared{font-size:13px;}.mode-chooser{border-radius:12px;}
.tutorial-dialog{border-radius:12px;}.tutorial-dialog h2{font-size:29px;}.tutorial-dialog p{font-size:17px;}
.tutorial-skip{font-size:14px;min-height:44px;white-space:normal;}
.tutorial-counter{font-size:13px;}.tutorial-dialog .tutorial-note{font-size:14px;}
.quiz-panel{border-radius:12px;}.quiz-panel h1{font-size:clamp(27px,3vw,34px);}
.quiz-options button{border:2px solid #769eac;border-radius:9px;background:#193643;color:#f2f9f9;font:700 17px/1.6 var(--sans);min-height:60px;}
.quiz-options button:hover{background:#284c5a;border-color:#b8e9df;}
.quiz-options small{font-size:13px;color:#b4ccd5;}.quiz-intro>.muted{font-size:13px;}
.quiz-runners h3{font-size:19px;}.quiz-runners p{font-size:16px;line-height:1.9;}
.chain-study>p,.chain-study .chain-note{font-size:14px;line-height:1.8;}.chain-control label,.chain-readout>span{font-size:15px;}
.chain-range{min-height:44px;}.chain-readout small{font-size:12px;}
@media(max-width:1100px){
 .screening-controls{align-items:stretch;}
 .main-nav>button,.nav-more>summary{padding-left:18px;padding-right:18px;}.nav-more>summary{padding-right:30px;}
 .screening-controls .primary,.screening-controls .secondary{width:100%;}
 .method-card{grid-template-columns:36px minmax(0,1fr);gap:12px 16px;}
 .method-action{grid-column:2;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;}
 .method-choose{max-width:240px;}.method-card .chance{text-align:left;}
}
@media(max-width:700px){
 main{padding:28px 16px 48px;}.site-header{padding:20px 16px;}
 .main-nav{padding:9px 8px;gap:6px;justify-content:stretch;}
 .main-nav>button,.nav-more{flex:1 1 0;min-width:0;}
 .main-nav>button,.nav-more>summary{padding:9px 3px;font-size:12px;min-height:54px;white-space:normal;}
 .main-nav button span,.nav-more>summary>span{font-size:7px;letter-spacing:0;}
 .nav-more>summary{padding-right:13px;}.nav-more>summary:after{right:3px;top:12px;font-size:12px;}
 .screening-intro h1,.bench-top h1,.result-hero h1{font-size:31px;line-height:1.5;}
 h2,.workbench .section-heading h2{font-size:23px;}.screening-intro>p:last-child{font-size:16px;}
 .screening-controls{padding:18px;gap:16px;}.screening-controls label{gap:8px;}
 .primary{font-size:17px;min-height:56px;padding:13px 18px;}
 .secondary,.text-button,.danger-soft,.inline-file{font-size:15px;min-height:46px;padding:11px 15px;}
 .research-journey{gap:8px;margin:24px 0;}.research-journey li{font-size:12px;gap:7px;white-space:normal;line-height:1.5;}
 .research-journey li>span{width:26px;height:26px;font-size:12px;}.research-journey li:not(:last-child):after{display:none;}
 .tray-heading{display:block;}.tray-heading h2{font-size:23px;margin-bottom:7px;}.tray-heading>span{display:block;font-size:13px;}
 .sample-tray{gap:18px;}.sample-ticket h3{font-size:22px;}button.sample-ticket{padding:18px;}
 .sample-open{font-size:16px;padding:12px 14px;}.sample-ticket>p{font-size:14px;}
 .workbench,.result-hero{padding:24px 18px;}.bench-top{margin-bottom:20px;}.bench-top>span{font-size:16px;margin:12px 0 0;}
 .research-observation{grid-template-columns:1fr;gap:8px;}.bench-specimen>svg{height:132px;}.bench-specimen .diagram-note{font-size:12px;max-width:30em;}
 .observation{font-size:16px;margin:10px 0;padding-left:14px;}.observation strong{font-size:21px;}
 .workbench .section-heading{display:block;}.workbench .section-heading .muted{display:block;margin-top:7px;font-size:13px;}
 .method-card{padding:16px;grid-template-columns:30px minmax(0,1fr);gap:12px;min-height:0;}
 .method-index-number{width:28px;height:34px;font-size:14px;grid-row:1;}
 .method-card-copy strong,[data-reading-mode] .method-card-copy strong{font-size:18px;}
 .method-card-copy small,[data-reading-mode] .method-card-copy small{font-size:14px;line-height:1.85;}
 .method-action{grid-column:1/-1;gap:8px;}.method-card .chance,[data-reading-mode] .method-card .chance{font-size:13px;text-align:left;}
 .method-choose{font-size:14px;padding:10px 12px;max-width:65%;}
 .progress li{font-size:12px;}.small-actions{display:grid;grid-template-columns:1fr;gap:12px;}.small-actions button{width:100%;text-align:center;}
 .result-story,.detail-story,[data-reading-mode] .result-story,[data-reading-mode] .detail-story{font-size:16px;line-height:1.95;}
 .facts-grid>div+div{border-left:0;padding-left:0;}.facts-grid ul{font-size:16px;}
 .discovery-heading>span{font-size:12px;}.collection-entry{font-size:14px;}
 .mode-card{padding:18px;}.mode-card strong{font-size:22px;}.mode-card span{font-size:15px;}.mode-card small{font-size:13px;}
 .mode-menu,.sound-toggle{font-size:13px;padding:9px 12px;min-height:44px;}.header-tools{gap:10px;}
 .header-progress{font-size:12px;}.header-progress b{font-size:14px;}.brand-type{font-size:20px;}
 .knowledge-poll h2{font-size:23px;}.knowledge-choices button{font-size:16px;min-height:50px;}
 .knowledge-legend p{font-size:14px;}.knowledge-legend small{font-size:13px;}
 .tutorial-dialog{padding:20px;}.tutorial-dialog h2{font-size:25px;}.tutorial-dialog p{font-size:16px;}.tutorial-dialog .tutorial-note{font-size:14px;}
 .tutorial-counter{font-size:12px;}.tutorial-skip{font-size:13px;padding:9px 12px;}
 .tutorial-actions button{font-size:15px;}.tutorial-illustration{height:120px;}
 .dialog-inner{padding:24px 18px;}.dialog-head h2{font-size:26px;}.close-dialog{flex-shrink:0;}
 .specimen-tabs .text-button,.condition-switch button{font-size:13px;padding:10px 12px;}
 .catalog-card,.catalog-card.locked{padding:14px;}.catalog-card h3{font-size:17px;}.catalog-card p{font-size:13px;}.catalog-card:after{font-size:13px;}
 .quiz-panel{padding:24px 18px;}.quiz-panel h1{font-size:27px;}.quiz-options button{font-size:16px;min-height:58px;}
 .site-footer>button{display:block;font-size:14px;margin:12px 0;width:100%;}
}
@media(prefers-reduced-motion:reduce){:where(button):not(.tip-link):active:not(:disabled),.inline-file:active{transform:none;}}

/* Once specimens arrive, choosing one takes precedence over screening again. */
.alternate-samples{margin:24px 0;}.alternate-samples .screening-controls{margin-top:14px;}
.sample-display svg{height:168px;}
.has-samples .sample-display svg{height:132px;}
.sample-code{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px;}.sample-code>span{margin-top:0;}
#main>.mode-chooser .mode-card:after{content:"このモードで始める →";}
@media(max-width:700px){
 .sample-display{grid-row:1/5;}.sample-display svg{height:144px;}
 .sample-open{grid-column:1/-1;margin-top:12px;}
 .bench-top h1{font-size:28px;}
}

/* Keep the next choice visible; the complete specimen and record remain readable. */
.research-record{margin:20px 0 16px;}
.research-record>summary{width:100%!important;display:list-item;text-align:left;}
.research-record>summary span{font-size:15px;}
.research-record>summary small{display:block;font:400 13px/1.7 var(--sans);color:#b3cbd5;margin-top:3px;}
.research-record .research-observation{border:0;padding:16px 0 0;margin:0;}
.method-instruction{font:400 15px/1.8 var(--sans);margin:20px 0 0;color:#c4d5dd;}
.method-list{margin-top:12px;}
.research-log summary>span{display:block;float:none;margin-top:3px;font:400 12px/1.6 var(--mono);}
.screening-controls .primary{font-size:17px;min-height:56px;padding:13px 18px;}
.resume-specimen .secondary,.collection-tabs .secondary{font-size:15px;min-height:46px;padding:11px 15px;}
.small-actions button{font-size:15px;line-height:1.6;min-height:46px;padding:11px 16px;}
.link-chain button,.link-chain button.locked,.zoom-controls button{background:#1b3542;border:1px solid #82aebd;border-radius:8px;color:#edf7fa;font:700 15px/1.6 var(--sans);min-height:46px;padding:11px 16px;}
@media(max-width:700px){
 .research-record{margin:16px 0 12px;}
 .research-record>summary{padding:10px 14px;}
 .research-record>summary span{font-size:14px;}.research-record>summary small{font-size:12px;}
 .method-instruction{font-size:14px;line-height:1.7;margin-top:16px;}
 .bench-top{margin-bottom:12px;}.workbench>.eyebrow{margin-bottom:8px;}
}

/* Two lightweight onboarding spots: no images, filters, animation loop or library. */
#spotlight-guide{position:fixed;inset:0;z-index:50;pointer-events:none;}
#spotlight-guide[hidden]{display:none;}
.spotlight-shade{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;}
.spotlight-panel{position:absolute;pointer-events:auto;width:min(320px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px 20px;background:#122b38;color:#edf8f7;border:1px solid #b7eadc;border-radius:12px;box-shadow:0 6px 20px #0008;}
.spotlight-panel .spotlight-counter{font:700 12px/1.5 var(--sans);color:#a5e7d4;margin:0 0 7px;letter-spacing:.05em;}
.spotlight-panel h2{font:700 20px/1.5 var(--sans);color:#f1fff9;margin:0 0 8px;}
.spotlight-panel p#spotlight-guide-copy{font:400 14px/1.8 var(--sans);margin:0 0 14px;color:#d0e4e9;}
.spotlight-panel .spotlight-close{min-height:44px;padding:10px 14px;font:700 14px/1.5 var(--sans);background:#214655;border:1px solid #94bdc9;color:#f0f9fa;border-radius:7px;}
.spotlight-target{animation:none!important;transform:none!important;}
@media(max-width:600px){.spotlight-panel{padding:15px 17px;}.spotlight-panel h2{font-size:18px;}.spotlight-panel p#spotlight-guide-copy{font-size:14px;line-height:1.7;}}

/* Keep a visible route back to the publisher, including embedded play. */
.library-return{max-width:1440px;margin:0 auto;padding:4px 40px;border-bottom:1px solid #34444e;}
.library-return a,.site-footer .library-home{display:inline-flex;align-items:center;min-height:44px;color:#b6f4e6;font:700 14px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px;}
.library-return a:hover,.site-footer .library-home:hover{color:#fff;}
.library-return a:focus-visible,.site-footer .library-home:focus-visible{outline:2px solid #a3dbd2;outline-offset:3px;}
@media(max-width:700px){.library-return{padding:4px 16px;}.library-return a,.site-footer .library-home{font-size:13px;}}