/* Phase 4 extends the existing metal/sapphire surfaces; chess boards stay shared. */
.tools-menu{position:relative;display:inline-block;color:var(--muted);font-size:14px}.tools-menu>summary{cursor:pointer;list-style:none;padding:12px 6px}.tools-menu[open]>summary{color:var(--gold)}.tools-menu>div{position:absolute;top:100%;right:0;z-index:600;display:grid;min-width:220px;padding:10px;background:#142133;border:1px solid #46546a;border-radius:8px;box-shadow:0 16px 48px #0009}.tools-menu a{padding:10px!important;display:block;font-size:14px!important}.global-search-link{font-size:25px;padding:8px}.learning-page{max-width:1500px;margin:0 auto 48px}.learning-page button,.study-toolbar button,.study-panel button{min-height:40px;padding:8px 12px;border:1px solid #3b4a61;background:linear-gradient(#22324a,#182638);border-radius:7px;color:#e5ebf4;cursor:pointer;box-shadow:0 2px 3px #0003}.learning-page button:hover,.study-panel button:hover{border-color:var(--gold);background:#2b3b52}.learning-page input,.learning-page select,.learning-page textarea,.study-panel input,.study-panel textarea,.study-panel select{max-width:100%;min-width:0;width:100%;font-size:14px}.learning-page textarea{width:100%;box-sizing:border-box}.learning-page h2{font-size:clamp(24px,4vw,38px)}.learning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:18px}.learning-card{padding:20px;background:#132032;border:1px solid #304058;border-radius:10px;min-width:0;overflow-wrap:anywhere}.learning-card>a{display:block;margin-bottom:10px}.learning-card h3{margin:0 0 12px}.learning-card .secondary{font-size:14px}.study-cover{width:100%;aspect-ratio:2;object-fit:cover;border-radius:7px;margin-bottom:14px}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.tool-actions>*{max-width:100%;min-width:0}.learning-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:14px;margin:18px 0;align-items:end}.tool-field{display:grid;gap:7px;font-size:14px}.archive-filter-panel{padding:18px;border:1px solid #334158;border-radius:8px;margin:16px 0}.archive-results{display:grid;gap:14px}.study-toolbar{max-width:1500px;margin:0 auto 18px;padding:18px 22px;background:#132032;border:1px solid #3e4c62;border-radius:10px}.study-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.study-heading strong{font-size:21px}.study-heading a{color:var(--gold)}.study-panel{border-bottom:1px solid #455267;margin-bottom:20px;padding-bottom:20px}.study-panel details{margin:14px 0}.study-panel summary{font-size:15px;cursor:pointer;color:#d7c398;margin:10px 0}.chapter-select{display:flex;gap:8px}.chapter-select select{flex:1}.chapter-select button{flex:0 0 42px}.tree-topline{display:flex;align-items:center;gap:8px;margin-top:16px}.tree-topline strong{flex:1}.move-tree{max-height:260px;overflow:auto;line-height:2.5;padding:10px 0;overscroll-behavior:contain;overflow-wrap:anywhere}.study-panel .tree-move{display:inline-flex;padding:3px 7px;margin:3px;min-height:34px;border:1px solid transparent;box-shadow:none;background:#1c2a40;border-radius:5px;font-size:14px}.study-panel .tree-move.selected{background:#d8b879;color:#101924;border-color:#f5deac}.study-panel .tree-move.variation:before{content:'( ';color:#94a7c2}.tree-end{color:#91a2ba}.study-panel label{font-size:14px}.annotation-controls{display:grid;grid-template-columns:60px 1fr;gap:7px;margin:10px 0}.study-panel [aria-pressed=true]{background:#8e6b36;border-color:#e7c17d}.study-annotations{position:absolute;inset:0;width:100%;height:100%;z-index:90;pointer-events:none;overflow:visible}#board.annotating{cursor:crosshair;touch-action:none}.study-member{display:flex;gap:8px;align-items:center;justify-content:space-between;margin:10px 0}.tablebase-panel{background:#142f33;padding:14px;margin:16px 0;border:1px solid #4b827d;border-radius:8px}.tablebase-panel button,.explorer-move{display:block;width:100%;text-align:left;margin:7px 0}.tablebase-panel small{display:block;margin-top:10px}.add-engine-line{margin-bottom:8px}.board-editor-layout{display:grid;grid-template-columns:minmax(280px,760px) minmax(240px,340px);gap:24px;align-items:start;justify-content:center}.position-editor-board{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));width:100%;aspect-ratio:1;border:4px solid #ac8a54;box-sizing:border-box;margin:0!important}.position-editor-board .preview-cell{border:0;border-radius:0;padding:0;position:relative;min-height:0;aspect-ratio:1;box-shadow:none;background:#dbc69d}.position-editor-board .preview-cell.dark{background:#92704f}.position-editor-board img{position:absolute;width:96%;height:96%;object-fit:contain;inset:2%;pointer-events:none}.editor-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;margin:14px 0}.editor-palette button{padding:2px;min-height:44px}.editor-palette img{width:100%;max-height:42px;object-fit:contain}.editor-palette .selected{border-color:var(--gold);background:#605238}.profile-studies{margin-top:30px}#studyConflict{padding:12px;border:1px solid #c79955;background:#483720;border-radius:8px}#studySaveState{margin:6px 0}body[data-page=analysis] .study-panel .tool-actions button{flex:1;font-size:13px}body[data-page=analysis] #analysisControls{min-width:0}.learning-page>.secondary{display:inline-block;margin:8px}.study-toolbar[hidden],.learning-page[hidden]{display:none!important}
@media(max-width:800px){.board-editor-layout{grid-template-columns:1fr}.board-editor-layout>section{padding:14px}.study-toolbar{padding:14px;margin:8px 0}.study-heading{gap:8px}.study-heading strong{font-size:18px}.study-toolbar button{flex:1;font-size:14px}.study-panel .move-tree{max-height:220px}.learning-card{padding:15px}.global-search-link{font-size:22px;padding:3px}.tools-menu>div{position:fixed;left:16px;right:16px;top:70px;max-height:70vh;overflow:auto}.learning-page{width:100%;min-width:0}.tool-actions button{min-height:44px}.learning-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-filters input,.learning-filters select{width:100%;box-sizing:border-box}.learning-page h2{font-size:25px}}
@media(max-width:420px){.learning-filters{grid-template-columns:1fr}.study-heading .subtle{width:100%}.study-toolbar .tool-actions{gap:6px}.study-toolbar .tool-actions button{flex:1 1 40%}.learning-page .tool-actions button{flex:1 1 40%}.editor-palette{grid-template-columns:repeat(6,minmax(0,1fr))}}

/* Keep the shared board visible beside a bounded, independently scrollable tool panel. */
@media(min-width:801px){body[data-page=analysis] #analysisControls{max-height:calc(100svh - 140px);overflow-y:auto;overscroll-behavior:contain;padding-right:10px;scrollbar-gutter:stable}body[data-page=analysis] .workspace{align-items:start}body[data-page=analysis] .workspace .board-column{align-self:start;grid-row:1}body[data-page=analysis] .workspace .right-panel{grid-row:1}body[data-page=analysis] .right-panel>.notation{display:none}}
.editor-promoted{position:absolute;right:4px;bottom:0;font-size:24px;font-weight:bold;color:#ffe075;text-shadow:0 1px 2px #000;z-index:2}
#editorPromoted{width:auto}.study-panel [translate=no]{unicode-bidi:plaintext}

.study-toolbar .tool-actions .primary{width:auto;min-width:150px;flex:0 1 auto}.study-toolbar .tool-actions{margin:10px 0}.study-toolbar #studySaveState:empty{display:none}

.annotation-controls{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-page=analysis] .right-panel>.notation{display:none}
@media(max-width:800px){body[data-page=analysis] .analysis-navigation button{display:none}body[data-page=analysis] .analysis-navigation{justify-content:center;font-size:14px}body[data-page=analysis] .board-column>.history-controls{margin:10px 0 0}body[data-page=analysis] .board-column>.history-controls button{min-height:52px}}