/* Shared view switches and contextual help, using existing suite tokens. */
.suite-icon[data-suite-icon-mark] { display:inline-block; flex:none; width:1em; height:1em; stroke-width:1.25; vertical-align:-.125em; overflow:visible; pointer-events:none; }
[data-suite-icon] { gap:7px; }
[data-gas-view-tabs] { display:flex; flex-wrap:wrap; gap:4px; width:fit-content; max-width:100%; padding:4px; margin-block:18px 4px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--surface-soft); }
[data-gas-view-tabs] [data-gas-view] { display:inline-flex; align-items:center; justify-content:center; min-width:116px; min-height:44px; flex:1 1 auto; padding:10px 17px; border:1px solid transparent; border-radius:calc(var(--radius-small) - 3px); background:transparent; color:var(--muted); font:inherit; font-size:14px; font-weight:500; cursor:pointer; transition:background-color var(--motion-quick) var(--ease-standard),color var(--motion-quick) var(--ease-standard); }
[data-gas-view-tabs] [aria-selected="true"] { color:var(--ink); background:var(--surface); border-color:var(--line); box-shadow:var(--shadow); }
[data-gas-view-tabs] [data-gas-view]:focus-visible, .suite-help > summary:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
[data-gas-view-tabs] [data-gas-view]:active, .suite-help > summary:active { transform:scale(.985); }
[data-gas-panel] { min-width:0; }
[data-gas-panel][hidden] { display:none !important; }
.suite-help-row { display:flex; align-items:center; flex-wrap:wrap; gap:6px 18px; }
.suite-help-item { display:inline-flex; align-items:center; gap:2px; color:var(--muted); font-size:13px; }
.suite-help { position:relative; min-width:0; }
.suite-help > summary { position:relative; display:grid; place-items:center; width:44px; height:44px; margin:0; padding:10px; list-style:none; border:0; border-radius:50%; color:var(--muted); background:transparent; font:600 14px/1 var(--font-text); cursor:pointer; user-select:none; }
.suite-help > summary::-webkit-details-marker { display:none; }
.suite-help > summary::after { content:none !important; }
.suite-help > summary::before { content:""; position:absolute; width:22px; height:22px; border:1px solid currentColor; border-radius:50%; opacity:.7; pointer-events:none; }
.suite-help[open] > summary { color:var(--accent); background:var(--accent-soft); }
.suite-help-content { max-width:100%; margin-block:6px 12px; padding:16px; border:1px solid var(--line); border-radius:var(--radius-small); background:var(--surface); color:var(--ink); box-shadow:var(--shadow); font:400 14px/1.6 var(--font-text); overflow-wrap:anywhere; }
.suite-help-content[popover] { position:fixed; inset:auto; margin:0; max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow:auto; overscroll-behavior:contain; }
.suite-help-content h2,.suite-help-content h3 { font-size:16px; margin:0 0 10px; font-weight:var(--heading-weight); }
.suite-help-content p + p { margin-top:10px; }
.suite-help-content dl { display:grid; grid-template-columns:max-content minmax(0,1fr); gap:8px 14px; margin:12px 0 0; }
.suite-help-content dt { font-weight:600; }
.suite-help-content dd { margin:0; color:var(--muted); }
.suite-help-content .equation-math { margin-top:10px; padding:10px; }
.suite-help-content .equation-note { margin-top:10px; }
@media (hover:hover) and (pointer:fine) { [data-gas-view-tabs] [data-gas-view]:hover,.suite-help > summary:hover { color:var(--accent); background:var(--accent-soft); } }
@media (max-width:380px) { [data-gas-view-tabs] { width:100%; } [data-gas-view-tabs] [data-gas-view] { min-width:0; padding-inline:12px; } }
@media (prefers-reduced-motion:reduce) { [data-gas-view-tabs] [data-gas-view] { transition:none; } }
@media (forced-colors:active) { [data-gas-view-tabs] [aria-selected="true"],.suite-help[open] > summary { outline:2px solid Highlight; outline-offset:-3px; } .suite-help-content { border-color:CanvasText; box-shadow:none; } }
@media print { [data-gas-view-tabs],.suite-help > summary { display:none; } .suite-help-content[popover] { position:static; } }
