/* Games owns its layout and mobile tabs; all other news sections stay unchanged. */
.news-public .news-games-layout{grid-template-columns:minmax(0,35fr) minmax(0,40fr) minmax(0,25fr);gap:22px}
.news-games-layout>[hidden],.news-moment [hidden]{display:none!important}
.news-games-layout>*{min-width:0}
.news-games-layout .news-game{padding:13px 0}
.news-games-layout .news-game h2{font-size:17px}
.news-game.is-selected{border-left:3px solid var(--brand-dark);padding-left:10px}
.news-game-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:9px}
.news-game-actions a{display:inline-flex;align-items:center;min-height:32px;font-size:12px;color:var(--brand-dark);text-decoration:underline;text-underline-offset:3px}
.news-moment button:not(.board-square),.news-moment a#moment-analyze,.moment-promotion button{min-height:40px;padding:7px 11px;border:1px solid var(--line-hi);border-radius:5px;background:var(--paper-strong);color:var(--ink);font:600 12px/1.3 var(--sans);cursor:pointer;text-decoration:none}
.moment-mode button[aria-pressed=true]{background:var(--brand-dark);color:var(--sheet);border-color:var(--brand-dark)}
.news-moment button:disabled{opacity:.45;cursor:default}
.news-moment button:focus-visible,.news-games-layout button:focus-visible,.moment-promotion button:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}
.news-moment{position:sticky;top:12px}
.news-moment-card{border:1px solid var(--line-hi);border-radius:6px;padding:14px;background:var(--sheet)}
.news-moment-card h3{font-size:18px;line-height:1.35;margin:0 0 5px;color:var(--brand-dark);overflow-wrap:anywhere}
.news-moment-card p{font-size:12px;line-height:1.5}
#moment-status{margin:10px 0;color:var(--ink-soft)}
.moment-mode,.moment-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:10px 0}
.moment-mode button{flex:1}
#moment-turn{font-weight:700;text-align:center;margin:12px 0 8px}
#moment-board{border-width:4px;max-width:100%;box-shadow:none}
#moment-board .board-square{cursor:pointer;transform:none;box-shadow:none}
#moment-board .board-square.last{box-shadow:inset 0 0 0 4px rgba(248,218,91,.55)}
#moment-board .board-square.selected,#moment-board .moment-hint{box-shadow:inset 0 0 0 4px #f5ce4f}
#moment-board .chess-piece{width:92%;height:92%}
#moment-board .coord{position:absolute;font-size:10px;font-weight:700;z-index:2;line-height:1}
#moment-board .coord.file{right:3px;bottom:2px}#moment-board .coord.rank{left:2px;top:2px}
#moment-board .light .coord{color:var(--board-dark)}#moment-board .dark .coord{color:var(--board-light)}
.moment-tools button img{vertical-align:middle;margin-right:4px}
.moment-moves{position:relative;display:flex;align-items:center;flex-wrap:nowrap;min-width:0;height:44px;gap:2px;overflow-x:auto;overflow-y:hidden;padding:0;scrollbar-width:thin;scrollbar-color:var(--brand-dark) var(--paper-strong)}
.news-moment .moment-moves button{flex:0 0 auto;white-space:nowrap;padding:5px 7px;min-height:34px;font-size:12px;background:transparent;border:0;color:#655244}
.news-moment .moment-moves button[aria-current=step]{background:#f8d0b7;color:#55321c}
#moment-solution{border:1px solid var(--line-hi);border-radius:6px;background:var(--paper);padding:10px;margin-top:12px}
.moment-solution-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
#moment-solution h4{font-size:13px;line-height:1.3;margin:0;color:var(--ink)}
#moment-solution .moment-solution-heading p{margin:3px 0 0;color:var(--muted);font-size:10px}
.news-moment .moment-solution-heading button{display:flex;align-items:center;gap:4px;flex:none;min-height:36px;padding:5px 7px;font-size:11px;background:var(--sheet)}
.moment-solution-heading button img{width:22px;height:22px;object-fit:contain}
.moment-solution-moves{display:flex;flex-wrap:wrap;gap:5px}
.news-moment .moment-solution-moves button{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:6px 8px;background:var(--sheet);font-size:12px}
.moment-move-number{font-size:10px;color:var(--muted);font-weight:500}
.news-moment .moment-solution-moves button[aria-current=step]{border-color:var(--brand-dark);background:var(--brand-dark);color:var(--sheet)}
.moment-solution-moves button[aria-current=step] .moment-move-number{color:inherit;opacity:.8}
.news-public .news-games-tabs{display:none}
.news-games-tabs button{font-family:inherit;letter-spacing:inherit;background:transparent;min-height:0;box-shadow:none;transform:none;cursor:pointer}
.news-games-tabs button:focus-visible{outline:3px solid var(--brand-dark);outline-offset:3px}
.moment-promotion{max-width:90vw;border:1px solid var(--line-hi);border-radius:8px;background:var(--paper);color:var(--ink);padding:18px}.moment-promotion::backdrop{background:#0006}.moment-promotion button{margin:4px}
@media(max-width:1000px){
.news-public .news-games-layout{grid-template-columns:minmax(0,1fr);gap:18px}
.news-games-page .news-games-tabs{display:flex}
.news-moment{position:static;width:100%;max-width:540px;justify-self:center}
.news-games-layout>.news-tournament-column{display:block;max-width:540px;width:100%;justify-self:center;padding:14px;margin:0}
.news-games-layout .news-tournament-column>.news-contact-blocks{display:block}
.news-games-layout .news-tournament-column>.news-sponsored+.news-sponsored{border-left:0;padding-left:0;margin-top:16px}
.news-games-layout .news-tournament-column>.news-sponsored{margin-top:16px}
.news-games-layout .news-contact-card .news-mobile-sponsor-prompt{display:none}
}
@media(max-width:390px){.news-moment-card{padding:10px}.news-moment button:not(.board-square),.news-moment a#moment-analyze{padding:7px 9px}}

/* One compact row, with each existing tool icon above its label. */
.news-moment .moment-actions{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.moment-actions #moment-challenge-controls{display:contents}
.news-moment .moment-actions button,.news-moment .moment-actions a#moment-analyze{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:58px;padding:5px 2px;font-size:11px;line-height:1.2}
.news-moment .moment-actions img{display:block;width:28px;height:28px;object-fit:contain;margin:0}

/* Puzzle-style feedback overlays leave the squares usable and never shift the layout. */
.moment-board-wrap{position:relative}
#moment-feedback{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;display:block;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;border:1px solid #d78a76;border-radius:999px;background:#fff5ed;color:#a43f38;box-shadow:0 4px #bc6e5b,0 8px 20px #54332933;font:800 15px/1.4 var(--sans);text-align:center;pointer-events:none;overflow-wrap:anywhere}
#moment-feedback[data-kind=correct]{border-color:#8eb59c;background:#f0fbf3;color:#286346;box-shadow:0 4px #719a7f,0 8px 20px #284d3533}
#moment-feedback[data-kind=answer]{border-color:#ceb786;background:#fff7df;color:#654c27;box-shadow:0 4px #b59b6a,0 8px 20px #54332926}
@media(max-width:360px){.moment-solution-heading{gap:5px}.moment-solution-heading button img{width:18px;height:18px}#moment-solution h4{font-size:12px}#moment-feedback{padding:10px 12px;font-size:14px}}

/* Use the Coach's shared circular step and double-arrow controls. */
#moment-replay-controls{display:grid;grid-template-columns:50px 50px minmax(0,1fr) 50px 50px;align-items:center;gap:4px;width:100%;margin:10px auto}
#moment-replay-controls :is(.coach-analysis-step,.coach-analysis-jump){position:relative;width:50px;height:50px;min-height:50px;padding:0;border:0;border-radius:50%;background:transparent;box-shadow:none}
#moment-replay-controls button:focus-visible{outline:3px solid var(--brand-dark);outline-offset:1px}

.moment-moves::-webkit-scrollbar{height:5px}
.moment-moves::-webkit-scrollbar-track{background:var(--paper-strong)}
.moment-moves::-webkit-scrollbar-thumb{background:var(--brand-dark);border-radius:5px}
@media(max-width:390px){#moment-replay-controls{gap:2px}}
