@charset "UTF-8";
.assist-showcase { padding-bottom:36px; margin-bottom:36px; border-bottom:1px solid #7da1ba32; }
.assist-heading { display:flex; align-items:start; justify-content:space-between; gap:20px; }.assist-heading>div>span { font:10px Consolas,monospace; color:#6aa4bc; letter-spacing:1.5px; }.assist-heading h2 { margin:12px 0 14px; color:#d4e7ee; font-size:clamp(23px,2.5vw,30px); font-weight:500; line-height:1.6; }
.assist-demo-badge { flex-shrink:0; font-size:10px; color:#9bc7d3; border:1px solid #7298aa52; padding:6px 10px; margin-top:4px; }.assist-demo-note,.assist-return { color:#829eaf; font-size:12px; line-height:2; margin:0 0 24px; }.assist-return { margin:18px 0 0; }
.assist-workbench { background:#0c1a27; border:1px solid #88b3c43d; box-shadow:0 18px 50px #00000020; }
.assist-mobile-index { display:none; }
.assist-tabs { display:flex; gap:0; overflow-x:auto; border-bottom:1px solid #8da9bc30; background:#08131e; scrollbar-width:thin; }
.assist-tabs button { min-height:57px; padding:12px 19px; flex-shrink:0; font:12px var(--sans); border:0; border-bottom:2px solid transparent; color:#7898ae; background:none; cursor:pointer; }.assist-tabs button.is-active { background:#152d3f; border-bottom-color:#a7dae8; color:#d1edf5; }.assist-tabs button:focus-visible { outline:2px solid #a7dae8; outline-offset:-4px; }
.assist-panel { padding:28px; }.assist-panel[hidden] { display:none; }.assist-panel h4 { color:#bad7e3; font-size:14px; font-weight:500; margin:20px 0 14px; }.assist-section-title>span { color:#5e96ad; font:10px Consolas,monospace; letter-spacing:1px; }.assist-section-title h3 { color:#c4e1eb; font-size:21px; font-weight:500; margin:12px 0; line-height:1.6; }.assist-section-title p,.assist-note,.assist-callout p,.assist-explain p,.assist-option-cards p,.assist-skill p { color:#87a6ba; font-size:12px; line-height:2; margin:0; }
.assist-panel input[type="number"],.assist-panel input[type="text"],.assist-panel select,.assist-panel textarea { display:block; width:100%; min-width:0; min-height:44px; padding:10px 12px; margin-top:8px; border:1px solid #779bae4d; background:#071522; color:#c5dfe9; font:13px var(--sans); border-radius:3px; }
.assist-panel input[type="checkbox"] { appearance:auto; width:16px; height:16px; accent-color:#8ec9da; margin:0; flex-shrink:0; }
.assist-panel input[aria-invalid="true"] { border-color:#db9a89; background:#35232b; }
.assist-potion-row:focus-visible { outline:2px solid #a7dae8; outline-offset:3px; }
.assist-panel label { color:#88adc2; font-size:11px; min-width:0; }.assist-check { display:flex; gap:9px; align-items:center; min-height:44px; cursor:pointer; line-height:1.7; }.assist-toggle-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; padding:22px 0; border-block:1px solid #799bae24; margin:24px 0; }.assist-toggle-grid .assist-check { padding:8px 12px; background:#132535; color:#adc7d6; }
.assist-fields { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:24px 0; }.assist-note { border-left:2px solid #577e91; padding:10px 16px; margin-top:22px; background:#112332; }
.assist-callout { padding:20px; margin-top:24px; border:1px solid #759daf3a; background:#122a3a; }.assist-callout strong { color:#bedce6; font-size:14px; font-weight:500; }.assist-callout p { margin:10px 0; }.assist-panel a { display:inline-flex; min-height:44px; align-items:center; color:#a5d2e2; font-size:12px; margin-right:20px; }
.assist-option-cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.assist-option-cards article { border-top:1px solid #6895aa66; padding:8px 16px 18px; background:#142738; }.assist-skill { display:flex; align-items:center; gap:18px; padding:16px; margin:24px 0; border:1px solid #7ba5bb33; }.assist-skill-mark { display:grid; place-items:center; width:48px; height:48px; color:#a9d9ea; background:#1a3b4e; font-size:27px; }.assist-skill h4 { margin:0 0 8px; }
.assist-emergency { border:1px solid #8198bb42; background:#111f32; padding:18px; margin:24px 0; }.assist-emergency>span { color:#aabdd6; font-size:12px; }.assist-emergency .assist-fields { margin-bottom:0; }
.assist-sim-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; }.assist-sim-heading h4 { margin:12px 0; }
.assist-potion-rows { display:grid; gap:8px; margin:12px 0 22px; }.assist-potion-row { display:grid; grid-template-columns:20px 54px 80px minmax(90px,1fr) 85px 92px; align-items:center; gap:10px; background:#132737; padding:12px; border:1px solid #7b9bad29; }.assist-row-number { color:#507d98; font:11px Consolas,monospace; }.assist-potion-row strong { color:#b8d1df; font-size:12px; font-weight:500; line-height:1.8; }.assist-potion-row input[type="number"] { padding-inline:8px; }.assist-potion-row.is-selected { border-color:#91c7d9; background:#173c4d; }.assist-order { display:flex; gap:4px; }.assist-panel button { cursor:pointer; }.assist-order button { width:44px; min-height:44px; padding:0; }
.assist-panel button:not([data-assist-tab]) { border:1px solid #7aa9bd4d; background:#1a3547; color:#b8dce9; font:12px var(--sans); }.assist-order button:disabled { opacity:.3; cursor:default; }
.assist-sim-result { display:grid; grid-template-columns:125px 1fr; gap:22px; padding:20px; border-left:2px solid #9bd2e2; background:#102c3d; }.assist-sim-result span { color:#83b1c7; font-size:11px; }.assist-sim-result output { display:block; color:#d4ecf4; font-size:19px; margin:9px 0; line-height:1.7; }.assist-sim-result p { color:#7ca5bd; font-size:11px; line-height:1.8; margin:0; }
.assist-explain { border-block:1px solid #7597ad33; margin-top:24px; padding:6px 0; }.assist-explain summary { color:#a8cddf; font-size:12px; cursor:pointer; padding:16px 0; }.assist-explain p { padding-bottom:14px; }
.assist-transfer { display:grid; grid-template-columns:1fr auto 1fr; gap:14px; margin:20px 0; }.assist-transfer select { min-height:235px; padding:8px; }.assist-transfer option { padding:8px; }.assist-transfer-actions { display:grid; align-content:center; gap:10px; }.assist-transfer-actions button,.assist-inline-actions button { min-height:44px; padding:10px 14px; }.assist-inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }.assist-inline-actions span { width:100%; font-size:11px; color:#8aa8bd; line-height:1.9; }
.assist-hotkeys { display:grid; gap:12px; margin-top:24px; }.assist-hotkeys label { display:grid; grid-template-columns:38px 1fr; gap:12px; align-items:center; }.assist-hotkeys label>span { color:#a3d4e5; font:14px Consolas,monospace; }.assist-hotkeys input { margin:0!important; }
.assist-timer-row { display:grid; grid-template-columns:25px 70px 1fr; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid #83a4b62c; }.assist-timer-row>span { color:#568199; font:11px Consolas,monospace; }.assist-timer-row:first-of-type { margin-top:20px; }
.assist-wide-label { display:block; margin-top:24px; }.assist-chat-preview { padding:22px; border:1px solid #81a6b83a; margin:20px 0; background:#102839; overflow-wrap:anywhere; }.assist-chat-preview>span,.assist-chat-preview small { font-size:10px; color:#739eb6; }.assist-chat-preview p { font-size:14px; color:#c2e1ec; line-height:1.9; white-space:pre-wrap; }
@media(max-width:1100px){.assist-potion-row { grid-template-columns:20px 1fr 94px; gap:10px; }.assist-potion-row strong { grid-column:2; }.assist-potion-row>.assist-check:last-of-type { grid-column:2; }.assist-order { grid-column:3; grid-row:2 / 4; justify-content:flex-end; }.assist-panel { padding:22px; }}
@media(max-width:760px){
 .assist-guide-page .setup-sidebar { display:none; }.assist-mobile-index { display:block; border-block:1px solid #779caf35; margin:0 0 20px; }.assist-mobile-index summary { padding:15px 0; color:#92bed1; font-size:12px; cursor:pointer; }.assist-mobile-index nav { display:grid; padding-bottom:12px; }.assist-mobile-index a { padding:12px; color:#a4c6d7; font-size:12px; min-height:44px; }.assist-mobile-index a span { margin-right:12px; color:#557b94; }.assist-heading { gap:10px; }.assist-demo-badge { font-size:9px; padding:5px 8px; }.assist-heading h2 { font-size:24px; }.assist-panel { padding:20px 16px; }.assist-section-title h3 { font-size:19px; }
 .assist-tabs { position:sticky; top:69px; z-index:3; }.assist-tabs button { min-height:52px; padding:10px 16px; font-size:12px; }.assist-fields,.assist-toggle-grid,.assist-option-cards { grid-template-columns:1fr; }.assist-fields { gap:14px; }.assist-toggle-grid { gap:7px; }
 .assist-panel input[type="number"],.assist-panel input[type="text"],.assist-panel select,.assist-panel textarea { font-size:16px; }.assist-sim-result { grid-template-columns:1fr; gap:18px; padding:18px; }.assist-sim-result output { font-size:18px; }
 .assist-transfer { grid-template-columns:1fr; gap:16px; }.assist-transfer-actions { display:flex; gap:10px; }.assist-transfer-actions button { flex:1; }.assist-transfer select { min-height:180px; }.assist-timer-row { grid-template-columns:20px 60px minmax(0,1fr); gap:8px; }
 .assist-guide-page .setup-reading [id] { scroll-margin-top:80px; }
}
@media print{.assist-tabs { display:none; }.assist-panel[hidden] { display:block; }.assist-workbench { box-shadow:none; }}
