.hub-ready.home-mode > .trainer > .topbar { display:none; }
.hub-ready #homeView > .home-header,.hub-ready #homePackSummary,.hub-ready #homeView > #drillTable { display:none!important; }
.hub-ready #homeView { padding:0; gap:0; }
.hub-nav { display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--line);gap:16px;flex-wrap:wrap; }
.hub-brand { font-size:18px;font-weight:700;letter-spacing:-.4px; }
.hub-nav nav,.hub-actions,.hub-tabs { display:flex;gap:7px;align-items:center;flex-wrap:wrap; }
.hub-nav button[aria-current=page],.hub-tabs button[aria-pressed=true] { background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent); }
#trainerHub { padding:28px;max-width:1600px;width:100%;margin:0 auto;min-width:0; }
#trainerHub h2,#trainerHub h3,#trainerHub p { margin:0; }
#trainerHub h2 { font-size:25px;letter-spacing:-.6px; }
#trainerHub h3 { font-size:17px; }
#trainerHub small { color:var(--muted);font-size:12px; }
.hub-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px; }
.hub-heading p { color:var(--muted);font-size:13px;margin-top:7px!important; }
.hub-overview { display:grid;grid-template-columns:1fr 1.3fr;gap:20px;margin-bottom:32px; }
.hub-panel { border:1px solid var(--line);border-radius:12px;background:var(--bg-2);padding:22px;min-width:0; }
.hub-metrics { display:flex;gap:35px;margin:22px 0;flex-wrap:wrap; }
.hub-metrics strong { display:block;font-size:38px;line-height:1.25;letter-spacing:-1px; }
.hub-metrics span { color:var(--muted);font-size:12px; }
.hub-routine h3 { margin:15px 0 8px!important; }
.hub-routine .hub-actions { margin-top:22px; }
.hub-toolbar { display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px;align-items:center; }
.hub-toolbar input { flex:1;min-width:180px; }
.hub-toolbar select { width:auto;max-width:100%; }
.hub-list { border-top:1px solid var(--line); }
.hub-row { display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--line);min-width:0; }
.hub-row-info { flex:1;min-width:0;overflow-wrap:anywhere; }
.hub-row-info strong { display:block; }
.hub-row-info small { display:block;margin-top:6px; }
.hub-badge { font-size:10px;letter-spacing:.5px;color:var(--accent);background:var(--accent-softer);padding:8px 6px;border-radius:5px;flex-shrink:0; }
.hub-row details { position:relative; }
.hub-row summary { cursor:pointer;color:var(--muted);padding:8px; }
.hub-row details[open] { flex-basis:100%; }
.hub-row details[open] .hub-more { display:flex;gap:7px;flex-wrap:wrap;margin:8px 0; }
.hub-row:has(details[open]) { flex-wrap:wrap; }
.hub-pager { display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px; }
.hub-browser { display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start; }
.smart-spot-method { display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0; }
.smart-spot-method .button { display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:16px;text-align:left;white-space:normal; }
.smart-spot-method small { font-weight:400;color:var(--muted); }
.smart-spot-method [aria-pressed=true],.drill-steps [aria-current=step] { border-color:var(--accent);background:var(--accent-soft); }
.smart-all-sizes { border-color:var(--accent-line)!important; }
.drill-steps { display:flex;gap:8px;flex-wrap:wrap;padding:12px 0;border-bottom:1px solid var(--line);margin-bottom:12px; }
#webDrillBuilder [hidden],.smart-line-native [hidden],#webDrillBuilder footer [hidden],.hub-basket[hidden] { display:none!important; }
#webDrillBuilder [data-builder-step] { min-width:0; }
#webDrillBuilder footer { position:sticky;bottom:-18px;background:#111416;padding:16px 0;margin:0;z-index:2; }
#webDrillBuilder [data-builder-back] { margin-right:auto; }
#nodePickerDialog { width:min(860px,calc(100vw - 32px)); }
.node-picker-path label { display:block;font-family:inherit;word-break:normal;margin:8px 0; }
.node-picker-path .input { width:100%; }
.node-picker-trail { display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:16px 0; }
.node-picker-path [data-picker-board] { font-size:18px;margin:12px 0;color:var(--text); }
.hub-pick-from-sim { display:flex;width:100%;align-items:flex-start;flex-direction:column;gap:6px;margin:0 0 20px;padding:18px; }
.hub-pick-from-sim span { font-size:12px;color:#aaa; }
#packDialog [hidden] { display:none!important; }
#packDialog.guided-drill { width:min(860px,calc(100vw - 32px)); }
.guided-drill[data-drill-step="0"] [data-native-step]:not([data-native-step="0"]),
.guided-drill[data-drill-step="1"] [data-native-step]:not([data-native-step="1"]),
.guided-drill[data-drill-step="2"] [data-native-step]:not([data-native-step="2"]) { display:none!important; }
.native-practice-fields { display:flex;gap:14px;flex-wrap:wrap; }.native-practice-fields label { flex:1;min-width:140px; }
@media(max-width:600px) { .smart-spot-method { grid-template-columns:1fr; }.drill-steps .button { font-size:12px;padding:8px; } }
.dialog.hub-spot-dialog { width:900px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border-radius:18px;background:#141414;color:#eee; }
.hub-spot-dialog[open] { display:flex;flex-direction:column; }
.hub-spot-dialog [hidden] { display:none!important; }
.hub-spot-dialog .button,.hub-spot-dialog legend { font-family:inherit; }
.hub-spot-dialog header { flex-shrink:0;padding:25px 28px 15px;margin:0; }
.hub-spot-dialog header h2 { font-size:23px; }
.hub-spot-dialog header .button { border:0;background:transparent;color:#aaa;font-size:26px; }
.hub-spot-dialog .hub-spot-body { overflow:auto;min-height:0;padding:12px 24px 24px;min-width:0; }
.hub-spot-dialog footer { margin:0;padding:17px 24px;background:#1d1d1d;flex-shrink:0;align-items:center; }
.hub-spot-dialog footer [data-back] { margin-right:auto; }
.hub-spot-dialog footer .primary { background:#4d75f5;border-color:#4d75f5;color:white;min-width:130px;padding:12px 22px; }
.hub-spot-dialog label,.hub-spot-dialog legend,.hub-spot-dialog h3 { font-size:13px;color:#aaa; }
.hub-spot-dialog .input { margin-top:8px;background:#171717;border-color:#303030;color:#eee;width:100%; }
.hub-spot-profile { display:block;margin-bottom:20px; }
.hub-spot-filters { display:flex;gap:18px;flex-wrap:wrap;margin-bottom:20px; }
.hub-spot-filters fieldset { min-width:0;border:0;padding:0;margin:0; }
.hub-spot-filters legend { text-transform:uppercase;letter-spacing:.7px;margin-bottom:8px; }
.hub-spot-segments { display:flex;flex-wrap:wrap;background:#242424;border-radius:10px;padding:4px;gap:3px; }
.hub-spot-segments .button { background:transparent;border:0;color:#aaa;padding:10px 13px;font-size:14px; }
.hub-spot-segments .button[aria-pressed=true] { background:#444;color:#fff; }
.hub-spot-search { display:block;text-transform:uppercase;letter-spacing:.7px; }
.hub-spot-search .input { padding:14px;text-transform:none;letter-spacing:normal; }
.hub-spot-list { margin-top:18px; }
.hub-spot-list h3,.hub-spot-context h3 { text-transform:uppercase;letter-spacing:.6px;margin:20px 10px 7px;font-weight:600; }
.hub-spot-option { width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#ddd;border:0;border-radius:8px;padding:12px 13px;font:inherit;cursor:pointer;min-width:0; }
.hub-spot-option>span { width:16px;flex-shrink:0; }
.hub-spot-option strong { font-size:17px;font-weight:500; }
.hub-spot-option small { color:#888;margin-left:auto;text-align:right;font-size:12px; }
.hub-spot-option:hover { background:#222; }
.hub-spot-option[aria-pressed=true] { background:#393939;color:#fff; }
.hub-spot-option[aria-pressed=true] small { color:#bbb; }
.hub-spot-status { color:#999;font-size:12px;line-height:1.5;margin:20px 4px 0; }
.hub-spot-trail { display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:24px; }
.hub-spot-trail:empty { display:none; }
.hub-spot-trail .button { border:0;background:none;color:#aaa;padding:6px;white-space:normal;text-align:left; }
.hub-spot-context { margin-bottom:20px; }
.hub-spot-context>label { display:block;margin:12px 40px;max-width:190px; }
.hub-board-slots { display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:16px 0 25px; }
.hub-board-slot { width:58px;height:78px;border:1px solid #333;border-radius:8px;background:#222;color:#eee;font-size:20px;cursor:pointer; }
.hub-board-slot[aria-pressed=true] { border-color:#7796ff;box-shadow:0 0 0 1px #7796ff; }
.hub-card-picker>div { display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;margin:5px 0; }
.hub-pick-card { min-width:0;height:64px;border:0;border-radius:5px;color:white;font-size:27px;font-weight:700;cursor:pointer; }
.hub-pick-card small { display:block;font-size:12px; }
.hub-pick-card.suit-s { background:#50515c; }.hub-pick-card.suit-h { background:#b74040; }.hub-pick-card.suit-d { background:#3f71b6; }.hub-pick-card.suit-c { background:#25824e; }
.hub-pick-card:disabled { opacity:.19;cursor:default; }
.hub-saved-boards { color:#aaa;margin-top:24px; }.hub-saved-boards>div { display:flex;flex-wrap:wrap;gap:6px;margin-top:12px; }
@media(max-width:600px) {
  .dialog.hub-spot-dialog { max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px); }
  .hub-spot-dialog header { padding:18px 16px 10px; }.hub-spot-dialog .hub-spot-body { padding:10px 12px 18px; }
  .hub-spot-dialog footer { padding:12px; }.hub-spot-dialog header h2 { font-size:20px; }
  .hub-spot-segments .button { padding:9px;font-size:12px; }.hub-spot-option { flex-wrap:wrap;gap:7px; }
  .hub-spot-option small { flex-basis:100%;text-align:left;margin-left:23px; }
  .hub-pick-card { height:44px;font-size:17px;padding:0; }.hub-pick-card small { font-size:10px; }.hub-card-picker>div { gap:3px; }
  .hub-board-slot { width:43px;height:61px;font-size:16px; }
}
.hub-rail { background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0; }
.hub-rail .input { margin:8px 0; }
.hub-rail details { margin:10px 0 16px; }
.hub-facets { display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0; }
.hub-facets label { font-size:11px;color:var(--muted);min-width:0; }
.hub-source { display:flex;gap:8px;align-items:center;margin-top:5px; }
.hub-source input { flex-shrink:0; }
.hub-source button { flex:1;text-align:left;background:transparent;border:1px solid transparent;border-radius:7px;padding:12px 9px;color:var(--text);min-width:0;font:inherit; }
.hub-source strong,.hub-source small { display:block;overflow-wrap:anywhere; }
.hub-source small { margin-top:5px; }
.hub-source button[aria-pressed=true] { background:var(--accent-softer);border-color:var(--accent-line); }
.hub-basket { margin-top:20px;padding-top:16px;border-top:1px solid var(--line); }
.hub-basket .button { margin-top:8px;width:100%; }
.hub-study { min-width:0; }
.hub-study [data-matrix] { display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.42fr);gap:18px;align-items:start; }
.hub-study [data-mix] { padding-top:18px; }
.hub-routine-days { display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:22px 0; }
.hub-day { padding:18px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px; }
.hub-day.current { border-color:var(--accent); }
.hub-day ol { padding:0;list-style:none;display:grid;gap:8px; }
.hub-day li { background:var(--panel-2);padding:12px;border-radius:7px; }
.hub-day li strong,.hub-day li small { display:block; }
.hub-day li small { margin-top:6px; }
.hub-day .hub-actions { margin-top:16px; }
.feedback-target { color:var(--text);font-size:12px;line-height:1.5;text-align:center;margin-top:10px; }
@media(max-width:1100px) { .hub-study [data-matrix] { grid-template-columns:1fr;gap:0; } }
.hub-study .hub-heading { margin-bottom:16px; }
.hub-study-controls { display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:16px 0; }
.hub-study-controls select { flex:1;min-width:150px; }
.hub-node { display:flex;gap:6px;flex-wrap:wrap;margin:12px 0; }
.hub-node-path { overflow-wrap:anywhere;font:12px var(--mono);color:var(--muted);margin:10px 0!important; }
.hub-board { display:flex;gap:6px;margin:15px 0; }
.hub-board span { border-radius:5px;background:var(--panel-3);font-weight:700;padding:8px 10px; }
.hub-matrix { display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:3px;margin:18px 0; }
.hub-matrix button { aspect-ratio:1.13;min-width:0;padding:0;border:0;border-radius:3px;font:600 clamp(11px,1vw,14px) var(--mono);color:white;text-shadow:0 1px 2px #000;background:var(--panel-2); }
.hub-matrix button[aria-pressed=true] { outline:2px solid var(--accent);outline-offset:1px; }
.hub-matrix button:disabled { color:var(--muted-2);text-shadow:none; }
.hub-mix { display:flex;justify-content:space-between;align-items:center;position:relative;isolation:isolate;overflow:hidden;background:var(--panel-2);border-radius:6px;padding:12px;margin-top:7px;gap:12px; }
.hub-mix:before { content:'';position:absolute;inset:0 auto 0 0;background:var(--action-color);width:var(--frequency);opacity:.5;z-index:-1; }
.hub-combos { display:flex;gap:7px;flex-wrap:wrap;margin:14px 0; }
.hub-empty { color:var(--muted);padding:30px 0; }
.hub-error { color:var(--bad);padding:12px 0; }
.hub-manager #simLibrary { margin:0 0 22px; }
.hub-manager #libraryPublish { margin:0 0 22px; }
.hub-manager-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.hub-manager-grid .library-tree { max-height:500px;overflow:auto; }
.hub-ready #webDrillDrafts { display:none; }
.hub-ready[data-hub-page=train] #webDrillDrafts:not([hidden]) { display:block;margin:24px 28px; }
@media(max-width:1000px) { .hub-browser { grid-template-columns:260px minmax(0,1fr);gap:14px; } #trainerHub { padding:20px; } }
@media(max-width:720px) { .hub-overview,.hub-browser,.hub-manager-grid { grid-template-columns:1fr; } .hub-nav { padding:15px; } #trainerHub { padding:18px 12px; } .hub-panel { padding:17px; } .hub-row { flex-wrap:wrap; } .hub-row-info { min-width:150px; } .hub-row>.hub-actions { margin-left:auto; } .hub-facets { grid-template-columns:repeat(2,minmax(0,1fr)); } .hub-matrix { gap:2px; } .hub-metrics strong { font-size:32px; } }
@media(max-width:420px) { .hub-nav { gap:12px; } .hub-nav nav { width:100%; } .hub-nav nav button { flex:1; } .hub-matrix { gap:1px; } .hub-matrix button { font-size:10px; } .hub-study { padding:12px; } .hub-toolbar input { min-width:130px; } }
@media(pointer:coarse) { .hub-nav button,.hub-actions button,.hub-toolbar button,.hub-source button,.hub-study-controls button { min-height:44px; } #trainerHub input,#trainerHub select { font-size:16px; } }
.session-complete-dialog { width:min(880px,calc(100vw - 28px));max-width:880px; }
.session-complete-dialog>.dialog-body { display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:30px; }
.session-complete-dialog header,.session-complete-dialog footer,.sc-summary-metrics { grid-column:1/-1; }
.session-complete-dialog header h2 { font-size:30px; }
#scSubtitle { margin:7px 0 0;font-size:13px; }
.sc-summary-metrics { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--panel-2);border-radius:10px;padding:20px;gap:18px;text-align:center; }
.sc-summary-metrics strong { display:block;font-size:27px; }
.sc-summary-metrics span { display:block;margin-top:5px;font-size:12px;color:var(--muted); }
.session-complete-dialog .sc-bars { align-self:center; }
.session-complete-dialog .sc-ev { display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;background:var(--panel-2);padding:18px;border-radius:10px;margin:0; }
.session-complete-dialog .sc-ev>div { display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap; }
.session-complete-dialog .sc-ev label,.session-complete-dialog .sc-ev small { color:var(--muted);font-size:12px; }
.session-complete-dialog .sc-ev span { font-size:13px; }
.session-complete-dialog .sc-highlights { margin:0;flex-direction:column; }
.session-complete-dialog footer { flex-wrap:wrap; }
@media(max-width:600px) { .session-complete-dialog>.dialog-body { display:flex;flex-direction:column;padding:18px;gap:18px; } .sc-summary-metrics { gap:8px;padding:14px 8px; } .sc-summary-metrics strong { font-size:22px; } .sc-summary-metrics span { font-size:11px; } .session-complete-dialog header h2 { font-size:24px; } }

.hub-ready #homeView > #libraryPublish { margin:12px 28px 0; }

.solution-picker { display:grid;gap:12px;min-width:0; }
.solution-picker label { display:grid;gap:6px;font-size:13px;min-width:0; }
.solution-picker .input { width:100%;min-width:0;box-sizing:border-box; }
.solution-picker-tools { display:flex;gap:8px;flex-wrap:wrap; }
.solution-picker-results { display:grid;gap:8px;max-height:430px;overflow:auto; }
.solution-picker-row { display:flex;align-items:center;gap:10px;padding:12px;background:#191d20;border:1px solid #ffffff12;border-radius:10px; }
.solution-picker-row:has(input:checked) { border-color:var(--gold,#d9ac4f);background:#28251c; }
.solution-picker-row label { display:flex;align-items:center;gap:10px;flex:1;cursor:pointer; }
.solution-picker-row input { flex:0 0 18px;width:18px;height:18px;accent-color:#d9ac4f; }
.solution-picker-row span { display:grid;gap:4px;min-width:0; }
.solution-picker-row small { color:var(--muted);overflow-wrap:anywhere; }
.solution-selection p { display:flex;align-items:center;justify-content:space-between;gap:8px; }
.smart-context { padding:12px;border:1px solid #ffffff25;border-radius:10px;margin:12px 0; }
.smart-context h4 { margin:0; }
.node-picker-sizes { flex-basis:100%; min-width:0; padding:16px; border:1px solid var(--line); border-radius:10px; }
.node-picker-sizes .smart-chips { margin:12px 0; }
.node-picker-sizes .button { white-space:normal; }
.node-picker-path { font-family:inherit; word-break:normal; }
.node-picker-path code { overflow-wrap:anywhere; }
#nodePickerDialog footer { position:sticky; bottom:-20px; background:var(--bg-2); padding:12px 0; z-index:2; flex-wrap:wrap; }
.smart-context .smart-chips { margin-bottom:8px; }
.quick-spots { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0; }
.quick-spot { display:grid;gap:8px;text-align:left;white-space:normal;padding:18px; }
.quick-spot strong { font-size:22px;color:var(--gold); }
.quick-spot span { font-size:13px;color:var(--muted); }
.web-drill-builder [data-sim-selection] { padding:16px 0;border-bottom:1px solid #ffffff15; }
.web-drill-builder [data-selection-title] { font-weight:600;cursor:pointer;margin-bottom:16px; }
@media(max-width:700px){.quick-spots{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-spot{padding:12px}}
/* Main navigation stays predictable and touch-friendly on narrow screens. */
.hub-rail > .hub-tabs { margin-bottom:20px; }
.hub-order-note { margin:0 0 18px!important;font-size:13px;line-height:1.5; }
.hub-arrange { display:flex;gap:8px;flex-wrap:wrap; }
.hub-manager-grid .library-column { min-width:0; }
.hub-manager-grid .library-tree { overflow-x:auto; }
@media(max-width:720px){
  .hub-nav nav { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px; }
  .hub-nav nav .button { min-width:0;min-height:44px;padding:10px 8px; }
  .hub-toolbar > .input { flex:1 1 140px;min-width:0;max-width:100%; }
  .hub-toolbar > .hub-tabs { flex-basis:100%;margin-bottom:4px; }
  .hub-tabs .button,.hub-arrange .button { min-height:44px; }
  .hub-pager { flex-wrap:wrap; }
  .hub-arrange { flex-basis:100%;justify-content:flex-end; }
}
.hub-drag-handle { touch-action:none;cursor:grab;min-width:44px;min-height:44px;font-size:24px;padding:4px;flex-shrink:0; }
.hub-row.is-dragging { opacity:.55; }
.hub-row.drop-before { box-shadow:0 -3px var(--accent); }
.hub-row.drop-after { box-shadow:0 3px var(--accent); }
.hub-folder-tools { margin-top:22px; }
.hub-folder-tools>summary { cursor:pointer;padding:12px 0; }
.routine-dialog .dialog-body { grid-template-columns:minmax(0,1fr);min-width:0; }
.routine-dialog .dialog-body>*,.routine-dialog header>div { min-width:0; }
.routine-dialog header { gap:12px;align-items:flex-start; }
.routine-dialog header p { white-space:normal;overflow-wrap:anywhere; }
@media(max-width:720px){
  .dialog.routine-dialog { width:calc(100vw - 24px);max-width:calc(100vw - 24px); }
  .routine-dialog .inline-title,.routine-dialog .drill-source-toolbar { flex-wrap:wrap;gap:10px; }
  .routine-dialog .inline-title>h3 { flex-basis:100%; }
  .routine-dialog .drill-source-toolbar { width:100%;min-width:0; }
  .routine-dialog .drill-source-search { width:100%;min-width:0; }
  .routine-dialog .routine-entry { grid-template-columns:minmax(0,1fr); }
  .routine-dialog .re-actions { grid-column:1; }
  .routine-dialog .re-config { display:grid;grid-template-columns:minmax(0,1fr);width:100%; }
  .routine-dialog .re-config label { min-width:0;flex-wrap:wrap; }
  .routine-dialog .re-config .input { min-width:0;max-width:100%;flex:1;width:100px; }
  .routine-dialog .mini-button,.routine-dialog .input,.routine-dialog .icon-button { min-height:40px; }
  .routine-dialog .input { font-size:16px; }
  .routine-dialog footer { position:sticky;bottom:-18px;background:var(--bg-2);padding:12px 0;z-index:2; }
}

/* One centered navigation header, with a compact second row on small screens. */
.hub-nav { display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); }
.hub-nav > .hub-brand { justify-self:start; }
.hub-nav > nav { justify-content:center; }
@media(max-width:1100px) {
  .hub-nav { grid-template-columns:1fr;justify-items:center; }
  .hub-nav > .hub-brand { justify-self:center; }
}

.smart-choice-row { display:flex; flex-wrap:wrap; gap:8px; }
.smart-choice-row .button { white-space:normal; }
.smart-line-list { display:grid; gap:4px; max-height:290px; overflow-y:auto; margin:12px 0; }
.smart-line-list .button { display:flex; justify-content:space-between; text-align:left; padding:12px 16px; }
.smart-line-list .button[hidden] { display:none; }
.smart-line-list small { color:var(--muted); text-transform:capitalize; }
.smart-choice-row [aria-pressed=true],.smart-line-list [aria-pressed=true] { border-color:var(--accent); background:var(--accent-softer); }
.drill-scope { padding:14px; border:1px solid var(--line); border-radius:10px; margin:14px 0; }
.drill-scope .button { margin:6px 6px 0 0; white-space:normal; }
.board-picker { margin:18px 0; }
.board-picker-list { display:grid; gap:6px; max-height:280px; overflow:auto; }
.board-picker-list label { display:flex!important; flex-direction:row!important; gap:10px; align-items:center; padding:8px; }
.board-picker-list input { width:18px; height:18px; flex-shrink:0; }
.board-picker-list small { display:block; color:var(--muted); }
.native-formations { display:grid; gap:16px; }

.guided-drill [data-native-step="legacy"] { display:none!important; }
.guided-drill #nativeSmartHero { display:none; }

.guided-drill label:has(#nativeSmartHero) { display:none!important; }
.solution-picker>details>summary { cursor:pointer; padding:10px 0; }