/* The Grove v3 hero inside the new wrapper (Oct 27, 2026): the v3 page styles it needs, scoped to .g3h. Served as is. */
.g3h{--page:#0e0e0e;--panel:#1a1a1a;--inset:#222;--hover:#262626;--sel:#2e2e2e;--line:rgba(255,255,255,.1);--line2:rgba(255,255,255,.18);--grid:rgba(255,255,255,.055);--ink:#f4f4f4;--mut:rgba(255,255,255,.72);--dim:rgba(255,255,255,.45);--acc:#f7931a;--acc2:rgba(247,147,26,.14);--g:#00cc3d;--r:#ff5a5f;--y:#facc15;--blue:#5b8def;--brush:rgba(247,147,26,.12);color:var(--ink);font:300 14px/1.43 Inter,system-ui,sans-serif;letter-spacing:.15px}
html[data-theme=light] .g3h{--page:#f3f3f1;--panel:#ffffff;--inset:#f6f6f4;--hover:#ececea;--sel:#e6e6e3;--line:rgba(0,0,0,.09);--line2:rgba(0,0,0,.16);--grid:rgba(0,0,0,.06);--ink:#141414;--mut:rgba(0,0,0,.66);--dim:rgba(0,0,0,.45);--acc:#e07f0e;--acc2:rgba(224,127,14,.14);--g:#0f9d3a;--r:#d93a3f;--y:#a67c00;--blue:#3b6fd8;--brush:rgba(224,127,14,.12)}
.g3h *{box-sizing:border-box}.g3h a{color:inherit;text-decoration:none}
.g3h .num{font-variant-numeric:tabular-nums}
.g3h .up{color:var(--g)}
.g3h .dn{color:var(--r)}
.g3h .warn{color:var(--y)}
.g3h .p{background:var(--panel);border:1px solid var(--line);border-radius:4px;min-width:0;display:flex;flex-direction:column;position:relative}
.g3h .p.full{position:fixed;inset:12px;z-index:60;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.g3h .ph{min-height:44px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--line)}
.g3h .ph h3{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g3h .ph .q{color:var(--dim);font-size:12px;cursor:help}
.g3h .ph .tools{margin-left:auto;display:flex;gap:6px;flex:0 0 auto}
.g3h .ib{width:26px;height:26px;border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;color:var(--dim);font-size:12px;cursor:pointer}
.g3h .ib:hover{color:var(--ink);border-color:var(--line2)}
.g3h .pb{padding:10px 12px 12px;flex:1;min-width:0}
.g3h .cgrp{display:inline-flex;border:1px solid var(--line);border-radius:4px;padding:2px;gap:1px}
.g3h .cgrp a{font-size:12px;padding:2px 8px;border-radius:2px;color:var(--mut);cursor:pointer;font-weight:400;white-space:nowrap}
.g3h .cgrp a:hover{color:var(--ink)}
.g3h .cgrp a.on{background:var(--sel);color:var(--ink);box-shadow:inset 0 -1.5px 0 var(--acc)}
.g3h .cgrp a.off{opacity:.35;cursor:not-allowed}
.g3h .cgrp.ic a{width:26px;text-align:center;padding:2px 0}
.g3h .dd{position:relative;display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px;border:1px solid var(--line);border-radius:4px;font-size:12px;font-weight:400;cursor:pointer;white-space:nowrap}
.g3h .dd b{font-weight:500}
.g3h .dd:after{content:"⌄";color:var(--dim);margin-left:2px}
.g3h .menu{display:none;position:absolute;top:28px;left:0;z-index:30;background:var(--panel);border:1px solid var(--line2);border-radius:4px;padding:4px;min-width:180px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.g3h .dd.open .menu{display:block}
.g3h .menu a{display:block;padding:5px 8px;border-radius:3px;color:var(--mut);white-space:nowrap}
.g3h .menu a:hover{background:var(--hover);color:var(--ink)}
.g3h .menu a.on{color:var(--ink)}
.g3h .menu .mh{padding:7px 8px 3px;font:500 10px 'IBM Plex Mono',monospace;letter-spacing:1px;text-transform:uppercase;color:var(--dim)}
.g3h .menu .mh:first-child{padding-top:3px}
.g3h .dd.multi .menu{max-height:70vh;overflow:auto}
.g3h .menu a.on:before{content:"✓ ";color:var(--acc)}
.g3h .note{font-size:11.5px;color:var(--dim);margin-top:6px;line-height:1.5}
.g3h .rain-burst{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;border-radius:0 0 4px 4px;transition:opacity .45s ease}
.g3h .gc-wrap{position:relative;width:100%}
.g3h .gc-svg{display:block;width:100%;height:auto;overflow:visible;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.g3h .gc-svg text{font:10.5px Inter,system-ui,sans-serif;fill:var(--dim)}
.g3h .gc-wm{font:700 22px Inter,system-ui!important;fill:var(--ink)!important;opacity:.035;letter-spacing:1px}
.g3h .gc-tag{fill:#111!important;font-weight:600!important;font-size:10.5px!important}
.g3h .gc-ref{fill:var(--mut)!important}
.g3h .gc-plab{fill:var(--mut)!important}
.g3h .gc-empty{fill:var(--dim)!important;font-size:12.5px!important}
.g3h .gc-cross{stroke:var(--line2);pointer-events:none}
.g3h .gc-cross-h{stroke-dasharray:2 3}
.g3h .gc-dot{stroke:var(--panel);stroke-width:1.5;pointer-events:none}
.g3h .gc-hit{cursor:crosshair}
.g3h .gc-brush-bg{fill:var(--grid);stroke:var(--line);cursor:pointer}
.g3h .gc-brush-line{fill:none;stroke:var(--dim);stroke-width:1}
.g3h .gc-brush-win{fill:var(--brush);stroke:var(--acc);stroke-opacity:.55;cursor:grab}
.g3h .gc-brush-h{fill:#9a9a9a;cursor:ew-resize}
.g3h .gc-tip{position:absolute;pointer-events:none;display:none;z-index:5;background:var(--panel);border:1px solid var(--line2);border-radius:4px;padding:6px 8px;font-size:11.5px;font-weight:400;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.g3h .gc-tip-h{color:var(--mut);font-size:10.5px;font-weight:500;margin-bottom:3px}
.g3h .gc-tip i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.g3h .gc-tip b{font-weight:500;font-variant-numeric:tabular-nums}
.g3h .gc-mut{color:var(--mut)}
.g3h .dot{width:16px;height:16px;border-radius:50%;display:inline-grid;place-items:center;font:600 8px Inter;color:#111;flex:0 0 auto}
.g3h .hero{display:grid;grid-template-columns:270px minmax(0,1fr)}
.g3h .hcol{border-right:1px solid var(--line);padding:14px 14px 12px}
.g3h .hhead{display:flex;gap:12px;align-items:center;padding-bottom:12px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.g3h .dot.big{width:40px;height:40px;font-size:16px}
.g3h .hn{font-size:17px;font-weight:600}
.g3h .hn em{font-style:normal;color:var(--dim);font-size:12px;font-weight:400;margin-left:4px}
.g3h .hp{font-size:22px;font-weight:400;letter-spacing:-.3px}
.g3h .hp i{font-style:normal;font-size:12px;margin-left:6px}
.g3h .hp small{display:block;font-size:10.5px;color:var(--dim);letter-spacing:0}
.g3h .kg{margin-top:12px}
.g3h .kg h5{margin:0 0 4px;font-size:12.5px;font-weight:600}
.g3h .kr{display:flex;align-items:baseline;gap:6px;font-size:12px;padding:3px 0;color:var(--mut)}
.g3h .kr i{flex:1;border-bottom:1px dotted var(--line2);transform:translateY(-3px)}
.g3h .kr b{color:var(--ink);font-weight:400}
.g3h .kr.lk{cursor:pointer}
.g3h .kr.lk:hover span{color:var(--acc)}
.g3h .hmain{padding:12px 14px 8px;min-width:0}
.g3h .hrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.g3h .hint{font-size:11px;color:var(--dim);margin-top:2px}
.g3h .empty{padding:28px 0;text-align:center;color:var(--dim);font-size:12.5px}
@media(max-width:980px){.g3h .hero{grid-template-columns:1fr}.g3h .hmain{order:-1}.g3h .hcol{border-right:0;border-top:1px solid var(--line)}}
/* the hero carries the site's own watermark and stamp, as every Grove chart does (Oct 28); the engine's own faint one stays off */
.g3h .gc-wm{display:none}

/* The Press card in the rail (Oct 28): its filter, cards, and footer link, as on v3 */
.g3h .ctl{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0 8px}
.g3h .nc{display:block;background:var(--inset);border:1px solid var(--line);border-radius:4px;padding:8px;margin-bottom:6px}
.g3h .nc:hover{border-color:var(--line2)}
.g3h .nc b{font-size:12.8px;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g3h .nc span{display:flex;justify-content:space-between;margin-top:4px;font-size:11.5px;color:var(--dim)}
.g3h .nc span i{font-style:normal;font:10px 'IBM Plex Mono';border:1px solid var(--line2);border-radius:3px;padding:0 4px;color:var(--mut)}
.g3h .foot{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--line);font-size:12.5px;color:var(--mut);font-weight:400}
.g3h#g3press{margin-bottom:12px}.g3h#g3press .p{margin:0}
.g3h .htv{height:600px;border:1px solid var(--line);border-radius:4px;overflow:hidden;margin-bottom:8px}@media(max-width:640px){.g3h .htv{height:460px}}
/* the hero's Latest line, the figures' as-of line, the description, extended hours, Compare (Oct 28) */
.g3h .hlat{font-size:12.5px;color:var(--mut);margin:2px 0 6px;line-height:1.5}.g3h .hlat b{color:var(--ink);font-weight:500}
.g3h .hasof{font-size:12px;color:var(--mut);margin:10px 0 -2px}
.g3h .hdesc{font-size:11.5px;color:var(--dim);margin-top:4px;line-height:1.45}
.g3h .hext{display:block;font-size:11px;color:var(--mut)}
.g3h .hnow{font-size:9.5px;color:var(--dim);font-weight:400;margin-left:3px;text-transform:uppercase;letter-spacing:.5px}
.g3h .hcmp{display:block;margin-top:14px;font-size:12px;color:var(--acc)}
/* ---------- hero tabs and the Options tab (Oct 29, 2026: grove3/options.js) ---------- */
.g3h .htabs{display:flex;gap:2px;padding:0 12px;border-bottom:1px solid var(--line)}
.g3h .htabs a{padding:9px 12px;font-size:13px;color:var(--mut);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.g3h .htabs a.on{color:var(--ink);border-color:var(--acc)}
.g3h .hopt{padding:12px}
.g3h .opt{display:flex;flex-direction:column;gap:12px;font-size:13px}
.g3h .opt .num,.g3h .o-t td{font-family:'IBM Plex Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums}
.g3h .o-load,.g3h .o-empty{color:var(--dim);padding:28px 4px;text-align:center}
.g3h .o-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.g3h .o-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:8px}.g3h .o-h h3{margin:0;font-size:13px;font-weight:600}
.g3h .o-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.g3h .o-lab{color:var(--dim);font-size:12px}
.g3h .o-dim{color:var(--dim)}.g3h .o-acc{color:var(--acc)}.g3h .o-blue{color:#8fb3e8}
.g3h .o-p{border:1px solid var(--line);border-radius:6px;padding:12px;min-width:0}
.g3h .tag{font-size:10.5px;color:var(--dim);border:1px solid var(--line);border-radius:3px;padding:0 5px}
.g3h .o-note{color:var(--dim);font-size:11.5px;margin-top:6px;line-height:1.45}
.g3h .o-foot{color:var(--dim);font-size:11.5px}
.g3h .o-scroll{overflow:auto}
.g3h .o-now{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.8fr);gap:12px}
.g3h .vs{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.g3h .vs>div{padding:12px}.g3h .vs>div+div{border-left:1px solid var(--line)}.g3h .vs .w{background:rgba(247,147,26,.07)}
.g3h .vs .t{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;font-size:12px;margin-bottom:6px;min-height:20px}
.g3h .badge{font:600 10px Inter,sans-serif;letter-spacing:.4px;text-transform:uppercase;color:#111;background:var(--acc);padding:2px 6px;border-radius:3px}
.g3h .vs .big{font-size:26px;font-weight:500;font-family:'IBM Plex Mono',ui-monospace,monospace}.g3h .vs .big small{font-size:12px;color:var(--dim);font-family:Inter,sans-serif}
.g3h .vs .k{display:flex;justify-content:space-between;gap:8px;color:var(--mut);padding:3px 0;border-bottom:1px dotted var(--line);font-size:12px}.g3h .vs .k b{color:var(--ink);font:500 12px 'IBM Plex Mono',ui-monospace,monospace;text-align:right}
.g3h .o-t{width:100%;border-collapse:collapse}.g3h .o-t th,.g3h .o-t td{padding:6px 7px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap;font-size:12.5px}
.g3h .o-t th{color:var(--dim);font:500 10.5px Inter,sans-serif;letter-spacing:.4px;text-transform:uppercase}.g3h .o-t td:first-child,.g3h .o-t th:first-child{text-align:left}
.g3h .o-t tbody tr:hover td{background:var(--hover);cursor:pointer}.g3h .o-t tr.sel td,.g3h .o-t tr.best td{background:rgba(247,147,26,.09)}.g3h .o-t tr.atm td{border-bottom:1px dashed rgba(247,147,26,.5)}
.g3h .o-t td.tr,.g3h .o-t td.tx{font-family:Inter,sans-serif;color:var(--ink)}.g3h .rk td:first-child{color:var(--dim);width:18px}
.g3h .meter{display:inline-block;width:42px;height:4px;background:var(--line);border-radius:2px;vertical-align:middle;margin-left:8px;position:relative}.g3h .meter b{position:absolute;inset:0 auto 0 0;background:var(--acc);border-radius:2px}
.g3h .ev{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acc);margin-left:5px;vertical-align:middle}
.g3h .cgrp a small{color:var(--dim);margin-left:4px}
.g3h .jp .li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12.5px}.g3h .jp .li span{color:var(--mut)}
.g3h .o-kpi,.g3h .o-out{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:6px}
.g3h .o-kpi>div,.g3h .o-out>div{padding:10px 12px;border-right:1px solid var(--line);min-width:0}.g3h .o-kpi>div:last-child,.g3h .o-out>div:last-child{border-right:0}
.g3h .o-kpi .l,.g3h .o-out .l,.g3h .o-inp label{color:var(--dim);font:500 10.5px Inter,sans-serif;letter-spacing:.4px;text-transform:uppercase}
.g3h .o-kpi .v{font-size:19px;margin-top:4px}.g3h .o-out .v{font-size:16px;margin-top:3px}.g3h .o-kpi .s,.g3h .o-out .s{color:var(--mut);font-size:11.5px;margin-top:2px}
.g3h .o-leg{display:flex;gap:14px;color:var(--mut);font-size:12px;margin-bottom:4px}.g3h .o-leg i{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:5px;border-radius:1px}
.g3h .o-grid{stroke:var(--grid)}.g3h .o-ax{fill:var(--dim);font-size:10px;font-family:'IBM Plex Mono',ui-monospace,monospace}.g3h text.o-acc{fill:var(--acc)}.g3h .o-tag{fill:#111;font-size:11px;font-family:'IBM Plex Mono',ui-monospace,monospace}
.g3h .o-ten{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:14px}
.g3h .o-grid2{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:12px}.g3h .o-side{display:flex;flex-direction:column;gap:12px;min-width:0}
.g3h .o-kv{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;padding:3px 0;border-bottom:1px dotted var(--line)}.g3h .o-kv b{color:var(--ink);font:500 12px 'IBM Plex Mono',ui-monospace,monospace}
.g3h .lad .li{display:grid;grid-template-columns:120px 1fr 56px;gap:10px;align-items:center;padding:5px 0;border-bottom:1px solid var(--line)}.g3h .lad .li span{color:var(--mut);font-size:12.5px}
.g3h .lad .tr{height:6px;background:var(--line);border-radius:3px;position:relative}.g3h .lad .tr b{position:absolute;inset:0 auto 0 0;border-radius:3px}.g3h .lad .li em{font-style:normal;text-align:right}
.g3h .o-inp{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:4px 0 12px}
.g3h .o-inp input,.g3h .o-inp select{width:100%;margin-top:4px;background:var(--inset);border:1px solid var(--line);color:var(--ink);border-radius:4px;padding:6px 8px;font:13px 'IBM Plex Mono',ui-monospace,monospace}
.g3h .o-lock{position:relative}.g3h .o-blur{filter:blur(4px);opacity:.5;pointer-events:none;user-select:none;max-height:260px;overflow:hidden}
.g3h .o-cta{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.g3h .o-cta span{color:var(--mut);font-size:12px}
.g3h .o-cta a{margin-top:6px;background:var(--acc);color:#111;font-weight:600;padding:6px 14px;border-radius:4px}
/* laid out by the tab's own width (the hero sits beside the rail on the Grove), not the window's */
.g3h .hopt{container-type:inline-size}
@container (max-width:1180px){.g3h .o-now{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.g3h .o-now .vs{grid-column:1/-1}.g3h .o-ten,.g3h .o-grid2{grid-template-columns:1fr}.g3h .o-side{display:grid;grid-template-columns:1fr 1fr}.g3h .o-kpi,.g3h .o-out{grid-template-columns:repeat(3,1fr)}.g3h .o-kpi>div:nth-child(3),.g3h .o-out>div:nth-child(3){border-right:0}.g3h .o-kpi>div:nth-child(-n+3),.g3h .o-out>div:nth-child(-n+3){border-bottom:1px solid var(--line)}.g3h .o-inp{grid-template-columns:repeat(4,1fr)}}
@container (max-width:640px){.g3h .o-now,.g3h .o-side,.g3h .vs{grid-template-columns:1fr}.g3h .vs>div+div{border-left:0;border-top:1px solid var(--line)}.g3h .o-kpi,.g3h .o-out,.g3h .o-inp{grid-template-columns:repeat(2,1fr)}.g3h .o-kpi>div,.g3h .o-out>div{border-right:0;border-bottom:1px solid var(--line)}}

/* the indicators menu (Oct 29): search, chips, grouped columns */
.g3h #hd{position:relative}
.g3h .dd.ipk{position:static}
.g3h .dd.ipk .imenu{top:30px;left:0;right:0;width:auto;max-width:760px;max-height:min(560px,72vh);padding:0;white-space:normal;cursor:default}
.g3h .imenu .ihd{position:sticky;top:0;z-index:1;display:flex;gap:6px;align-items:center;padding:8px;background:var(--panel);border-bottom:1px solid var(--line)}
.g3h .imenu .isrch{flex:1;min-width:0;height:28px;padding:0 10px;border:1px solid var(--line2);border-radius:4px;background:transparent;color:var(--ink);font:400 12px Inter,system-ui,sans-serif;outline:none}
.g3h .imenu .isrch:focus{border-color:var(--acc)}
.g3h .imenu .ihd a{display:inline-block;padding:5px 8px;color:var(--dim);font-size:11px;cursor:pointer}
.g3h .imenu .ihd a:hover{color:var(--ink);background:none}
.g3h .imenu .ichips{display:flex;flex-wrap:wrap;gap:5px;padding:8px 8px 0}
.g3h .imenu a.ichip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--line2);border-radius:999px;font-size:11px;color:var(--ink);white-space:nowrap}
.g3h .imenu a.ichip i{font-style:normal;color:var(--dim)}
.g3h .imenu a.ichip:before{content:none}
.g3h .imenu .icols{columns:3 210px;column-gap:6px;padding:6px 4px 8px}
.g3h .imenu .igrp{break-inside:avoid;padding-bottom:4px}
.g3h .imenu .igrp a{display:flex;align-items:baseline;gap:6px;white-space:normal;line-height:1.3;font-size:12px;cursor:pointer}
.g3h .imenu .igrp a em{margin-left:auto;font:400 10px 'IBM Plex Mono',monospace;color:var(--dim);font-style:normal}
.g3h .imenu .igrp a .inew{font:500 9px 'IBM Plex Mono',monospace;letter-spacing:.5px;text-transform:uppercase;color:var(--acc);font-style:normal}
.g3h .imenu .igrp a em + .inew{margin-left:0}
.g3h .imenu .inone{padding:14px 8px;color:var(--dim);font-size:12px}

/* the hero's hover readout (Oct 29): one line above the chart, not a box over it */
.g3h .hleg{display:flex;gap:14px;align-items:center;height:18px;overflow:hidden;white-space:nowrap;font-size:11px;color:var(--mut);margin:2px 0 4px;min-width:0}
.g3h .hleg>div{display:inline-flex;align-items:center;gap:5px;flex:none}
.g3h .hleg i{display:inline-block;width:8px;height:8px;border-radius:2px}
.g3h .hleg b{font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.g3h .hleg .gc-tip-h{color:var(--ink);font-weight:500}
.g3h .hleg .gc-mut{color:var(--mut)}

/* drawing tools (Oct 29): the toolbar left of the chart, the selected drawing's toolbar, text notes, the visitor prompt */
.g3h .hdw{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:start}
.g3h .hdw.nodraw{grid-template-columns:minmax(0,1fr)}
.g3h .hcw{position:relative;min-width:0}
.g3h .dtools{display:flex;flex-direction:column;gap:2px;border:1px solid var(--line);border-radius:5px;padding:3px;margin-top:8px}
.g3h .dtools a{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;color:var(--mut);cursor:pointer}
.g3h .dtools a svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.4}
.g3h .dtools a:hover{background:var(--hover,rgba(255,255,255,.06));color:var(--ink)}
.g3h .dtools a.on{color:var(--acc);background:rgba(247,147,26,.12)}
.g3h .dtools a.arm{color:#f87171;background:rgba(248,113,113,.12)}
.g3h .dtools hr{border:0;border-top:1px solid var(--line);margin:3px 2px;width:auto}
.g3h .dfb{position:absolute;z-index:8;display:none;gap:2px;align-items:center;background:var(--panel);border:1px solid var(--line2);border-radius:5px;padding:3px;box-shadow:0 6px 18px rgba(0,0,0,.4);white-space:nowrap}
.g3h .dfb a{height:22px;min-width:22px;padding:0 6px;display:grid;place-items:center;border-radius:3px;color:var(--mut);font-size:11px;cursor:pointer}
.g3h .dfb a:hover{background:var(--hover,rgba(255,255,255,.07));color:var(--ink)}
.g3h .dfb a.on{color:var(--ink);background:rgba(255,255,255,.08)}
.g3h .dfb a i{width:11px;height:11px;border-radius:2px;display:block}
.g3h .dfb a[data-fc].on i{outline:1.5px solid var(--ink);outline-offset:1.5px}
.g3h .dfb a.del{color:#f87171}
.g3h .dfb .dsep{width:1px;height:16px;background:var(--line2);margin:0 3px}
.g3h .dtxt{position:absolute;z-index:9;width:180px;height:24px;padding:0 8px;border:1px solid var(--acc);border-radius:4px;background:var(--panel);color:var(--ink);font:500 12px Inter,system-ui,sans-serif;outline:none}
.g3h .gc-dtx{font:400 10.5px Inter,system-ui,sans-serif;pointer-events:none}
.g3h .gc-dtext{pointer-events:all}
.g3h .dnudge{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:6px 0 2px;padding:7px 10px;border:1px solid var(--line2);border-radius:5px;background:rgba(247,147,26,.06);font-size:12px;line-height:1.4;color:var(--mut)}
.g3h .dnudge b{color:var(--ink);font-weight:500}
.g3h .dnudge .dn-b{display:flex;gap:12px;align-items:center;margin-left:auto}
.g3h .dnudge .dn-go{background:var(--acc);color:#111!important;font-weight:600;padding:5px 10px;border-radius:4px}
.g3h .dnudge a{color:var(--mut);cursor:pointer}
.g3h .dnudge .dn-x{margin-left:auto;font-size:15px}
@media (max-width:640px){.g3h .hdw{grid-template-columns:minmax(0,1fr)}.g3h .dtools{flex-direction:row;flex-wrap:wrap;margin:0 0 6px}.g3h .dtools hr{display:none}.g3h .dnudge .dn-b{margin-left:0}}
.g3h .dcm{position:absolute;z-index:10;display:none;min-width:150px;background:var(--panel);border:1px solid var(--line2);border-radius:5px;padding:4px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.g3h .dcm a{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;border-radius:3px;color:var(--mut);font-size:12px;cursor:pointer}
.g3h .dcm a:hover{background:var(--hover,rgba(255,255,255,.07));color:var(--ink)}
.g3h .dcm a.del{color:#f87171}
.g3h .dcm small{color:var(--dim);font-size:10.5px}
.g3h .dcm .dcm-s{height:1px;background:var(--line);margin:3px 2px}
