/* AIcensus · LEDGER Swiss layer (Nov 1 2026, Rallh: "Now this same style add it the live AIcensus.co").
   International Typographic Style: ink on paper, Inter (self-hosted), flush-left, 12-col grid (8 tablet / 4 phone), 1px rules, square corners,
   no shadows, no blur, no gradients, no emoji. Red only for errors / down moves. Loaded LAST on every page (ledger.py, LEDGER-NOTES.md). */
@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --k:#000;--w:#fff;--g6:#5c5c5c;--g4:#8a8a8a;--l:#d4d4d4;--h:#f2f2f2;--red:#e00000;
 --bg:#fff;--bg-rgb:255,255,255;--fg:#000;--fg-rgb:0,0,0;--mut:#5c5c5c;--dim:#5c5c5c;--tx:#000;--mu:#5c5c5c;
 --acc:#000;--acc-rgb:0,0,0;--live:#000;--live-rgb:0,0,0;--focus:#000;--ac:#000;--acs:rgba(0,0,0,.06);
 --surface:#fff;--surface2:#f2f2f2;--surface-solid:#fff;--surface-solid2:#f2f2f2;
 --line:#d4d4d4;--line2:#000;
 --g:transparent;--g2:#f2f2f2;--g3:#f2f2f2;--hl:#000;--hl2:#d4d4d4;--blur:none;--R:0px;--r:0px;--r-sm:0px;--r-md:0px;--r-lg:0px;--rad:0px;
 --sans:Inter,"Helvetica Neue",Helvetica,Arial,sans-serif;--serif:var(--sans);
 --lg-pad:16px;--lg-gap:16px;--lg-hh:52px;--lg-ease:cubic-bezier(.2,.7,.2,1);--max:1440px
}
body.pg-blog{--ink:#000;--read:#1a1a1a;--mut:#5c5c5c;--dim:#5c5c5c;--rule:#d4d4d4;--live:#000;--focus:#000;--rad:0px}
@media(min-width:640px){:root{--lg-pad:24px}}
@media(min-width:1024px){:root{--lg-pad:32px;--lg-gap:24px}}
html,html body{background:#fff!important;color:#000}
body,body.pg,body.gd{font-family:var(--sans)!important;font-size:14px;line-height:1.45;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;letter-spacing:-.003em}
button,input,select,textarea{font-family:var(--sans)!important}
/* the rules of the style */
*,*::before,*::after{border-radius:0!important;box-shadow:none!important;text-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#liquid,.liquid-fallback,#dust,.bg,.progress,.gd>.bg{display:none!important}
::selection{background:#000;color:#fff}
:focus-visible{outline:2px solid #000!important;outline-offset:2px}
em,.serif,i.serif,.acc{font-family:inherit!important;font-style:normal!important;font-weight:inherit!important;color:inherit!important;letter-spacing:inherit}
a{text-underline-offset:2px;text-decoration-thickness:1px}
.dot{width:10px!important;height:10px!important;background:#000!important;border-radius:0!important}
h1,h2,h3,h4{font-family:var(--sans)!important;font-style:normal!important;color:#000}
h1{font-weight:800!important;letter-spacing:-.045em!important;line-height:.98!important}
h2{font-weight:700!important;letter-spacing:-.03em!important;line-height:1.05}
h3{font-weight:700;letter-spacing:-.01em}
.kicker,.eyebrow{font-size:11px!important;font-weight:600!important;text-transform:uppercase;letter-spacing:.08em!important;color:#000!important}

/* ---------- header: white, sticky, one 1px rule, wordmark with a black square ---------- */
.sh,.sh.sh-over{position:sticky!important;top:0;left:0;right:0;z-index:40;background:#fff!important;border:0!important;border-bottom:1px solid #000!important;padding:0!important;margin:0!important;view-transition-name:hdr}
.sh-in{height:var(--lg-hh)!important;max-width:var(--max)!important;margin:0 auto!important;padding:0 var(--lg-pad)!important;background:transparent!important;border:0!important;display:flex;align-items:center;gap:24px}
.sh-brand,header.top .logo{font-size:22px!important;font-weight:800!important;letter-spacing:-.055em!important;color:#000!important;text-decoration:none;display:flex!important;align-items:center;gap:8px;line-height:1;min-height:44px}
.sh-brand .dot{display:none!important}
.sh-brand::before{content:"";display:block;width:11px;height:11px;background:#000;flex:none}
.sh-nav{margin-left:auto;gap:0!important}
.sh-nav a{font-size:13px!important;font-weight:600!important;color:#000!important;background:none!important;border:0!important;padding:0 12px!important;height:var(--lg-hh);min-height:0!important;display:inline-flex!important;align-items:center;position:relative;text-decoration:none}
.sh-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:#000;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--lg-ease)}
.sh-nav a:hover::after,.sh-nav a[aria-current="page"]::after,.sh-nav a.on::after{transform:scaleX(1)}
.sh-nav .sh-ind{display:none!important}
.sh-q{height:32px!important;border:1px solid #000!important;background:#fff!important;color:#000!important;padding:0 10px!important;margin-left:12px!important}
.sh-q input{color:#000!important;font-size:13px!important;width:160px}
.sh-q input::placeholder,input::placeholder{color:#8a8a8a!important;opacity:1}
.sh-q:focus-within{outline:2px solid #000;outline-offset:1px}
.sh-menu{background:#fff!important;border:1px solid #000!important;width:auto!important;min-width:64px;height:34px!important;padding:0 10px!important;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#000}
.sh-menu span{display:none!important}
.sh-menu::before{content:"Menu"}
.sh-menu[aria-expanded="true"]::before{content:"Close"}
@media(min-width:720px){.sh-menu,.sh .sh-drawer{display:none!important}}
.sh-drawer{position:absolute;top:100%!important;left:0!important;right:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #000!important;padding:8px var(--lg-pad) 16px!important}
.sh-drawer a{font-size:28px!important;font-weight:800!important;letter-spacing:-.04em;color:#000!important;border-bottom:1px solid #d4d4d4;padding:10px 0!important;min-height:52px;display:flex;align-items:center;text-decoration:none;background:none!important}
.sh-dq{border:1px solid #000!important;background:#fff!important;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;margin:8px 0}
.sh-dq input{background:none;border:0;outline:0;color:#000;flex:1}
.sh-q svg,.sh-dq svg{stroke:#000!important;fill:none}

/* ---------- footer: full width, black rule, dense columns ---------- */
.sf{background:#fff!important;border-top:1px solid #000!important;padding:0!important;margin-top:48px!important}
.sf-in{max-width:var(--max)!important;margin:0 auto!important;padding:24px var(--lg-pad) 32px!important;background:transparent!important;border:0!important}
.sf a{color:#000!important}
.sf .sf-nav a{color:#000!important;font-size:13px;font-weight:600}
.sf .sf-nav a:hover{text-decoration:underline}
.sf-meta,.sf-tag,.sf-check,.sf-ai,.sf p{color:#5c5c5c!important;font-size:12px!important}
.sf-brand,.sf .sh-brand{font-weight:800!important;letter-spacing:-.05em!important}

/* ---------- controls ---------- */
.btn,button.btn,a.btn{border-radius:0!important;min-height:44px;font-weight:600!important;box-shadow:none!important}
.btn:not(.ghost):not(.sec):not(.alt),.ag .ag-body .ag-cta .btn.ag-go{background:#000!important;color:#fff!important;border:1px solid #000!important}
.btn:not(.ghost):not(.sec):not(.alt):hover,.ag .ag-body .ag-cta .btn.ag-go:hover{background:#fff!important;color:#000!important}
.btn.ghost,.btn.sec,.btn.alt{background:#fff!important;color:#000!important;border:1px solid #000!important}
.btn.ghost:hover,.btn.sec:hover,.btn.alt:hover{background:#000!important;color:#fff!important}
input,select,textarea{font-size:16px!important;color:#000}
input[type=search],input[type=text],input[type=email],input[type=url],textarea,select{background:#fff!important;border:1px solid #000!important;color:#000!important}
.chip,.fchip,.cxl-chip,.bl-chip,.pu-chip,.ag-tagc,.cx-chips span,.quick a,.tag,.tagp{border-radius:0!important}
.chip,.fchip,.cxl-chip,.bl-chip,.pu-chip,.quick a{background:#fff!important;border:1px solid #000!important;color:#000!important;font-weight:600}
.chip.on,.fchip.on,.chip[aria-pressed="true"],.fchip[aria-pressed="true"],.cxl-chip.on,.bl-chip.on,.pu-chip.on,.chip:hover,.quick a:hover{background:#000!important;color:#fff!important}
.tag,.tagp{background:#fff!important;border:1px solid #000!important;color:#000!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.06em;padding:2px 5px!important}
.tag.free,.tagp.Free{background:#000!important;color:#fff!important}

/* ---------- surfaces: no tiles, just rules ---------- */
.glass,.tile,.ltile,.ftile,.g-tile,.card,.grid .card,.cat,.stat,.fcard,.hcard-all,.checks li,.soon,.fs-card,.sheet-in,.cxl-row,.cx-h,.cx-sw,.cx-empty,.cx-grid,
body:not(.pg-dir) .cat,body:not(.pg-dir) .stat,body:not(.pg-dir) .fcard,body:not(.pg-dir) .hcard-all,body:not(.pg-dir) .checks li,body:not(.pg-dir) .soon,body:not(.pg-dir) .rail>*{
 background:#fff!important;border:0!important;border-top:1px solid #000!important;box-shadow:none!important;border-radius:0!important}
.fs-card,.sheet-in{border:1px solid #000!important}
.search{background:#fff!important;border:1px solid #000!important;box-shadow:none!important}
.seg,.sort,.fbtn,.keybtn,.view{border-radius:0!important;border:1px solid #000!important;background:#fff!important;color:#000!important}
.logo-i,.lg,.pu-logo,.ag-logo,img.logo{border-radius:0!important;box-shadow:none!important}

/* ---------- Home ---------- */
html[data-page="home"] .hero,.pg[data-page="home"] .hero{padding:40px 0 32px!important;border-bottom:1px solid #000;margin:0!important;min-height:0!important;background:none!important}
.pg[data-page="home"] .hero-in{max-width:var(--max)!important;margin:0 auto!important;padding:0 var(--lg-pad)!important;text-align:left!important;align-items:flex-start!important}
.g-count{display:block;font-size:clamp(44px,11vw,128px)!important;font-weight:800!important;letter-spacing:-.06em!important;line-height:.9!important;margin:0 0 16px!important;color:#000!important}
.g-count b{color:#000!important;font-weight:800}
.pg[data-page="home"] .hero h1.g-sub,html[data-page="home"] .hero h1.g-sub{font-size:clamp(20px,2.4vw,30px)!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.15!important;color:#000!important;max-width:24ch;margin:0 0 24px!important;text-align:left!important}
.qbox{border:1px solid #000!important;background:#fff!important;max-width:640px;height:48px;display:flex;align-items:center;margin:0 0 16px!important}
.qbox input{border:0!important;background:none!important;height:46px;flex:1;min-width:0}
.qbox button{background:#000!important;color:#fff!important;height:48px;margin:-1px -1px -1px 0;padding:0 18px;font-weight:700;border:0}
.qbox svg{stroke:#000!important}
.quick{justify-content:flex-start!important;gap:6px!important}
.quick a{min-height:34px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex;align-items:center}
.sec{max-width:var(--max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important}
.sec-head{border-bottom:1px solid #000;padding-bottom:10px;align-items:flex-end!important}
.sec-head .h2,.h2{font-size:clamp(28px,4vw,48px)!important}
.more{color:#000!important;font-weight:600;font-size:13px}
.rail{gap:0 var(--lg-gap)!important}
.fcard{padding:14px 0 16px!important;transition:background .15s}
.fcard:hover{background:#f2f2f2!important}
.fcard .nm{font-weight:700;color:#000}
.fcard .mk,.fcard .tl{color:#5c5c5c!important}
.fcard .go{color:#000!important;font-weight:600}
.stat b,.stat strong,.stat .n{font-weight:800!important;letter-spacing:-.05em;color:#000!important}

/* ---------- motion (ledger.js adds .lg-in on rows as they scroll in) ---------- */
@media (prefers-reduced-motion:no-preference){
 .lg-rv{opacity:0;transform:translateY(8px);transition:opacity .5s var(--lg-ease),transform .5s var(--lg-ease)}
 .lg-rv.lg-in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .rv,.ag-rv,.lg-rv{opacity:1!important;transform:none!important}
}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}

/* ---------- fixes pass 1 ---------- */
.sh-q{display:none!important;align-items:center;gap:6px}
@media(min-width:900px){.sh-q{display:flex!important}}
.sh-q svg,.sh-dq svg{width:14px!important;height:14px!important;flex:none;stroke-width:2;stroke-linecap:round}
.sh-q input{background:none!important;border:0!important;outline:0;height:30px;padding:0!important}
.sh-q label,.sh-dq label{position:absolute}
.quick{flex-wrap:wrap!important;overflow:visible!important}
.g-count{font-size:clamp(22px,3vw,40px)!important;letter-spacing:-.035em!important;line-height:1.05!important;font-weight:700!important}
.g-count b{display:block;font-size:clamp(112px,22vw,280px);letter-spacing:-.07em;line-height:.82;margin:0 0 12px -.04em;font-weight:800}
.pg[data-page="home"] .hero h1.g-sub,html[data-page="home"] .hero h1.g-sub{color:#5c5c5c!important;font-weight:500!important;font-size:clamp(17px,1.8vw,22px)!important}
.pg[data-page="home"] .hero h1.g-sub em{color:#000!important;font-weight:600!important}
/* agent / category pages: own top bar */
.ag-bar{background:#fff!important;border:0!important;border-bottom:1px solid #000!important;margin:0!important}
.ag-btn,.ag-bar button,.ag-bar a.ag-btn{background:#fff!important;border:1px solid #000!important;color:#000!important}
.ag-bar .ag-brand,.ag-bar .sh-brand{font-weight:800!important;letter-spacing:-.05em!important}
.ag .ag-body .ag-spec,.ag-spec{border:0!important;border-top:1px solid #000!important;border-bottom:1px solid #000!important}
.ag .ag-body .ag-sec,.ag .ag-body .ag-hero{background:#fff!important;border:0!important;border-top:1px solid #000!important;padding:16px 0!important;margin:0 0 8px!important}
.ag .ag-body .ag-hero{border-top:0!important}
.ag .ag-body .ag-mc,.ag .ag-body .ag-step,.ag .ag-body .ag-pcc,.ag .ag-body .ag-price,.ag .ag-body .ag-maker-c,.ag .ag-body .ag-pmc,.ag .ag-body .ag-feats li,.ag .ag-body .ag-priv li{background:#fff!important;border:0!important;border-top:1px solid #d4d4d4!important}
.ag .ag-body .ag-name{font-size:clamp(40px,7vw,72px)!important;font-weight:800!important;letter-spacing:-.05em!important;line-height:.95!important}
.ag .ag-body .ag-h{font-size:22px!important;font-weight:700!important;letter-spacing:-.025em}
.ag .ag-cta{background:#fff!important;border:0!important;border-top:1px solid #000!important}
.ag-cmpq{color:#000!important;text-decoration:underline}

/* ---------- /directory/ (glass.css page) ---------- */
.gd header.top{position:sticky!important;top:0!important;margin:0!important;background:#fff!important;border:0!important;border-bottom:1px solid #000!important;z-index:40}
.gd header.top .logo::before{width:11px!important;height:11px!important;background:#000!important;border:0!important;margin-right:8px!important}
.gd header.top .logo .acc{margin:0!important;padding:0!important}
.gd .snav a{color:#000!important;font-weight:600!important;background:none!important;border-radius:0!important}
.gd .snav a:hover::after,.gd .snav a[aria-current="page"]::after{transform:scaleX(1)}
.gd .snav a{padding:0 8px!important;height:36px!important;font-size:13px!important}
.gd .snav a::after{left:8px;right:8px;bottom:-1px}
@media(max-width:480px){.gd header.top .logo{font-size:18px!important}.gd header.top .logo::before{width:9px!important;height:9px!important;margin-right:6px!important}.gd .snav a{padding:0 4px!important;font-size:12.5px!important}.gd .iconbtn{width:40px!important;height:40px!important}.gd .snav a::after{left:5px;right:5px}}
.gd .searchwrap{background:#fff!important;border:1px solid #000!important;color:#000!important}
.gd .searchwrap input{border:0!important;background:none!important}
.gd .iconbtn{background:#fff!important;border:1px solid #000!important;color:#000!important}
.gd .layout{gap:0 var(--lg-gap)!important}
.gd .row{background:#fff!important;border:0!important;border-bottom:1px solid #d4d4d4!important;min-height:56px;padding:8px 4px!important;transition:background .15s}
.gd .row:hover,.gd .row:focus-visible,.gd .row.on,.gd .row[aria-selected="true"]{background:#f2f2f2!important}
.gd .row .rn{font-weight:700!important;color:#000!important}
.gd .row .rd{color:#5c5c5c!important}
.gd .list{border-top:1px solid #000!important}
.gd .intro h1{font-size:clamp(40px,6vw,72px)!important}
.gd .rail,.gd .panel{border:0!important;border-top:1px solid #000!important;background:#fff!important}
.gd .nw,.nw{background:#000!important;color:#fff!important;font-size:9px!important;font-weight:700;letter-spacing:.06em;padding:1px 4px!important}
/* inputs inside a framed wrapper: one frame only */
.search input,.qbox input,.b2-search input,.searchwrap input,.cxl-s input,.cx-pk-s input,.sh-q input,.sh-dq input{border:0!important;background:transparent!important;outline:0}
.b2-search{border:1px solid #000!important;background:#fff!important}
.b2-chip{border:1px solid #000!important;background:#fff!important;color:#000!important;border-radius:0!important;font-weight:600}
.b2-chip[aria-current="page"],.b2-chip:hover{background:#000!important;color:#fff!important}
/* blog: card art in greyscale, rules not boxes */
.b2-img img,.b2-card img{filter:grayscale(1) contrast(1.05)}
.b2-card{background:#fff!important;border:0!important;border-top:1px solid #000!important;padding-top:12px!important}
.b2-card:hover .b2-ct{text-decoration:underline;text-decoration-thickness:2px}
.b2-k{font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;color:#000!important}
.b2-title,.ptitle,.pu-title{font-weight:800!important;letter-spacing:-.05em!important;line-height:.95!important;font-size:clamp(40px,7vw,88px)!important}
/* power-ups */
.pu-item{background:#fff!important;border:0!important;border-top:1px solid #d4d4d4!important;transition:background .15s}
.pu-item:hover{background:#f2f2f2!important}
.pu-name{font-weight:700!important;color:#000!important}
.pu-gn{font-weight:800!important;color:#000!important}
.pu-chips a,.pu-map a{border:1px solid #000!important;background:#fff!important;color:#000!important;border-radius:0!important}
.pu-chips a:hover,.pu-map a:hover{background:#000!important;color:#fff!important}
.pu-row{border-top:1px solid #000!important}
/* compare */
.cx-grid,.cx-heads{border:0!important}
[role="row"]{border-color:#d4d4d4!important}

.gd header.top .logo{gap:0!important}
.gd .snav a{white-space:nowrap}
.gd .tile .pu,.gd .putile a,.gd [class*="pu"] a{background:#fff}

.ag,.ag .ag-body,.ag .ag-dock{background:#fff!important}
@media(max-width:560px){.gd .snav a[href="/compare/"]{display:none!important}}

/* ---------- home: directory first (Rallh, Nov 1 2026 7:53 AM "Main page let's add the directory right away") ---------- */
.pg[data-page="home"] .hero{padding:16px 0 14px!important;border-bottom:0!important}
.pg[data-page="home"] .hero-in{display:grid!important;grid-template-columns:1fr;gap:8px 24px;align-items:end!important}
.pg[data-page="home"] .g-count{font-size:clamp(17px,1.7vw,22px)!important;font-weight:700!important;letter-spacing:-.02em!important;line-height:1.15!important;margin:0!important}
.pg[data-page="home"] .g-count b{display:inline!important;font-size:inherit!important;letter-spacing:inherit!important;line-height:inherit!important;margin:0!important;font-weight:800}
.pg[data-page="home"] .hero h1.g-sub{font-size:14px!important;line-height:1.35!important;margin:0!important;max-width:none!important;font-weight:500!important}
.pg[data-page="home"] .hero h1.g-sub em{font-style:normal}
.pg[data-page="home"] .qbox{height:42px!important;margin:4px 0 0!important;max-width:none!important}
.pg[data-page="home"] .qbox input{height:40px!important;font-size:16px}
.pg[data-page="home"] .qbox button{height:42px!important}
.pg[data-page="home"] .quick{display:none!important}
@media(min-width:900px){
 .pg[data-page="home"] .hero{padding:22px 0 16px!important}
 .pg[data-page="home"] .hero-in{grid-template-columns:minmax(0,1fr) minmax(320px,440px)}
 .pg[data-page="home"] .hero-in .g-count{grid-column:1}
 .pg[data-page="home"] .hero-in h1.g-sub{grid-column:1}
 .pg[data-page="home"] .hero-in .qbox{grid-column:2;grid-row:1/span 2;align-self:end;margin:0!important}
}
.hd{max-width:var(--max);margin:0 auto;padding:0 var(--lg-pad) 40px}
.hd-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;border-top:2px solid #000;padding:10px 0 8px}
.hd-t{font-size:13px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.08em;margin:0!important;line-height:1!important}
.hd-cnt{font-size:12px;color:#5c5c5c;font-variant-numeric:tabular-nums}
.hd-chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;width:100%;margin:2px 0 0}
.hd-chips::-webkit-scrollbar{display:none}
.hd-chip{flex:none;color:#000!important;font:600 12px/1 inherit;font-family:inherit;height:30px;padding:0 10px;background:#fff;border:1px solid #000;color:#000;border-radius:0;cursor:pointer}
.hd-chip:hover,.hd-chip.on{background:#000!important;color:#fff!important}
.hd-chip:focus-visible,.hd-r a:focus-visible,.hd-all:focus-visible{outline:2px solid #000;outline-offset:2px}
@media(min-width:900px){.hd-chips{width:auto;margin:0 0 0 auto}}
.hd-h{display:none}
.hd-l{list-style:none;margin:0;padding:0;border-top:1px solid #000}
.hd-r{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"lg n p" "lg m p";column-gap:10px;align-items:center;padding:7px 2px;border-bottom:1px solid #d4d4d4;transition:background .12s}
.hd-r:hover{background:#f2f2f2}
.hd-r .logo-i{grid-area:lg;width:28px!important;height:28px!important;border-radius:0!important;box-shadow:0 0 0 1px #e2e2e2!important;margin:0!important}
.hd-r .logo-i.mono{font-size:12px}
.hd-n{grid-area:n;font-size:14px;font-weight:700;color:#000;text-decoration:none;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
.hd-n::after{content:"";position:absolute;inset:0}
.hd-n:hover{text-decoration:underline}
.hd-n .nw{margin-left:6px;vertical-align:2px}
.hd-m{grid-area:m;font-size:12px;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.hd-c,.hd-v{display:none}
.hd-p{grid-area:p;justify-self:end;font-size:11px;font-weight:600;color:#000;border:1px solid #000;padding:2px 6px;white-space:nowrap;line-height:1.3}
.hd-p.free{background:#000;color:#fff}
.hd.hd-lim:not(.hd-q) .hd-r:nth-child(n+31){display:none}
.hd .hd-r.hd-x{display:none!important}
.hd-empty{font-size:13px;padding:14px 0;margin:0;border-bottom:1px solid #d4d4d4}
.hd-empty a,.hd-full{color:#000;text-decoration:underline}
.hd-more{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:12px 0 0;font-size:13px}
.hd-all{display:inline-flex;align-items:center;height:40px;padding:0 16px;background:#000;color:#fff!important;font-weight:700;text-decoration:none}
.hd-all:hover{background:#333}
.hd:not(.hd-lim) .hd-all,.hd.hd-q .hd-all{display:none}
@media(min-width:760px){
 .hd-h,.hd-r{grid-template-columns:28px minmax(0,2.2fr) minmax(0,1.6fr) minmax(0,1.6fr) 104px 56px;grid-template-areas:none;column-gap:16px}
 .hd-h{display:grid;position:sticky;top:calc(var(--lg-hh) + 1px);z-index:5;background:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#000;padding:6px 2px;border-top:1px solid #000}
 .hd-l{border-top:0}
 .hd-r{padding:6px 2px;min-height:42px}
 .hd-r>*{grid-area:auto!important;grid-row:1!important}
 .hd-r>.logo-i{grid-column:1}.hd-r>.hd-n{grid-column:2}.hd-r>.hd-m{grid-column:3}.hd-r>.hd-c{grid-column:4}.hd-r>.hd-p{grid-column:5}.hd-r>.hd-v{grid-column:6}
 .hd-h>span{grid-row:1}
 .hd-m,.hd-c{display:block;font-size:13px;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .hd-p{justify-self:start}
 .hd-v{display:block;position:relative;z-index:2;font-size:12px;font-weight:600;color:#000;text-decoration:none;justify-self:end}
 .hd-v:hover{text-decoration:underline}
}

/* ---------- phone Menu (QA Nov 1 2026, Rallh: "Menu not opening properly") ----------
   site.css's old phone menu is a bottom sheet (fixed, bottom:0, translateY(105%)) with a dark veil on html.sh-open::after.
   The .sh-drawer rule above forced top:100%, so the sheet sat below the screen, and ledger.py inked the veil white:
   tapping Menu only washed the page white. Here the drawer is one plain white panel filling the screen under the header. */
@media(max-width:719px){
  html.sh-open .sh{z-index:90!important;background:#fff!important}
  .sh .sh-drawer{position:fixed!important;top:var(--lg-hh)!important;bottom:0!important;left:0!important;right:0!important;z-index:80!important;
    display:block!important;transform:none!important;max-height:none!important;height:auto!important;border:0!important;border-top:1px solid #000!important;border-radius:0!important;
    overflow-y:auto!important;overscroll-behavior:contain;touch-action:pan-y!important;background:#fff!important;
    padding:0 var(--lg-pad) calc(24px + env(safe-area-inset-bottom))!important;visibility:hidden!important;opacity:0!important;transition:opacity .16s,visibility 0s linear .16s!important}
  .sh.open .sh-drawer{visibility:visible!important;opacity:1!important;transition:opacity .16s!important}
  .sh .sh-drawer>div{padding-top:0!important;overflow:visible!important}
  .sh .sh-drawer>div::before{content:none!important;display:none!important}
  .sh .sh-drawer nav{padding:0!important;max-width:none!important}
  .sh .sh-drawer a:first-child{border-top:0}
  html.sh-open::after{content:none!important;display:none!important}
  html.sh-open,html.sh-open body{overflow:hidden!important}
}
@media(max-width:719px) and (prefers-reduced-motion:reduce){.sh .sh-drawer,.sh.open .sh-drawer{transition:none!important}}

/* ---------- QA pass, Nov 1 2026 (Rallh: "click everything for any visual defects") ---------- */
/* skip link: was black on black when focused */
a.skip:focus,a.skip:focus-visible{background:#000!important;color:#fff!important;outline:2px solid #fff;outline-offset:-4px}
/* pressed chips read as pressed; their counts stay visible (compare hub "All 21" was white on white) */
.cxl-chip[aria-pressed="true"],.pu-chip[aria-pressed="true"],.bl-chip[aria-pressed="true"]{background:#000!important;color:#fff!important}
.cxl-chip b,.chip b,.fchip b{color:inherit!important;opacity:.6}
/* blog topic tabs: boxed by LEDGER but had no padding (text touching the border) */
body.pg-blog .b2-chips{gap:6px!important;justify-content:flex-start!important;border-bottom:0!important}
body.pg-blog .b2-chip{padding:0 12px!important;min-height:36px!important;color:#000!important;box-shadow:none!important}
body.pg-blog .b2-chip[aria-current="page"],body.pg-blog .b2-chip:hover{color:#fff!important}
/* power-ups: "Abilities" / "Infra" are group labels, not chips */
.pu-chips li.pu-mg a{border-color:transparent!important;background:none!important;color:#000!important;padding:0 6px 0 2px!important;font-weight:800}
.pu-chips li.pu-mg a:hover{background:none!important;color:#000!important;text-decoration:underline}
/* power-ups on phone/tablet: tools stack as ruled rows instead of boxed cards in a sideways scroller */
@media(max-width:1023px){
  .pu-list{display:block!important;margin:6px 0 0!important;padding:0!important;overflow:visible!important;scroll-snap-type:none!important}
  .pu-list>li{max-width:none!important;border:0!important;border-top:1px solid #d4d4d4!important;border-radius:0!important;background:#fff!important}
  .pu-list>li:first-child{border-top:0!important}
  .pu-list .pu-line{-webkit-line-clamp:3}
}
/* footer nav on phone: plain wrapping links, not grey pills in a clipped sideways scroller */
@media(max-width:719px){
  .sf .sf-nav{flex-wrap:wrap!important;overflow:visible!important;margin:0!important;padding:0!important;gap:0 18px!important;scroll-snap-type:none!important}
  .sf .sf-nav a{background:none!important;padding:0!important;border-radius:0!important;min-height:40px!important}
}
/* compare: the swap button sat on top of both agents' logos on phone; it now sits in the gap between the two heads */
@media(max-width:719px){
  .cx-heads{column-gap:40px!important}
  .cx-sw{width:32px!important;height:32px!important;left:calc(50% - 16px)!important;top:calc(50% - 16px)!important;background:#fff!important;border:1px solid #000!important;box-shadow:none!important;color:#000!important}
}
/* glass /directory/ detail sheet: when closed it peeked 3-30px above the bottom edge as a grey strip over the rows */
.gd .sheet:not(.on):not(.drag){transform:translateY(calc(100% + 48px))!important;visibility:hidden}
/* report form: the chosen field reads as chosen */
.rc input:checked+span{background:#000!important;color:#fff!important;border-color:#000!important}
/* desktop: category / channel page intro uses the full row (title left, text right) instead of a narrow block with empty space beside it */
@media(min-width:1024px){
  .cat-head{max-width:var(--max,1280px)!important;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;align-items:end}
  .cat-head>*{grid-column:1}
  .cat-head>p{grid-column:2;margin:0 0 6px!important;max-width:36em}
  .cat-head>h1{grid-row:1 / span 3}
  main.wrap>.phero:has(+.prose .cx-hub){display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:48px;align-items:end}
  main.wrap>.phero:has(+.prose .cx-hub)>*{grid-column:1}
  main.wrap>.phero:has(+.prose .cx-hub)>.plede{grid-column:2;grid-row:2;margin-bottom:8px}
}
/* home rail (tablet/phone scroller): bleed by the LEDGER gutter, not the old 28px one (it pushed the page 4px sideways at 768) */
body:not(.pg-dir) .rail{margin-left:calc(var(--lg-pad) * -1)!important;margin-right:calc(var(--lg-pad) * -1)!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important}
@media(min-width:1024px){body:not(.pg-dir) .rail{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}}
/* glass /directory/ detail sheet (phone): solid paper, not a 74% see-through layer over the list; the veil behind it is ink, not white */
.gd .sheet{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid #000!important;border-bottom:0!important}
.gd .backdrop{background:rgba(0,0,0,.4)!important}
/* compare "Which to pick" on phone: two ruled statements stacked, not grey cards in a clipped sideways scroller */
@media(max-width:719px){
  .cx-picks{display:block!important;overflow:visible!important;margin:0!important;padding:0!important}
  .cx-picks>p{background:#fff!important;border:0!important;border-top:1px solid #000!important;border-radius:0!important;padding:12px 0!important;margin:0!important;max-width:none!important;width:auto!important}
}
.cx-picks>p{background:#fff!important;border-radius:0!important;box-shadow:none!important}
/* ghost buttons (e.g. "Back to Power-ups"): square, outlined, like every other LEDGER button */
.pbtn-ghost{border-radius:0!important;background:#fff!important;border:1px solid #000!important;color:#000!important;box-shadow:none!important}
.pbtn-ghost:hover{background:#000!important;color:#fff!important}

/* ---------- compact directory + header + motion (Rallh, Nov 1 2026 8:16 AM: "Make a more compact minimalist directory make things
   compact and better header make it feel magical and beautiful"). B&W only; every motion off under prefers-reduced-motion. ---------- */
:root{--lg-spring:cubic-bezier(.2,.8,.2,1)}
/* header: slim, frosted on scroll, wordmark eases down a touch */
.sh{transition:background-color .25s,box-shadow .25s,border-color .25s}
.sh.solid:not(.open){background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(1.4) blur(14px)!important;backdrop-filter:saturate(1.4) blur(14px)!important}
.sh-brand{transition:transform .3s var(--lg-spring);transform-origin:left center}
.sh.solid .sh-brand{transform:scale(.92)}
.sh-brand .dot{transition:transform .5s var(--lg-spring)}
.sh-brand:hover .dot{transform:rotate(90deg)}
@media(min-width:720px){
  .sh-nav a{font-weight:500!important;color:#333!important;transition:color .15s}
  .sh-nav a:hover,.sh-nav a[aria-current="page"]{color:#000!important}
  .sh-nav a::after{height:1px!important;bottom:12px!important;left:12px;right:12px}
  /* search: an icon that opens into a field (click, focus, or press "/") */
  .sh-q{position:relative;width:36px!important;min-width:0!important;height:34px!important;margin-left:6px;border:1px solid transparent!important;background:transparent!important;border-radius:999px!important;transition:width .35s var(--lg-spring),border-color .2s,background-color .2s;overflow:hidden;display:flex!important;align-items:center;cursor:pointer;flex:none}
  .sh-q svg{position:absolute;left:9px;top:50%;width:16px!important;height:16px!important;transform:translateY(-50%);pointer-events:none;stroke:#000!important}
  .sh-q input{width:100%!important;height:32px!important;padding:0 10px 0 32px!important;border:0!important;background:transparent!important;font-size:13px!important;color:#000!important;cursor:pointer;outline:none!important;box-shadow:none!important}
  .sh-q input::placeholder{color:transparent}
  .sh-q:hover{background:#f2f2f2!important}
  .sh-q:focus-within,.sh-q.open{width:240px!important;border-color:#000!important;background:#fff!important;cursor:text}
  .sh-q:focus-within input,.sh-q.open input{cursor:text}
  .sh-q:focus-within input::placeholder,.sh-q.open input::placeholder{color:#8a8a8a}
  .sh-q::after{content:"/";position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:600;color:#8a8a8a;border:1px solid #d4d4d4;border-radius:4px;padding:0 5px;line-height:16px;opacity:0;transition:opacity .2s;pointer-events:none}
  .sh-q:focus-within::after{opacity:0}
  .sh-q.open:not(:focus-within)::after{opacity:1}
}
/* home intro: tighter, the count line takes a quiet spotlight on desktop */
.pg[data-page="home"] .g-count{font-size:clamp(20px,2.2vw,30px)!important;letter-spacing:-.035em!important}
@media(hover:hover) and (min-width:900px){
  .pg[data-page="home"] .g-count{background:radial-gradient(180px circle at var(--mx,-200px) var(--my,50%),#7a7a7a 0,#000 75%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
  .pg[data-page="home"] .g-count b{color:transparent!important}
}
/* directory bar: small label, small count, pill chips on one scrollable line with a sliding active pill */
.hd-bar{border-top:1px solid #000!important;padding:10px 0 8px!important;align-items:center!important;flex-wrap:nowrap!important;gap:10px!important}
.hd-t{font-size:11px!important;letter-spacing:.12em!important;font-weight:700!important;flex:none}
.hd-cnt{font-size:11px!important;color:#8a8a8a!important;flex:none;min-width:5.5em}
.hd-chips{position:relative;gap:2px!important;margin:0 0 0 auto!important;width:auto!important;flex:0 1 auto;min-width:0;padding:2px!important;border:1px solid #e2e2e2;border-radius:999px;isolation:isolate}
.hd-chip{position:relative;z-index:1;height:26px!important;padding:0 11px!important;font-size:12px!important;font-weight:500!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#555!important;transition:color .25s}
.hd-chip:hover{background:transparent!important;color:#000!important}
.hd-chip.on{background:#000!important;color:#fff!important}
.hd-chips.js .hd-chip.on{background:transparent!important}
.hd-ind{position:absolute;z-index:0;top:2px;left:0;height:26px;width:0;border-radius:999px;background:#000;transition:transform .35s var(--lg-spring),width .35s var(--lg-spring);pointer-events:none}
/* rows: hairlines, small logos, one line; phone = logo, name, price; desktop adds maker, category and a quiet arrow */
.hd-h{display:none!important}
.hd-l{border-top:0!important}
.hd-r{grid-template-columns:34px minmax(0,1fr) auto 14px!important;grid-template-areas:none!important;column-gap:12px!important;padding:0 4px!important;min-height:52px;border-bottom:1px solid #ececec!important;transition:background-color .2s}
.hd-r>*{grid-area:auto!important;grid-row:1!important}
.hd-r>.logo-i{grid-column:1;width:34px!important;height:34px!important;box-shadow:0 0 0 1px #ececec!important}
.hd-r>.hd-n{grid-column:2;font-size:14px!important;font-weight:600!important}
.hd-n .nw{font-size:9px!important;letter-spacing:.08em;padding:1px 4px!important;border:1px solid #000!important;background:#fff!important;color:#000!important;border-radius:0!important;vertical-align:1px!important}
.hd-m,.hd-c,.hd-v{display:none!important}
.hd-r>.hd-p{grid-column:3;justify-self:end;border:0!important;padding:0!important;background:none!important;font-size:12px!important;font-weight:500!important;color:#8a8a8a!important;font-variant-numeric:tabular-nums}
.hd-r>.hd-p.free{color:#000!important;font-weight:700!important}
.hd-r::after{content:"→";grid-column:4;grid-row:1;justify-self:end;font-size:13px;color:#b5b5b5;transform:translateX(-4px);opacity:.0;transition:transform .3s var(--lg-spring),opacity .2s,color .2s}
.hd-r:hover,.hd-r:focus-within{background:#f6f6f6!important}
.hd-r:hover::after,.hd-r:focus-within::after{opacity:1;transform:none;color:#000}
.hd-r:active{background:#efefef!important}
@media(hover:none){.hd-r::after{opacity:1;transform:none}}
@media(min-width:760px){
  .hd-r{grid-template-columns:36px minmax(0,1.6fr) minmax(0,1.2fr) minmax(0,1.2fr) 88px 16px!important;column-gap:18px!important;min-height:52px}
  .hd-r>.logo-i{width:36px!important;height:36px!important}
  .hd-r>.hd-m,.hd-r>.hd-c{display:block!important;font-size:13px!important;color:#8a8a8a!important}
  .hd-r>.hd-m{grid-column:3}.hd-r>.hd-c{grid-column:4}
  .hd-r>.hd-p{grid-column:5;justify-self:start}
  .hd-r::after{grid-column:6}
}
.hd-more{margin-top:14px!important}
.hd-all{height:36px!important;padding:0 16px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;transition:transform .2s var(--lg-spring),background-color .2s}
.hd-all:hover{transform:translateY(-1px)}
.hd-full{font-size:13px;color:#555!important}
/* motion: rows rise in, staggered, on load and after every filter change */
@keyframes lgRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hd-l.hd-anim>.hd-r:not(.hd-x){animation:lgRise .42s var(--lg-spring) both;animation-delay:calc(min(var(--i,0),24) * 18ms)}
/* glass /directory/: the same compact rhythm */
.gd .list .row{padding:0 4px!important;min-height:56px;gap:12px!important;border-bottom:1px solid #ececec!important;transition:background-color .2s}
.gd .list .row:hover{background:#f6f6f6!important}
.gd .list .row .lg{width:36px!important;height:36px!important;flex:none}
.gd .list .row .rn{font-size:14px!important;font-weight:600!important}
.gd .list .row .rd{font-size:12.5px!important;color:#8a8a8a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.gd .list .row .rt{min-width:0}
.gd .list .row .tag{font-size:11px!important;font-weight:500!important;color:#8a8a8a!important;border:0!important;background:none!important;padding:0!important}
@media(max-width:719px){.gd .list .row .rd{display:none!important}.gd .list .row{min-height:54px}}
/* page-to-page: a short cross-fade (Chrome view transitions) */
::view-transition-old(root){animation:.18s ease-out both lgFadeOut}
::view-transition-new(root){animation:.26s var(--lg-spring) both lgFadeIn}
@keyframes lgFadeOut{to{opacity:0}}
@keyframes lgFadeIn{from{opacity:0;transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){
  .hd-l.hd-anim>.hd-r{animation:none!important}
  .hd-ind,.sh-brand,.sh-q,.hd-r::after,.hd-all{transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
  .pg[data-page="home"] .g-count{background:none!important;color:#000!important}
  .pg[data-page="home"] .g-count b{color:#000!important}
}
@media(max-width:759px){
  .hd-bar{flex-wrap:wrap!important;row-gap:8px!important}
  .hd-chips{order:3;flex:1 1 100%;margin:0!important;overflow-x:auto}
}
.hd-chips,.hd-chip,.hd-ind,.hd-all{border-radius:0!important}
/* glass /directory/: a quieter intro and small chips so rows start sooner */
.gd .intro h1.lede{font-size:clamp(26px,7vw,34px)!important;line-height:1.05!important;letter-spacing:-.035em!important}
@media(min-width:900px){.gd .intro h1.lede{font-size:clamp(34px,3.4vw,52px)!important}}
.gd .chips .chip{height:28px!important;min-height:28px!important;padding:0 10px!important;font-size:12.5px!important;font-weight:500!important}
.gd .chips{gap:4px!important}

/* ---------- PRO HOME (Nov 1 2026, Rallh 8:34 AM: "What does a pro landing page with directory should look like ... make it more symmetric and aesthetic").
   One centered axis: hero, search, proof strip, chips, Featured, list and the three footer columns all share --hp-w. 8px rhythm.
   Featured = the future paid slot (LEDGER-NOTES.md); today it shows 3 agents flagged featured in data.js, nobody paid. ---------- */
html body.hp-page{--hp-w:800px}
html body.hp-page:not([data-view="powerups"]) .sh-nav a[href="/directory/"],html body.hp-page[data-view="powerups"] .sh-nav a[href="/powerups/"]{display:none!important}
html body.hp-page .hero.hp-hero{padding:48px 0 0!important;border:0!important;text-align:center}
html body.hp-page #main .hp-hero .hero-in{display:flex!important;flex-direction:column;align-items:center!important;text-align:center!important;max-width:calc(var(--hp-w) + 2 * var(--lg-pad))!important;margin:0 auto!important;padding:0 var(--lg-pad)!important;gap:0!important}
html body.hp-page #main .hp-hero .g-count{font-size:clamp(32px,5vw,56px)!important;font-weight:800!important;letter-spacing:-.05em!important;line-height:1!important;margin:0 0 16px!important;max-width:100%}
html body.hp-page #main .hp-hero h1.g-sub{font-size:clamp(15px,1.5vw,18px)!important;font-weight:500!important;line-height:1.4!important;letter-spacing:-.01em!important;color:#5c5c5c!important;margin:0 auto 32px!important;max-width:520px!important}
html body.hp-page #main .hp-hero h1.g-sub em{color:#000!important;font-weight:600!important}
html body.hp-page #main .hp-hero .qbox{width:100%!important;max-width:var(--hp-w)!important;height:56px!important;margin:0!important;border:1px solid #000!important;text-align:left}
html body.hp-page #main .hp-hero .qbox svg{width:20px;height:20px;margin:0 0 0 16px;flex:none}
html body.hp-page #main .hp-hero .qbox input{height:54px!important;font-size:17px!important;padding:0 12px!important}
html body.hp-page #main .hp-hero .qbox button{height:56px!important;padding:0 24px!important;font-size:14px}
.hp-proof{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;margin:16px 0 0;font-size:12px;line-height:16px;color:#5c5c5c;font-variant-numeric:tabular-nums}
.hp-proof span:first-child{color:#000;font-weight:700}
/* chips: one centered row, same axis */
#hd.hp{max-width:calc(var(--hp-w) + 2 * var(--lg-pad));margin:0 auto;padding:24px var(--lg-pad) 48px}
#hd.hp .hd-bar{display:flex!important;justify-content:center;border:0!important;padding:0!important;margin:0}
#hd.hp .hd-chips{order:0!important;flex:0 0 auto!important;width:auto!important;margin:0 auto!important;max-width:100%}
#hd.hp .hd-chip{height:32px;padding:0 14px;font-size:13px}
#hd.hp .hd-ind{height:28px}
/* section labels: centered between two hairlines */
.hp-lab,#hd.hp .hp-lab{display:flex;align-items:center;gap:16px;margin:0!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.1em!important;line-height:16px!important;color:#000}
.hp-feat>.hp-lab::before,.hp-feat>.hp-lab::after{content:"";flex:1;height:1px;background:#d4d4d4}
/* Featured: three equal cards, one row (one column on phone) */
.hp-feat{margin:40px 0 0}
.hp-fl{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.hp-fc{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;height:100%;padding:24px 16px;border:1px solid #000;color:#000;text-decoration:none;background:#fff;transition:background-color .2s,transform .3s var(--lg-ease)}
.hp-fc:hover{background:#f6f6f6}
.hp-fc .logo-i{width:48px!important;height:48px!important;margin:0 0 8px!important;box-shadow:0 0 0 1px #ececec!important;flex:none}
.hp-fc-n{font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:1.25}
.hp-fc-t{font-size:13px;line-height:1.4;color:#5c5c5c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}
.hp-fc-p{margin-top:auto;padding-top:8px;font-size:12px;font-weight:600;color:#000}
#hd.hp.hd-q .hp-feat{display:none}
/* list header: label left, live count right, one black rule */
.hp-lh{display:flex;align-items:baseline;justify-content:space-between;margin:40px 0 0;padding:0 0 8px;border-bottom:1px solid #000}
#hd.hp.hd-q .hp-lh{margin-top:24px}
.hp-lh .hd-cnt{font-size:12px;line-height:16px;color:#5c5c5c}
#hd.hp .hd-l{border-top:0!important;margin:0}
/* rows: logo | name + one-liner | price | arrow, 56px */
#hd.hp .hd-r{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;column-gap:16px!important;align-items:center;min-height:56px;padding:8px 4px!important;border-bottom:1px solid #ececec!important}
#hd.hp .hd-r>.logo-i{grid-column:1!important;width:34px!important;height:34px!important}
#hd.hp .hd-b{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;gap:2px}
#hd.hp .hd-n{font-size:15px!important;font-weight:600!important;line-height:20px!important}
#hd.hp .hd-d{font-size:13px;line-height:18px;color:#5c5c5c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd.hp .hd-r>.hd-p{grid-column:3!important;justify-self:end!important;text-align:right;font-size:12px!important}
#hd.hp .hd-r::after{display:none}
@media(min-width:760px){
 #hd.hp .hd-r{grid-template-columns:36px minmax(0,1fr) 88px 16px!important;min-height:56px;padding:8px 8px!important}
 #hd.hp .hd-r>.logo-i{width:36px!important;height:36px!important}
 #hd.hp .hd-r::after{display:block;grid-column:4!important}
}
#hd.hp .hd-more{flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:32px 0 0;text-align:center}
#hd.hp .hd-all{height:48px;padding:0 32px}
/* footer area: three equal centered columns */
/* FAQ on the same axis */
html body.hp-page .hfaq{max-width:var(--hp-w)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:content-box}
@media(max-width:759px){
 html body.hp-page .hero.hp-hero{padding-top:32px!important}
 html body.hp-page #main .hp-hero h1.g-sub{margin-bottom:24px!important}
 html body.hp-page #main .hp-hero .qbox{height:52px!important}
 html body.hp-page #main .hp-hero .qbox input{height:50px!important;font-size:16px!important}
 html body.hp-page #main .hp-hero .qbox button{height:52px!important;padding:0 16px!important}
 #hd.hp{padding-top:24px}
 #hd.hp .hd-chip{padding:0 10px;font-size:12px}
 .hp-feat{margin-top:32px}
 .hp-fl{grid-template-columns:1fr;gap:8px}
 .hp-fc{display:grid;grid-template-columns:40px minmax(0,1fr) auto;grid-template-areas:"lg n p" "lg t p";column-gap:12px;row-gap:2px;align-items:center;text-align:left;padding:12px;height:auto}
 .hp-fc .logo-i{grid-area:lg;width:40px!important;height:40px!important;margin:0!important}
 .hp-fc-n{grid-area:n;font-size:15px}
 .hp-fc-t{grid-area:t;-webkit-line-clamp:1;min-height:0;font-size:12px}
 .hp-fc-p{grid-area:p;margin:0;padding:0}
 .hp-lh{margin-top:32px}
}
@media(prefers-reduced-motion:reduce){.hp-fc{transition:none}}

.hp-lh{gap:16px}
.hp-lh .hp-lab{flex:none}
.hp-lh .hd-cnt{flex:1}
.hp-sort{position:relative;display:inline-flex;align-items:center}
.hp-sort select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #000;height:32px;padding:0 28px 0 12px;font:600 12px/1 var(--sans);color:#000;cursor:pointer}
.hp-sort::after{content:"";position:absolute;right:11px;top:50%;width:6px;height:6px;border-right:1.5px solid #000;border-bottom:1.5px solid #000;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.hp-sort select:focus-visible{outline:2px solid #000;outline-offset:2px}
#hd.hp .hd-chips{overflow-x:auto!important;scrollbar-width:none;flex-wrap:nowrap!important}
html body.hp-page .hd-chip{white-space:nowrap}

html body.hp-page #main .hp-hero .qbox{position:relative;padding:0!important;overflow:hidden}
html body.hp-page #main .hp-hero .qbox svg{position:absolute!important;left:16px;top:50%;transform:translateY(-50%);margin:0!important}
html body.hp-page #main .hp-hero .qbox input{padding:0 12px 0 48px!important}
html body.hp-page #main .hp-hero .qbox button{position:static!important;margin:0!important;align-self:stretch;height:auto!important;line-height:normal!important;border-radius:0!important;padding:0 24px!important;flex:none}
html body.hp-page #main .hp-hero .qbox button::after{display:none}
html body.hp-page #main .hp-hero .qbox input{flex:1;min-width:0}
.hp-sort select{font-size:13px!important}
@media(max-width:759px){
 #hd.hp .hd-chips{-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)}
 #hd.hp .hd-chips.end{-webkit-mask-image:none;mask-image:none}
}
@media(min-width:760px){
 #hd.hp .hd-chips[data-for="agents"]{width:100%!important;flex:1 1 100%!important;display:flex}
 #hd.hp .hd-chips[data-for="agents"] .hd-chip{flex:1 1 0;min-width:0;padding:0 8px}
}
html body.hp-page #main .hfaq{max-width:var(--hp-w)!important;width:calc(100% - 2 * var(--lg-pad));margin-left:auto!important;margin-right:auto!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}
html body.hp-page #main .hfaq .wrap{max-width:none!important;width:100%!important;margin:0!important;padding-left:0!important;padding-right:0!important}
html body.hp-page #main .hfaq h2{text-align:center}
html body.hp-page .hp-sort select{font-size:13px!important;height:32px!important;line-height:30px}
html body.hp-page #main .hfaq details,html body.hp-page #main .hfaq .qa,html body.hp-page #main .hfaq h2{max-width:none!important;width:auto!important}
/* Agents | Power-ups: one table, two tabs (Rallh 8:38 AM "combine both agents and power up as 2 toggleable tabs of the table") */
#hd.hp .hd-bar{flex-direction:column;align-items:center;gap:16px}
#hd.hp .hd-chips[hidden],#hd.hp .hd-l[hidden],#hd.hp[data-tab="powerups"] .hp-feat,#hd.hp[data-tab="powerups"] .hp-sort{display:none!important}
#hd.hp .hd-bar{margin-top:40px}
#hd.hp .hp-feat{margin:0 0 0}
#hd.hp>.hd-bar:first-child{margin-top:0}
.hp-tabs{position:relative;display:inline-flex;padding:2px;border:1px solid #000;isolation:isolate}
.hp-tab{position:relative;z-index:1;height:40px;min-width:160px;padding:0 24px;border:0;background:transparent;font:700 14px/1 var(--sans);letter-spacing:-.01em;color:#000;cursor:pointer;transition:color .3s var(--lg-ease)}
.hp-tab span{font-weight:500;color:inherit;opacity:.6;margin-left:4px;font-variant-numeric:tabular-nums}
.hp-tab.on{color:#fff}
.hp-tabs:not(.js) .hp-tab.on{background:#000}
.hp-tabs .hd-ind{position:absolute;z-index:0;top:2px;left:0;height:40px;background:#000;border-radius:0!important;transition:transform .35s var(--lg-spring,var(--lg-ease)),width .35s var(--lg-spring,var(--lg-ease))}
.hp-tab:focus-visible{outline:2px solid #000;outline-offset:3px}
#hd.hp .hd-chips[data-for="powerups"]{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}
#hd.hp .hd-chips[data-for="powerups"].end{-webkit-mask-image:none;mask-image:none}
/* category column (desktop) */
#hd.hp .hd-r>.hd-c{display:none!important}
@media(min-width:760px){
 #hd.hp .hd-r{grid-template-columns:36px minmax(0,1fr) 136px 104px 16px!important}
 #hd.hp .hd-r>.hd-c{display:block!important;grid-column:3!important;grid-row:1!important;font-size:13px!important;color:#8a8a8a!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 #hd.hp .hd-r>.hd-p{grid-column:4!important}
 #hd.hp .hd-r::after{grid-column:5!important}
}
#hd.hp .pu-i{display:block;width:34px;height:34px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ececec!important}
#hd.hp .pu-i img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:760px){#hd.hp .pu-i{width:36px;height:36px}}
@media(max-width:759px){.hp-tab{min-width:0;flex:1;padding:0 16px}.hp-tabs{display:flex;width:100%}}
@media(prefers-reduced-motion:reduce){.hp-tabs .hd-ind,.hp-tab{transition:none!important}}
#hd.hp .hp-tabs .hp-tab{position:relative!important;z-index:2!important;text-align:center}
#hd.hp .hp-tabs .hd-ind{z-index:0!important;top:2px!important;height:40px!important}
#hd.hp[data-tab="powerups"] .hd-bar,#hd.hp.hd-q .hd-bar{margin-top:8px}
#hd.hp .hp-tabs .hp-tab{color:#000!important;background:transparent!important}
#hd.hp .hp-tabs .hp-tab.on{color:#fff!important}
#hd.hp .hp-tabs:not(.js) .hp-tab.on{background:#000!important}

/* No NEW badges (Rallh, Nov 1 2026 8:58 AM "Remove all the new tags") */
/* ---- bottom blocks + footer (Rallh, Nov 1 2026 8:48 AM: "Make these 2 more sharper symmetric and aesthetic") ---- */
/* three equal blocks on the home axis: label, 1px rule, 4 rows of 40px (3 items + "All ... ->"); phone = stacked, same spacing */
.hp-cols{max-width:var(--hp-w);width:calc(100% - 2 * var(--lg-pad));margin:0 auto;padding:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;text-align:left;box-sizing:border-box;border:0}
.hp-blk{min-width:0}
.hp-cols .hp-lab{display:block;margin:0!important;padding:0 0 8px;border-bottom:1px solid #000;text-align:left}
.hp-cols ul{list-style:none;margin:0;padding:0}
.hp-cols li{border-bottom:1px solid #e5e5e5;margin:0}
.hp-br{display:flex;align-items:center;gap:8px;height:40px;color:#000;text-decoration:none;font-size:14px;line-height:20px;font-weight:600;min-width:0}
.hp-br .logo-i{width:24px!important;height:24px!important;flex:none;margin:0!important;border-radius:0!important}
.hp-br .pu-i img{width:24px;height:24px;display:block}
.hp-bn{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hp-bd{flex:none;font-size:12px;font-weight:500;color:#5c5c5c;font-variant-numeric:tabular-nums}
.hp-ba{flex:none;width:16px;text-align:right;font-weight:500;transition:transform .16s var(--lg-ease)}
.hp-br:hover .hp-bn{text-decoration:underline}
.hp-br:hover .hp-ba{transform:translateX(3px)}
.hp-bm{font-size:13px;color:#000}
.hp-bm .hp-bn{font-weight:700}
@media(max-width:719px){.hp-cols{grid-template-columns:1fr;gap:32px;padding-top:40px}}
@media(prefers-reduced-motion:reduce){.hp-ba{transition:none}}

/* footer: wordmark / 4 equal groups (2 on phone) / one centered bottom line; 8px rhythm, 1px rules */
.sf.sf2{margin-top:64px!important;border-top:1px solid #000!important;background:#fff!important;padding:0!important}
.sf.sf2 .sf-in{display:block!important;max-width:calc(1040px + 2 * var(--lg-pad))!important;margin:0 auto!important;padding:32px var(--lg-pad) calc(24px + env(safe-area-inset-bottom))!important;gap:0!important}
.sf.sf2 .sf-brand{display:inline-flex;align-items:center;gap:8px;font-size:18px;line-height:24px;color:#000!important;text-decoration:none}
.sf.sf2 .sf-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:24px 0 0!important;padding:24px 0 0!important;border-top:1px solid #e5e5e5;overflow:visible!important;flex-wrap:nowrap}
.sf.sf2 .sf-g{min-width:0}
.sf.sf2 .sf-h{margin:0 0 8px!important;font-size:11px!important;line-height:16px!important;font-weight:700!important;letter-spacing:.1em;text-transform:uppercase;color:#000!important}
.sf.sf2 .sf-g ul{list-style:none;margin:0;padding:0}
.sf.sf2 .sf-g li{margin:0;padding:0}
.sf.sf2 .sf-g a{display:block;padding:4px 0;font-size:14px!important;line-height:24px;font-weight:500!important;color:#000!important;text-decoration:none;min-height:0!important;background:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sf.sf2 .sf-g a:hover{text-decoration:underline}
.sf.sf2 .sf-bot{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0 0!important;padding:16px 0 0!important;border-top:1px solid #000;font-size:12px!important;line-height:16px!important;color:#5c5c5c!important;text-align:center}
.sf.sf2 .sf-bot time{color:inherit}
.sf.sf2 .sf-x{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:#000!important;border:1px solid #000;flex:none}
.sf.sf2 .sf-x:hover{background:#000;color:#fff!important}
@media(max-width:719px){
 .sf.sf2{margin-top:48px!important}
 .sf.sf2 .sf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .sf.sf2 .sf-bot{flex-direction:column;gap:8px}
}

/* ---- spacing pass (Rallh, Nov 1 2026 8:54 AM: "compact and optimize for spacing make all symmetric and aesthetic") ----
   one 8px rhythm on /, /directory/, /powerups/: every section break is 40px (32px phone), sub-steps 16/24px, rows exactly 56px;
   hero, Featured, tabs, chips, table, FAQ, bottom blocks and footer all sit on the same 800px axis with the same edges. */
html body.hp-page .hero.hp-hero{padding:40px 0 0!important}
html body.hp-page #main .hp-hero .g-count{margin:0 0 16px!important}
html body.hp-page #main .hp-hero h1.g-sub{margin:0 auto 24px!important}
html body.hp-page .hp-proof{margin:16px 0 0}
#hd.hp{padding:40px var(--lg-pad) 0!important}
#hd.hp .hp-feat{margin:0!important}
.hp-fl{margin:16px 0 0!important}
#hd.hp .hd-bar{margin-top:40px!important;gap:16px!important}
#hd.hp>.hd-bar:first-child{margin-top:0!important}
#hd.hp[data-tab="powerups"] .hd-bar,#hd.hp.hd-q .hd-bar{margin-top:0!important}
.hp-lh,#hd.hp.hd-q .hp-lh{margin:24px 0 0!important;padding:0 0 8px!important}
#hd.hp .hd-r{box-sizing:border-box!important;height:56px!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden}
#hd.hp .hd-more{margin:24px 0 0!important;gap:16px}
html body.hp-page #main .hfaq{padding:40px 0 0!important;margin-top:0!important;margin-bottom:0!important}
html body.hp-page #main .hfaq h2{margin:0 0 16px!important;line-height:24px!important}
html body.hp-page .hp-cols{padding-top:40px}
html body.hp-page .sf.sf2{margin-top:40px!important}
html body.hp-page .sf.sf2 .sf-in{max-width:calc(var(--hp-w) + 2 * var(--lg-pad))!important}
.hp-br .pu-i{display:block;overflow:hidden;background:#fff!important;box-shadow:0 0 0 1px #ececec!important}
.hp-br .pu-i img{width:100%;height:100%;object-fit:contain}
@media(max-width:719px){
 html body.hp-page .hero.hp-hero{padding-top:32px!important}
 #hd.hp{padding-top:32px!important}
 #hd.hp .hd-bar{margin-top:32px!important}
 html body.hp-page #main .hfaq{padding-top:32px!important}
 html body.hp-page .hp-cols{padding-top:32px}
 html body.hp-page .sf.sf2{margin-top:32px!important}
}

/* NEW badges removed from rows/cards (Rallh, Nov 1 2026 8:58 AM: "Remove all the new tags"); the New chip and New this week stay */
.nw{display:none!important}
/* ==== VQA home start ==== */
/* Visual QA pass, home + /directory/ + /powerups/ (Rallh, Nov 1 2026 9:05-9:09 AM: "make this more organized and align", visual exploration with before/after). Scoped to body.hp-page. */
/* 1) hero: balanced wrapping, no one-word orphans ("One / list.", "real / work.") */
html body.hp-page #main .hp-hero .g-count,html body.hp-page #main .hp-hero h1.g-sub{text-wrap:balance;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
/* 2) Agents | Power-ups tabs span the full 800px axis (same edges as search, chips and list) */
html body.hp-page #hd.hp .hp-tabs{display:flex!important;width:100%;box-sizing:border-box}
html body.hp-page #hd.hp .hp-tabs .hp-tab{flex:1 1 0;min-width:0;justify-content:center}
/* 3) section labels: one style, left-aligned, 1px rule under it (Featured was centered between rules, FAQ was a big centered heading) */
html body.hp-page #hd.hp .hp-feat>.hp-lab{display:block!important;text-align:left!important;padding:0 0 8px!important;margin:0!important;border:0!important;border-bottom:1px solid #000!important;width:100%!important;max-width:none!important}
html body.hp-page #hd.hp .hp-feat>.hp-lab::before,html body.hp-page #hd.hp .hp-feat>.hp-lab::after{content:none!important;display:none!important}
html body.hp-page #main .hfaq h2{text-align:left!important;font-size:12px!important;line-height:16px!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase;color:#000!important;padding:0 0 8px!important;margin:0!important;border-bottom:1px solid #000!important}
html body.hp-page #main .hfaq h2 em{font-style:normal!important;font-weight:inherit!important;color:inherit!important}
/* FAQ rows on the same edges as the list: question text 15px/600, chevron inside the right edge */
html body.hp-page #main .hfaq details.qa{margin:0!important;border:0!important;border-bottom:1px solid #ececec!important;padding:0!important;background:none!important;border-radius:0!important}
html body.hp-page #main .hfaq summary{min-height:56px;box-sizing:border-box;padding:16px 10px 16px 4px!important;position:relative;display:flex!important;align-items:center;gap:16px}
html body.hp-page #main .hfaq summary h3{font-size:15px!important;line-height:24px!important;font-weight:600!important;margin:0!important}
html body.hp-page #main .hfaq summary::after{margin-left:auto!important;flex:none}
html body.hp-page #main .hfaq details>p{margin:0!important;padding:0 32px 16px 4px!important;font-size:14px;line-height:22px}
/* 4) prices: one weight, one colour (some were grey 500, some black 700) */
html body.hp-page #hd.hp .hd-r>.hd-p,html body.hp-page #hd.hp .hd-r>.hd-p.free{color:#000!important;font-weight:500!important;font-size:13px!important}
/* 5) desktop rows: the empty 16px column at the right end now holds the row arrow, like the bottom blocks */
@media(min-width:760px){
 html body.hp-page #hd.hp .hd-r::after{content:"\2192";grid-column:5;justify-self:end;font-size:14px;line-height:1;color:#8a8a8a;display:block!important;position:static!important;opacity:1!important;transform:none!important;background:none!important;width:auto!important;height:auto!important}
 html body.hp-page #hd.hp .hd-r:hover::after{color:#000}
}
/* 6) chips: no cut-off scrolling rows. Agents chips on phone = 3 x 3 grid; power-up chips on desktop = aligned grid of equal cells */
@media(max-width:759px){
 html body.hp-page #hd.hp .hd-chips[data-for="agents"]{width:100%!important;margin-left:0!important;margin-right:0!important;flex:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;padding:0!important;border:0!important;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important}
 html body.hp-page #hd.hp .hd-chips[data-for="agents"][hidden]{display:none!important}
 html body.hp-page #hd.hp .hd-chips[data-for="agents"] .hd-ind{display:none!important}
 html body.hp-page #hd.hp .hd-chips[data-for="agents"] .hd-chip{width:100%;height:36px!important;padding:0 4px!important;border:1px solid #d4d4d4!important;background:#fff!important;color:#000!important;font-size:13px!important}
 html body.hp-page #hd.hp .hd-chips[data-for="agents"] .hd-chip.on{background:#000!important;border-color:#000!important;color:#fff!important}
}
@media(min-width:760px){
 html body.hp-page #hd.hp .hd-chips[data-for="powerups"]{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px!important;padding:0!important;border:0!important;-webkit-mask-image:none!important;mask-image:none!important;overflow:visible!important;width:100%!important;margin:0!important;flex-wrap:wrap!important}
 html body.hp-page #hd.hp .hd-chips[data-for="powerups"][hidden]{display:none!important}
 html body.hp-page #hd.hp .hd-chips[data-for="powerups"] .hd-ind{display:none!important}
 html body.hp-page #hd.hp .hd-chips[data-for="powerups"] .hd-chip{width:100%;min-width:0;height:32px!important;padding:0 4px!important;border:1px solid #d4d4d4!important;background:#fff!important;color:#000!important;font-size:13px!important;overflow:hidden;text-overflow:ellipsis}
 html body.hp-page #hd.hp .hd-chips[data-for="powerups"] .hd-chip.on{background:#000!important;border-color:#000!important;color:#fff!important}
}
/* 8) five power-up logos are white artwork on a transparent ground and vanished on the white tile (1Password, Inngest, Mobilerun, Retell AI, Supermemory): give them a black tile */
html body.hp-page .pu-i img[src*="/logos/1password-for-agents."],html body.hp-page .pu-i img[src*="/logos/inngest."],html body.hp-page .pu-i img[src*="/logos/mobilerun."],html body.hp-page .pu-i img[src*="/logos/retell-ai."],html body.hp-page .pu-i img[src*="/logos/supermemory."]{background:#000!important}
/* 9) header (shared, in this agent's scope): the phone Menu/Close button hung 8px past the 16px gutter; drawer search icon floated 31px in. Both now sit on the content edges */
@media(max-width:899px){
 .sh .sh-in .sh-menu{margin-right:0!important}
 .sh .sh-drawer .sh-dq{padding-left:0!important}
 .sh .sh-drawer .sh-dq svg{left:16px!important;right:auto!important}
 .sh .sh-drawer .sh-dq input{padding-left:44px!important}
}
/* ==== VQA home end ==== */

/* ==== VQA other start ==== */
/* Visual QA, agent C (Rallh, Nov 1 2026 9:05-9:09 AM: "make this more organized and align" + visual exploration with before/after).
   Scope: chat-app + category pages, /directory/free/, blog index + posts, power-up detail, privacy/terms, report, 404. */

/* 1) Chat-app + category pages: title first, then search + chips, then the table; empty hero band gone; 8px rhythm */
body.pg-dir:not(.pg-pud) main:has(.cat-head)>.hero{display:none!important}
body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head){display:flex!important;flex-direction:column}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head{order:-1;display:block!important;box-sizing:border-box;width:100%;max-width:none!important;margin:0!important;padding:40px 43.2px 24px!important}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head>h1{margin:0!important;font-size:44px;line-height:48px}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head>h1 em{line-height:inherit}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head>p{max-width:640px!important;margin:16px 0 0!important;font-size:16px;line-height:24px}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head>p.cat-check{margin-top:8px!important;font-size:13px;line-height:20px;color:#6b6b6b}
body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head)>.tools{margin:0!important;padding:0 43.2px 8px!important;align-items:center}
body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head)>.cat-how{margin:8px 0 0!important}
body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head)>.row-head{margin:24px 0 8px!important}
@media(max-width:719px){
 body.pg-dir:not(.pg-pud) #browse.dir>.cat-head{padding:32px 16px 16px!important}
 body.pg-dir:not(.pg-pud) #browse.dir>.cat-head>h1{font-size:32px;line-height:36px}
 body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head)>.tools{padding:0 16px 8px!important}
}

/* 2) Privacy, Terms (and the same prose template on alternatives pages): one centred reading column, title above text */
@media(min-width:720px){
 body.pg-prose:not(.pg-blog) main.wrap:has(>.prose>section.block:first-child){display:block!important;max-width:680px!important;margin:0 auto!important;padding-left:0!important;padding-right:0!important;box-sizing:content-box}
 body.pg-prose:not(.pg-blog) main.wrap:has(>.prose>section.block:first-child)>.phero .ptitle{font-size:48px!important;line-height:56px!important;margin:0!important;letter-spacing:-.04em}
 body.pg-prose:not(.pg-blog) main.wrap:has(>.prose>section.block:first-child)>.phero .plede{margin:8px 0 0}
 body.pg-prose:not(.pg-blog) main.wrap:has(>.prose>section.block:first-child)>.phero{display:block!important;width:auto!important;max-width:none!important;padding:48px 0 24px!important;margin:0!important;border-bottom:1px solid #000}
 body.pg-prose:not(.pg-blog) main.wrap:has(>.prose>section.block:first-child)>.prose{width:auto!important;max-width:none!important;margin:0!important;padding:24px 0 48px!important}
}
/* 3) 404: centred on the site axis like the home hero */
body.pg main>.lost .hero-in{max-width:800px;margin:0 auto!important;text-align:center;box-sizing:border-box}
body.pg main>.lost .hero-in .qbox{margin-left:auto!important;margin-right:auto!important}
body.pg main>.lost .hero-in .btnrow{justify-content:center}
body.pg main>.lost .btnrow{margin-top:16px!important}
/* 4) Report a mistake: intro line uses the form's full width (no ragged 2-line wrap) */
body.pg-rp .rpw>.sub{max-width:none!important;margin:8px 0 24px!important}
body.pg-rp .rpw>.rp-h1{margin:40px 0 0!important}
/* 5) Blog index: one rule system in the filter bar (no doubled lines around the search box) */
body.pg-bindex .b2-bar>.b2-search{border:0!important;border-left:1px solid #d4d4d4!important;box-shadow:none!important}
@media(max-width:719px){body.pg-bindex .b2-bar>.b2-search{border-left:0!important;border-top:1px solid #d4d4d4!important;padding-left:0!important}}
/* 6) /directory/free/: title scale matches the chat-app + category pages */
body.gd .intro>h1{font-size:44px!important;line-height:48px!important}
body.gd .intro>p{font-size:16px;line-height:24px;margin-top:8px!important}
@media(max-width:719px){body.gd .intro>h1{font-size:32px!important;line-height:36px!important}}
/* 7) Power-up detail: "Sources" heading matches the other section headings; "Free tier" tag is a 1px outline tag, not a grey pill */
body.pg-pud #ag-h-src,body.pg-pud #ag-h-src em{text-transform:none!important;color:#000!important}
body.pg-pud .ag-ft{background:transparent!important;border:1px solid #000!important;border-radius:0!important;padding:0 8px!important;line-height:20px!important;font-size:12px!important;color:#000!important;vertical-align:2px}
body.pg-pud .ag-price{gap:0!important;padding-left:0!important}
body.pg-pud .ag-price>.ag-pbig{display:none!important}
/* ==== VQA other end ==== */

/* ==== VQA agents start ==== */
/* Visual QA, agent detail + compare pages (Rallh, Nov 1 2026 9:05-9:09 AM: "make this more organized and align").
   One 800px axis like the home page, edges on --lg-pad, 8px rhythm, flat 56px accordion rows, B&W chips. */

/* -- agent pages (/agents/<slug>/ only: html[data-agent]) -- */
html[data-agent] .ag .ag-bar{padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important}
html[data-agent] .ag .ag-body{box-sizing:border-box!important;width:100%!important;max-width:calc(800px + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important}
html[data-agent] .ag .ag-body .ag-hero{padding:24px 0!important;margin:0!important}
html[data-agent] .ag .ag-body .ag-tag{margin-top:16px!important}
html[data-agent] .ag .ag-body .ag-spec{padding:0!important;margin:0!important;border-bottom:0!important}
html[data-agent] .ag .ag-body .ag-spec>div{padding:12px 0!important;min-height:0!important}
html[data-agent] .ag .ag-body .ag-sec{margin:0!important;padding:24px 0!important}
html[data-agent] .ag .ag-body .ag-d{padding:0!important}
html[data-agent] .ag .ag-body .ag-d>summary{min-height:56px!important;display:flex!important;align-items:center!important}
html[data-agent] .ag .ag-body .ag-d[open]>.ag-dc{padding-bottom:24px!important}
html[data-agent] .ag .ag-body .ag-bfl{margin:24px 0 8px!important}
html[data-agent] .ag .ag-body .ag-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}
html[data-agent] .ag .ag-body .ag-tagc{display:inline-flex!important;align-items:center!important;height:32px!important;min-height:0!important;padding:0 12px!important;margin:0!important;border:1px solid #000!important;background:#fff!important;color:#000!important;font-size:13px!important;font-weight:600!important;line-height:1!important}
/* similar agents: 2 equal columns on the axis instead of a carousel clipped at the screen edge */
html[data-agent] .ag .ag-body .ag-sim{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important}
html[data-agent] .ag .ag-body .ag-sim .ag-mc{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-top:1px solid #d4d4d4!important}
html[data-agent] .ag .ag-body .ag-sim .ag-mct>span{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
/* report link + prev/next: one rule, equal halves, no double hairline */
html[data-agent] .ag .ag-body .ag-rep{margin:0!important;padding:16px 0!important;border-top:1px solid #000!important}
html[data-agent] .ag .ag-body .ag-pn2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important;margin:0!important;padding:0!important;border:0!important}
html[data-agent] .ag .ag-body .ag-pn2 .ag-step{padding:16px 0!important;margin:0!important;border:0!important;border-top:1px solid #000!important;min-width:0!important;width:auto!important}

/* -- compare hub + /compare/<a>/<b>/ (only pages carrying the compare table) -- */
body.pg-prose:has(.cx) main.wrap{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:calc(800px + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important;padding-bottom:40px!important}
body.pg-prose:has(.cx) main.wrap>.phero,body.pg-prose main.wrap>.phero:has(+.prose .cx){display:block!important;max-width:none!important;padding:40px 0 24px!important;margin:0!important}
body.pg-prose:has(.cx) main.wrap>.phero .ptitle{font-size:clamp(32px,6vw,48px)!important;line-height:1!important;margin:0!important}
body.pg-prose:has(.cx) main.wrap>.phero .kicker{margin:0 0 8px!important}
body.pg-prose:has(.cx) main.wrap>.phero .plede{font-size:16px!important;line-height:1.5!important;max-width:640px!important;margin:16px 0 0!important}
body.pg-prose:has(.cx) .prose{max-width:none!important;margin:0!important;padding:0!important}
/* heads and rows share one grid: same columns, same gap, flush to the axis */
body.pg-prose .cx .cx-heads,body.pg-prose .cx .cx-row{padding-left:0!important;padding-right:0!important;column-gap:40px!important;grid-template-columns:repeat(var(--n,2),minmax(0,1fr))!important}
body.pg-prose .cx .cx-c{padding-left:0!important}
body.pg-prose .cx .cx-l{padding:0!important}
body.pg-prose .cx .cx-grid[style*="--n:2"] .cx-sw{left:calc(50% - 16px)!important}
body.pg-prose .cx .cx-chips{gap:8px!important}
body.pg-prose .cx .cx-chips span{border:1px solid #000!important;background:#fff!important;color:#000!important;padding:0 8px!important;height:24px!important;display:inline-flex!important;align-items:center!important;font-size:12px!important;font-weight:600!important;line-height:1!important}
@media(min-width:768px){
 body.pg-prose .cx .cx-heads,body.pg-prose .cx .cx-row{grid-template-columns:160px repeat(var(--n,2),minmax(0,1fr))!important}
 body.pg-prose .cx .cx-grid[style*="--n:2"] .cx-sw{left:calc(204px + (100% - 240px) / 2)!important}
}
/* footer on the same 800px axis as the body on these pages (home already does this via hp-page) */
html[data-agent] .sf.sf2 .sf-in,body.pg-prose:has(.cx) .sf.sf2 .sf-in{max-width:calc(800px + 2 * var(--lg-pad))!important}
html[data-agent] .ag .ag-body{padding-bottom:8px!important}
html[data-agent] .ag .ag-body .ag-dock{margin-top:24px!important}
/* compare: summary + footnote flush to the axis; link chips black like every other chip */
body.pg-prose .cx .cx-same>summary{padding:0!important;min-height:56px!important}
body.pg-prose .cx .cx-fine{margin:16px 0 0!important}
body.pg-prose:has(.cx) .plinks a{border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important}
body.pg-prose:has(.cx) .plinks a:hover{background:#000!important;color:#fff!important}
/* compare hub: popular pairs wrap as black chips on the axis instead of a clipped sideways strip */
body.pg-prose .cx-hub .cx-hint{padding:16px 0 0!important;margin:0!important;text-align:left!important}
body.pg-prose .cx-hub .cx-hint>p{margin:0 0 12px!important;padding:0!important;text-align:left!important}
body.pg-prose .cx-hub .cx-pop{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;margin:0!important;padding:0!important;justify-content:flex-start!important;mask-image:none!important;-webkit-mask-image:none!important}
body.pg-prose .cx-hub .cx-pop li{margin:0!important;padding:0!important;flex:none!important}
body.pg-prose .cx-hub .cx-pop a{display:inline-flex!important;align-items:center!important;height:32px!important;padding:0 12px!important;border:1px solid #000!important;border-radius:0!important;background:#fff!important;color:#000!important;font-size:13px!important;font-weight:600!important;white-space:nowrap!important;text-decoration:none!important}
body.pg-prose .cx-hub .cx-pop a:hover{background:#000!important;color:#fff!important}
body.pg-prose .cx-hub .cx-pop a i{font-style:normal!important;font-weight:400!important;margin:0 4px!important}
@media(min-width:768px){body.pg-prose .cx-hub .cx-heads{grid-template-columns:repeat(var(--n,2),minmax(0,1fr))!important}}
/* agent hero: logo pinned to the top of long names; missing-logo fallback gets the same square frame as real logos */
html[data-agent] .ag .ag-body .ag-hd{align-items:flex-start!important}
html[data-agent] .ag .ag-body .ag-name{text-wrap:balance}
html[data-agent] .ag .ag-body .ag-lw .logo.mono{box-sizing:border-box!important;width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid #000!important;background:#fff!important;color:#000!important;font-size:18px!important;font-weight:800!important;letter-spacing:-.02em!important}
/* ==== VQA agents end ==== */

/* ==== Filter menu start ==== */
/* Collapsible filter menu (Rallh, WhatsApp Nov 1 2026 9:35 AM: "Make this a collapsible menu symmetric compact and aesthetic").
   Tabs, then ONE row of two equal halves [FILTER All v | SORT Featured v] on the 800px axis, the chips in a panel that opens under it
   (height + opacity, 200ms; reduced motion = instant). No JS: .fm has no .js class, so the panel stays open. Markup: homedir.py, JS: base/ledger.js.
   Chip grids use 60 columns so the last row always fills the width evenly (e.g. 22 power-up chips = 3 rows of 6 + one row of 4). */
html body.hp-page #hd.hp .fm{position:relative;margin:16px 0 0;width:100%}
html body.hp-page #hd.hp .fm-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:44px;border:1px solid #000;background:#fff;box-sizing:border-box}
html body.hp-page #hd.hp .fm-btn{display:flex;align-items:center;gap:10px;height:100%;min-width:0;margin:0;padding:0 16px;background:#fff;border:0;border-right:1px solid #000;border-radius:0;color:#000;font:600 14px/1 var(--sans);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}
html body.hp-page #hd.hp .fm .fm-k{flex:none;font:600 11px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#6b6b6b}
html body.hp-page #hd.hp .fm-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body.hp-page #hd.hp .fm-chev{flex:none;width:7px;height:7px;margin:-4px 2px 0 0;border-right:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(45deg);transition:transform .2s var(--lg-ease)}
html body.hp-page #hd.hp .fm.open .fm-chev{transform:translateY(4px) rotate(-135deg)}
html body.hp-page #hd.hp .fm-btn:hover,html body.hp-page #hd.hp .fm-sort:hover select{background:#f6f6f6!important}
html body.hp-page #hd.hp .fm-btn:focus-visible,html body.hp-page #hd.hp .fm-sort select:focus-visible{outline:2px solid #000;outline-offset:-3px}
html body.hp-page #hd.hp .fm-sort,html body.hp-page #hd.hp[data-tab="powerups"] .fm-sort{display:block!important;position:relative;height:100%;min-width:0;margin:0}
html body.hp-page #hd.hp .fm-sort .fm-k{position:absolute;left:16px;top:50%;transform:translateY(-50%);pointer-events:none;z-index:1}
html body.hp-page #hd.hp .fm-sort select{display:block;width:100%;height:100%!important;margin:0;padding:0 40px 0 62px!important;border:0!important;border-radius:0;background:#fff;color:#000;font:600 14px/42px var(--sans)!important;cursor:pointer;-webkit-appearance:none;appearance:none}
html body.hp-page #hd.hp .fm-sort::after{right:18px!important;width:7px!important;height:7px!important;transform:translateY(-75%) rotate(45deg)!important}
html body.hp-page #hd.hp .fm.open .fm-btn{background:#f6f6f6}
/* the panel */
html body.hp-page #hd.hp .fm-p{display:grid;grid-template-rows:1fr}
html body.hp-page #hd.hp .fm-in{min-height:0;overflow:hidden}
html body.hp-page #hd.hp .fm.js .fm-p{grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .2s var(--lg-ease),opacity .2s var(--lg-ease),visibility 0s linear .2s}
html body.hp-page #hd.hp .fm.js.open .fm-p{grid-template-rows:1fr;opacity:1;visibility:visible;transition:grid-template-rows .2s var(--lg-ease),opacity .2s var(--lg-ease),visibility 0s}
html body.hp-page #hd.hp .fm .fm-p .hd-chips,html body.hp-page #hd.hp .fm .fm-p .hd-chips[data-for]{display:grid!important;grid-template-columns:repeat(60,minmax(0,1fr))!important;gap:4px!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px!important;box-sizing:border-box;border:1px solid #000!important;border-top:0!important;overflow:visible!important;flex:none!important;-webkit-mask-image:none!important;mask-image:none!important;background:#fff}
html body.hp-page #hd.hp .fm .fm-p .hd-chips[hidden]{display:none!important}
html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-ind{display:none!important}
html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-chip{width:100%!important;min-width:0!important;height:36px!important;margin:0!important;padding:0 6px!important;border:1px solid #d4d4d4!important;border-radius:0!important;background:#fff!important;color:#000!important;font:500 13px/1 var(--sans)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transition:background .15s,border-color .15s,color .15s}
html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-chip:hover{border-color:#000!important}
html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-chip.on{background:#000!important;border-color:#000!important;color:#fff!important;font-weight:600!important}
html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-chip:focus-visible{outline:2px solid #000;outline-offset:1px}
/* phone: agents 3 x 3, power-ups 2 columns (22 chips = 11 even rows) */
@media(max-width:759px){
html body.hp-page #hd.hp .fm .hd-chips[data-for="agents"] .hd-chip{grid-column:span 20!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="agents"] .hd-chip:nth-of-type(3n+1):nth-last-of-type(1),html body.hp-page #hd.hp .fm .hd-chips[data-for="agents"] .hd-chip:nth-of-type(3n+1):nth-last-of-type(1)~.hd-chip{grid-column:span 60!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="agents"] .hd-chip:nth-of-type(3n+1):nth-last-of-type(2),html body.hp-page #hd.hp .fm .hd-chips[data-for="agents"] .hd-chip:nth-of-type(3n+1):nth-last-of-type(2)~.hd-chip{grid-column:span 30!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip{grid-column:span 30!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(2n+1):nth-last-of-type(1),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(2n+1):nth-last-of-type(1)~.hd-chip{grid-column:span 60!important}
}
/* desktop: agents in one even row, power-ups 6 columns, last row filled evenly */
@media(min-width:760px){
html body.hp-page #hd.hp .fm .fm-p .hd-chips[data-for="agents"]{grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr)}
html body.hp-page #hd.hp .fm .fm-p .hd-chips[data-for="agents"] .hd-chip{grid-column:auto!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip{grid-column:span 10!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(1),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(1)~.hd-chip{grid-column:span 60!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(2),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(2)~.hd-chip{grid-column:span 30!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(3),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(3)~.hd-chip{grid-column:span 20!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(4),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(4)~.hd-chip{grid-column:span 15!important}
html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(5),html body.hp-page #hd.hp .fm .hd-chips[data-for="powerups"] .hd-chip:nth-of-type(6n+1):nth-last-of-type(5)~.hd-chip{grid-column:span 12!important}
}
/* filtering really hides rows: '#hd.hp .hd-r{display:grid!important}' outranked '.hd .hd-r.hd-x{display:none!important}', so on live the count changed but every row stayed visible */
html body.hp-page #hd.hp .hd-l>.hd-r.hd-x{display:none!important}
/* list label row: label left, live count right (sort moved up into the filter row) */
html body.hp-page #hd.hp .hp-lh{margin:24px 0 0!important;align-items:baseline}
html body.hp-page #hd.hp .hp-lh .hd-cnt{flex:1;text-align:right}
@media(prefers-reduced-motion:reduce){
html body.hp-page #hd.hp .fm.js .fm-p,html body.hp-page #hd.hp .fm.js.open .fm-p,html body.hp-page #hd.hp .fm-chev,html body.hp-page #hd.hp .fm .fm-p .hd-chips .hd-chip{transition:none!important}
}
/* ==== Filter menu end ==== */
/* ==== Extras start ==== */
/* Four follow-ups to today's visual QA (Rallh, WhatsApp Nov 1 2026 11:51 AM: "Yes finish up all"):
   1) header on the 800px axis site-wide, footer 800px everywhere, listing + blog index content on the same axis;
   2) /directory/free/ now uses the chat-app/category listing template (glassdir.py);
   3) no colour country flags (no emoji/colour in the UI); 4) white power-up logos get a black tile everywhere. */
:root{--ex-w:800px;--ex-gut:max(var(--lg-pad),calc((100% - var(--ex-w)) / 2))}
/* 1a) site header: logo left edge = content left edge, nav right edge = content right edge (phones unchanged: 16px edges) */
html body .sh .sh-in{max-width:calc(var(--ex-w) + 2 * var(--lg-pad))!important}
/* agent + power-up detail pages have their own top bar: rule stays full width, contents move onto the axis */
html body main.ag .ag-sc .ag-bar{padding-left:max(var(--lg-pad),calc((100% - var(--ex-w)) / 2))!important;padding-right:max(var(--lg-pad),calc((100% - var(--ex-w)) / 2))!important}
/* 1b) footer: one 800px column on every page */
html body .sf .sf-in,html body .sf.sf2 .sf-in{max-width:calc(var(--ex-w) + 2 * var(--lg-pad))!important}
/* 1c) chat-app, category and /directory/free/ listings + blog index: content on the same column as the header */
body.pg-dir:not(.pg-pud) #browse.dir{max-width:calc(var(--ex-w) + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important;box-sizing:border-box}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-head{padding-left:0!important;padding-right:0!important}
body.pg-dir:not(.pg-pud) #browse.dir:has(>.cat-head)>.tools{padding-left:0!important;padding-right:0!important}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-how,body.pg-dir:not(.pg-pud) #browse.dir>.row-head,body.pg-dir:not(.pg-pud) #browse.dir>.grid,body.pg-dir:not(.pg-pud) #browse.dir>.featured,body.pg-dir:not(.pg-pud) #browse.dir>.recent{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important}
body.pg-dir:not(.pg-pud) #browse.dir>.mhead{margin-left:0!important;margin-right:0!important}
body.pg-dir:not(.pg-pud) #browse.dir>.key{margin-right:0!important}
body.pg-dir:not(.pg-pud) #browse.dir>.cat-how>summary{padding-left:0!important}
/* search on its own full-width line, category chips under it in one row that starts on the axis (no clipped chip at the right edge) */
@media(min-width:720px){
 body.pg-dir:not(.pg-pud) #browse.dir>.tools{flex-wrap:wrap!important;row-gap:8px!important}
 body.pg-dir:not(.pg-pud) #browse.dir>.tools>.search{flex:1 1 100%!important;max-width:none!important;width:100%!important}
 body.pg-dir:not(.pg-pud) #browse.dir>.tools>.chips-wrap{flex:1 1 100%!important;width:100%!important;margin:0!important}
 body.pg-dir:not(.pg-pud) #browse.dir>.tools .chips{padding-left:0!important;padding-right:0!important;flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
}
@media(min-width:1024px){body.pg-bindex main{max-width:calc(var(--ex-w) + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important;box-sizing:border-box}}
/* 1d) power-up detail pages on the same 800px column as agent pages (body was a 640px column under the 800px bar) */
html body.pg-pud .ag .ag-body{box-sizing:border-box!important;width:100%!important;max-width:calc(var(--ex-w) + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important}
html body.pg-pud .ag .ag-body .ag-hero{padding:24px 0!important;margin:0!important}
html body.pg-pud .ag .ag-body .ag-spec{padding:0!important;margin:0!important}
html body.pg-pud .ag .ag-body .ag-spec>div{padding:12px 0!important;min-height:0!important}
html body.pg-pud .ag .ag-body .ag-sim{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0 24px!important;overflow:visible!important;margin:0!important;padding:0!important;scroll-snap-type:none!important}
html body.pg-pud .ag .ag-body .ag-sim .ag-mc{width:auto!important;min-width:0!important;max-width:none!important;flex:none!important;padding:16px 0!important;margin:0!important;border:0!important;border-top:1px solid #d4d4d4!important}
/* 3) country flags: colour images out of the UI. Listing rows drop them (the country is on the agent page);
   agent pages keep the country as words (by-line: small grey text on desktop; facts row: "Country  United States") */
html body .cfl{display:none!important}
html body .ag-cty{border-left:0!important;padding-left:0!important;margin-left:8px!important}
html body .ag-cty .ag-ctn{display:inline!important;font-size:12px!important;line-height:16px;color:#8a8a8a!important;font-weight:500}
@media(max-width:719px){html body .ag-cty{display:none!important}}
/* 4) power-up logos drawn in white on a transparent ground vanished on white tiles: black tile wherever they appear
   (detail hero, top bar, related tools, prev/next, home/directory/power-ups rows) */
html body .logo.pu-lg:has(>img[src*="/logos/1password-for-agents."]),html body .logo.pu-lg:has(>img[src*="/logos/inngest."]),html body .logo.pu-lg:has(>img[src*="/logos/mobilerun."]),html body .logo.pu-lg:has(>img[src*="/logos/retell-ai."]),html body .logo.pu-lg:has(>img[src*="/logos/supermemory."]),html body .logo.pu-lg:has(>img[src*="/logos/phoneuse."]),
html body .pu-i:has(>img[src*="/logos/1password-for-agents."]),html body .pu-i:has(>img[src*="/logos/inngest."]),html body .pu-i:has(>img[src*="/logos/mobilerun."]),html body .pu-i:has(>img[src*="/logos/retell-ai."]),html body .pu-i:has(>img[src*="/logos/supermemory."]),html body .pu-i:has(>img[src*="/logos/phoneuse."]){background:#000!important;border-color:#000!important}
/* ==== Extras end ==== */

/* ==== SEO dedupe start ==== */
/* SEO audit Nov 1 2026 (Rallh OK, WhatsApp 12:12 PM "Do all"): /, /directory/ and /powerups/ each get their own intro line under the H1,
   and a short list (home: 20 rows per tab) ends in one full-width "See all N ... ->" row. Scoped to the shared hp template. */
html body.hp-page #main .hp-hero h1.g-sub:has(+.hp-intro){margin-bottom:8px!important}
html body.hp-page #main .hp-hero .hp-intro{max-width:560px;margin:0 auto 24px;font-size:13px;line-height:20px;color:#8a8a8a;text-align:center;text-wrap:balance}
#hd.hp .hd-l>.hd-see{list-style:none;margin:0;padding:0}
#hd.hp .hd-l>.hd-see>a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:8px 4px;box-sizing:border-box;border-bottom:1px solid #000;font-size:14px;line-height:20px;font-weight:600;letter-spacing:-.01em;color:#000;text-decoration:none;transition:background-color .2s}
#hd.hp .hd-l>.hd-see>a:hover,#hd.hp .hd-l>.hd-see>a:focus-visible{background:#f6f6f6}
#hd.hp .hd-l>.hd-see>a:focus-visible{outline:2px solid #000;outline-offset:-2px}
#hd.hp .hd-l>.hd-see .hd-see-a{transition:transform .2s}
#hd.hp .hd-l>.hd-see>a:hover .hd-see-a{transform:translateX(4px)}
#hd.hp.hd-q .hd-l:not(.hd-part)>.hd-see{display:none}
@media(prefers-reduced-motion:reduce){#hd.hp .hd-l>.hd-see .hd-see-a,#hd.hp .hd-l>.hd-see>a{transition:none}}
/* ==== SEO dedupe end ==== */
/* ==== Stats start ==== */
/* /stats/ (stats.py): citable statistics on one centered 800px axis, B&W ledger, CSS-only bars.
   Layout v3 (Rallh, WhatsApp Nov 1 2026 1:02 PM "in order of importance ... magical page symmetrical"): centered hero, four big numbers,
   numbered index, every section = numbered head + key finding + bars + ruled findings; one bar grid shared by every section. */
body.pg-prose:has(.st) main.wrap{display:block!important;box-sizing:border-box!important;width:100%!important;max-width:calc(800px + 2 * var(--lg-pad))!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--lg-pad)!important;padding-right:var(--lg-pad)!important;padding-bottom:64px!important}
body.pg-prose:has(.st) main.wrap>.phero{display:block!important;max-width:none!important;width:auto!important;padding:56px 0 40px!important;margin:0!important;border:0!important;text-align:center}
body.pg-prose:has(.st) main.wrap>.phero .kicker{margin:0 0 16px!important;font-size:11px!important;line-height:16px!important;letter-spacing:.12em!important;text-transform:uppercase!important;font-weight:600!important;text-wrap:balance}
body.pg-prose:has(.st) main.wrap>.phero .ptitle{font-size:clamp(40px,9vw,72px)!important;line-height:1!important;letter-spacing:-.045em!important;margin:0!important}
body.pg-prose:has(.st) main.wrap>.phero .plede{font-size:17px!important;line-height:24px!important;max-width:560px!important;margin:24px auto 0!important;color:#000;text-wrap:balance}
body.pg-prose:has(.st) .prose{max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
.st{--st-l:136px;--st-v:72px;--st-g:12px;font-family:var(--sans);color:#000}
.st a{color:#000}
/* hero numbers: 2x2 on phones, 4 across from 768px, equal cells, one outer frame */
.st-keys{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #000;border-left:1px solid #000;margin:0}
.st-k{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:144px;padding:24px 8px;border-right:1px solid #000;border-bottom:1px solid #000;text-align:center;text-decoration:none!important;box-sizing:border-box}
.st-k b{font-size:48px;line-height:48px;font-weight:800;letter-spacing:-.05em;font-variant-numeric:tabular-nums}
.st-k span{font-size:13px;line-height:16px;color:#5c5c5c;max-width:152px;min-height:32px;text-wrap:balance}
.st-k:hover{background:#000;color:#fff}.st-k:hover span{color:#fff}
/* index: numbered cells, even grid */
.st-idx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 0;border-top:1px solid #000;border-left:1px solid #000}
.st-idx.st-idx-c2{grid-template-columns:repeat(2,minmax(0,1fr))}.st-idx.st-idx-c1{grid-template-columns:1fr}
.st-idx a{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;min-height:72px;padding:16px 8px;border-right:1px solid #000;border-bottom:1px solid #000;text-align:center;text-decoration:none!important;box-sizing:border-box}
.st-idx b{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.08em;color:#5c5c5c;font-variant-numeric:tabular-nums}
.st-idx span{font-size:13px;line-height:16px;font-weight:600;text-wrap:balance}
.st-idx a:hover{background:#000;color:#fff}.st-idx a:hover b{color:#fff}
/* sections: same structure everywhere */
.st-sec{margin:80px 0 0;padding:0;scroll-margin-top:72px}
.st-h{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 24px;padding:24px 0 0;border-top:2px solid #000;text-align:center}
.st-no{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.st-h h2{font-size:32px!important;line-height:40px!important;font-weight:800!important;letter-spacing:-.035em!important;margin:0!important;padding:0!important;border:0!important;text-wrap:balance}
.st-h h2 em,.st-h h2 i{font-style:normal}
.st-lead{text-align:center;max-width:640px;margin:0 auto;scroll-margin-top:72px}
.st-lt{font-size:20px;line-height:32px;font-weight:500;letter-spacing:-.01em;margin:0;text-wrap:balance}
.st-lt-c{text-align:center;max-width:640px;margin:0 auto!important}
.st-lead .st-meta{justify-content:center}
.st-meta{display:flex;flex-wrap:wrap;gap:16px;margin:8px 0 0;font-size:13px;line-height:16px;font-weight:400;color:#5c5c5c}
.st-meta a{color:#5c5c5c!important;text-decoration:none}
.st-meta a:hover{color:#000!important;text-decoration:underline}
.st-lead:target,.st-list>li:target{background:#f2f2f2;box-shadow:0 0 0 8px #f2f2f2}
/* bars: identical label / track / value columns in every section */
.st-bars{margin:40px 0 0;padding:0}
.st-bars figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:0 0 8px;font-size:11px;line-height:16px}
.st-bars figcaption b{font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.st-bars figcaption span{color:#5c5c5c;text-align:right;font-size:12px}
@media(max-width:767px){.st-bars figcaption{flex-direction:column;align-items:flex-start;gap:0}.st-bars figcaption span{text-align:left}}
.st-bars+.st-bars{margin-top:32px}
.st-row{display:grid;grid-template-columns:var(--st-l) minmax(0,1fr) var(--st-v);align-items:center;column-gap:var(--st-g);min-height:40px;border-top:1px solid #d4d4d4}
.st-row:last-child{border-bottom:1px solid #000}
.st-bars figcaption+.st-row{border-top:1px solid #000}
.st-l{font-size:13px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-l a{text-decoration:underline;text-underline-offset:2px;text-decoration-color:#a3a3a3}
.st-l em{font-style:normal;color:#5c5c5c;margin-left:4px;font-variant-numeric:tabular-nums}
.st-b{display:block;height:12px;background:#f2f2f2}
.st-b i{display:block;height:12px;background:#000}
.st-n{font-size:13px;line-height:16px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.st-n em{font-style:normal;font-weight:400;color:#5c5c5c;margin-left:8px;display:inline-block;min-width:32px}
/* other findings: ruled rows */
.st-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid #000}
.st-list>li{margin:0;padding:16px 0;border-bottom:1px solid #d4d4d4;scroll-margin-top:72px}
.st-list>li>p{margin:0;font-size:16px;line-height:24px;font-weight:500}
.st-list>li>p.st-meta{margin:8px 0 0;font-size:13px;line-height:16px;font-weight:400}
/* methodology: 2x2, then citation in two equal columns */
.st-m{display:grid;grid-template-columns:1fr;margin:32px 0 0;border-top:1px solid #000;border-left:1px solid #000}
.st-m>div,.st-cite>div{padding:24px;border-right:1px solid #000;border-bottom:1px solid #000;box-sizing:border-box}
.st-m h3,.st-cite h3{font-size:11px!important;line-height:16px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px!important;padding:0!important}
.st-m p,.st-cite p{font-size:14px;line-height:24px;margin:0}
.st-cite{display:grid;grid-template-columns:1fr;margin:24px 0 0;border-top:1px solid #000;border-left:1px solid #000}
.st-cite>div p+h3{margin-top:16px!important}
.st-cite p+p{margin-top:8px}
.st-q{font-size:14px!important;line-height:24px!important;padding:8px 16px;background:#f2f2f2;border-left:2px solid #000;margin:16px 0 0!important;overflow-wrap:anywhere}
.st-cite a{overflow-wrap:anywhere}
.st-more{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:24px 0 0!important}
.st-more a{display:flex;align-items:center;justify-content:center;height:40px;padding:0 8px;border:1px solid #000;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.st-more a:hover{background:#000;color:#fff}
@media(min-width:768px){
 .st{--st-l:200px;--st-v:96px;--st-g:24px}
 .st-keys{grid-template-columns:repeat(4,minmax(0,1fr))}
 .st-k{min-height:176px}
 .st-k b{font-size:64px;line-height:64px}
 .st-idx{grid-template-columns:repeat(var(--st-n),minmax(0,1fr))!important}
 .st-sec{margin-top:96px}
 .st-h h2{font-size:40px!important;line-height:48px!important}
 .st-lt{font-size:24px;line-height:32px}
 .st-m,.st-cite{grid-template-columns:repeat(2,minmax(0,1fr))}
 .st-more{grid-template-columns:repeat(4,minmax(0,1fr))}
}
/* ==== Stats end ==== */
/* ==== iOS start ==== */

/* Structure carried over from the Minimal pass (Nov 1 2026): page axis, full-screen phone gutters, hidden proof strip, 48px list logos.
   Its colour and type tokens are remapped by the iOS layer that follows. */
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
 --m-paper:#f6f5f1;--m-ink:#111;--m-ink2:#6b6a66;--m-ink3:#6b6a66;--m-hair:#dcd9d1;--m-hair2:#dcd9d1;
 --m-mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
 --m-1:8px;--m-2:16px;--m-3:24px;--m-4:32px;--m-5:40px;--m-6:48px;--m-8:64px;--m-axis:800px;
 --m-sec:40px;
 --m-ticks:repeating-linear-gradient(90deg,var(--m-hair2) 0 1px,transparent 1px 8px);
 --bg:#f6f5f1;--bg-rgb:246,245,241;--surface:#f6f5f1;--surface-solid:#f6f5f1;--line:#dcd9d1;--l:#dcd9d1;--rule:#dcd9d1;--mut:#6b6a66;--dim:#6b6a66;--mu:#6b6a66;--g6:#6b6a66;--g4:#6b6a66;--h:#efede8;--surface2:#efede8;--surface-solid2:#efede8;--g2:#efede8;--g3:#efede8
}
@media(min-width:1024px){:root{--m-sec:56px}}
html,html body,body.pg,body.pg-blog{background:var(--m-paper)!important;color:var(--m-ink)}
body,body.pg,body.gd{color:var(--m-ink)}

/* --- type scale: one H1, one H2, one lede, one micro-label --- */
h1,h1.ptitle,h1.ag-name,h1.b2-title,.b2-title.b2-big{font-weight:600!important;letter-spacing:-.035em!important;line-height:1.04!important;color:var(--m-ink)!important}
h1.ptitle,h1.b2-title,.b2-title.b2-big{font-size:clamp(34px,8.6vw,56px)!important;max-width:16ch;margin-left:auto!important;margin-right:auto!important;text-wrap:balance}
h1.ag-name{font-size:clamp(36px,9vw,56px)!important}
.b2-post h1.b2-title{font-size:clamp(30px,7.4vw,46px)!important;max-width:20ch}
h2{font-weight:600!important;letter-spacing:-.025em!important}
.prose h2,.ag-h,.st-h h2,.b2 .prose h2,.cxl-hd h2,.cx h2,.qa-h,.hp-blk h2{font-size:clamp(21px,5.2vw,26px)!important;line-height:1.15!important;font-weight:600!important}
p.plede,p.lede,p.hp-intro,p.b2-lede,p.ag-tag,.st-lead p.st-lt{color:var(--m-ink2)!important;font-size:16px!important;line-height:1.55!important;font-weight:400!important;letter-spacing:-.005em!important}
p.plede,p.lede,p.hp-intro,p.b2-lede,p.ag-tag{max-width:36em;margin-left:auto!important;margin-right:auto!important;text-wrap:pretty}

/* micro-label: mono, tiny, uppercase, spaced, soft grey (eyebrows, captions, column heads, spec labels, footer heads) */
.kicker,.eyebrow,.b2-kick,.b2-crumb,.hp-lab,.ag-spec dt,th,.row-head,.fm-k,.sf-h,.st-no,.st-idx b,.st-k span,.b2-meta,.b2-meta span,.ag-bfl,.ag-sk,.cxl-sub,.hp-bd,.ag-fine,.hd-see-a,.b2-tn,.sf-bot,.sf-meta,.cx-hint,.cxl-st,.recent-h,.hp-proof,.ag-ft,.ag-mini,.b2-cat,.b2-date,.b2-rt,time.hp-bd{font-family:var(--m-mono)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--m-ink3)!important;font-style:normal!important}
.kicker a,.b2-crumb a,.b2-kick a{color:var(--m-ink2)!important;text-decoration:none}

/* --- page heroes: one centered composition everywhere, ending on a tick-mark rule --- */
.phero,.b2-hero,.hp-hero .hero-in,.ag-hero,.lost .hero-in,section.hero .hero-in{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.phero,.b2-hero{max-width:var(--m-axis)!important;padding:var(--m-6) 0 0!important;border:0!important}
.phero .kicker,.b2-hero .kicker,.b2-hero .b2-crumb{justify-content:center;margin:0 0 var(--m-2)!important}
.phero::after,.b2-hero::after,.ag-hero::after,.hp-hero .hero-in::after,.lost .hero-in::after{content:none!important;display:none!important}
.b2-hero .b2-meta{justify-content:center!important}

/* --- rules: hairline for structure, dashed for rows inside a section --- */
.sh,.sh.sh-over{border-bottom:1px solid var(--m-hair)!important;background:rgba(246,245,241,.96)!important}
.sh-drawer{background:var(--m-paper)!important;border-bottom:1px solid var(--m-hair)!important}
.sh-drawer a{border-bottom:1px dashed var(--m-hair)!important;font-weight:600!important;letter-spacing:-.03em}
.sf{background:var(--m-paper)!important;border-top:1px solid var(--m-hair)!important;margin-top:var(--m-8)!important}
.sf-h{margin-bottom:var(--m-1)!important}
hr{border:0!important;border-top:1px solid var(--m-hair)!important}

/* --- controls: one button, one chip, one field --- */
.btn,a.btn,button.btn,.pbtn,.pbtn-ghost,.ag-btn,.ag-act,.qbox button,.fm-btn,.hp-tab,.b2-chip,.cxl-chip,.chip,.fchip,.hd-chip,.pu-chip,.quick a,.ag-chip,.ag-tagc{min-height:40px;border-radius:0!important}
.btn:not(.ghost):not(.sec):not(.alt),.pbtn:not(.ghost),.qbox button,.ag .ag-body .ag-cta .btn.ag-go{background:var(--m-ink)!important;border:1px solid var(--m-ink)!important;color:#fff!important;font-weight:600!important;font-size:13px!important;letter-spacing:.01em}
.btn:not(.ghost):not(.sec):not(.alt):hover,.pbtn:hover,.qbox button:hover{background:transparent!important;color:var(--m-ink)!important}
.btn.ghost,.btn.sec,.btn.alt,.pbtn-ghost,.pbtn.ghost,.ag-act,.ag-ghost,.ag-btn{background:transparent!important;border:1px solid var(--m-hair2)!important;color:var(--m-ink)!important}
.btn.ghost:hover,.btn.sec:hover,.btn.alt:hover,.pbtn-ghost:hover,.ag-act:hover,.ag-btn:hover{border-color:var(--m-ink)!important;background:transparent!important;color:var(--m-ink)!important}
.chip,.fchip,.cxl-chip,.b2-chip,.hd-chip,.pu-chip,.quick a,.ag-chip,.ag-tagc,.tag,.tagp,.fm-btn,.hp-tab{font-family:var(--m-mono)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.07em!important;background:transparent!important;border:1px solid var(--m-hair2)!important;color:var(--m-ink)!important}
.chip.on,.fchip.on,.chip[aria-pressed="true"],.fchip[aria-pressed="true"],.cxl-chip.on,.cxl-chip[aria-pressed="true"],.b2-chip[aria-current],.hd-chip.on,.hd-chip[aria-pressed="true"],.pu-chip.on,.hp-tab[aria-selected="true"],.hp-tab.on,.tag.free,.tagp.Free{background:var(--m-ink)!important;border-color:var(--m-ink)!important;color:#fff!important}
.chip:hover,.fchip:hover,.cxl-chip:hover,.b2-chip:hover,.hd-chip:hover,.quick a:hover,.ag-chip:hover{background:transparent!important;color:var(--m-ink)!important;border-color:var(--m-ink)!important}
input[type=search],input[type=text],input[type=email],input[type=url],textarea,select{background:transparent!important;border-color:var(--m-hair2)!important}
.qbox,.sh-q,.sh-dq,.b2-search,form.search,.cxl-s{background:#fff!important;border:1px solid var(--m-hair2)!important}
.qbox input,.sh-q input,.sh-dq input,.b2-search input,form.search input,.cxl-s input{border:0!important;background:transparent!important}
.qbox:focus-within,.sh-q:focus-within,.b2-search:focus-within,form.search:focus-within,.cxl-s:focus-within{border-color:var(--m-ink)!important}

/* chip rows wrap and center: no sideways scroll, no cut-off last chip */
.chips-wrap,.chips,.hd-chips,.b2-chips,.cxl-chips,.quick,.fs-chips,.ag-chips,p.ag-chips{flex-wrap:wrap!important;overflow:visible!important;-webkit-mask:none!important;mask:none!important;justify-content:center!important;gap:8px!important;scroll-snap-type:none!important}
.chips-wrap .chip-ind{display:none!important}

/* --- stat row: label above value, thin vertical dividers, big light numerals --- */
.st-keys,.ag-spec{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border:0!important;border-top:1px solid var(--m-hair)!important;border-bottom:1px solid var(--m-hair)!important;background:transparent!important;margin-left:auto!important;margin-right:auto!important;max-width:var(--m-axis)}
.st-keys>*,.ag-spec>div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;padding:var(--m-3) var(--m-2)!important;border:0!important;background:transparent!important;min-width:0}
.st-keys>:nth-child(odd),.ag-spec>div:nth-child(odd){border-right:1px solid var(--m-hair)!important}
.st-keys>:nth-child(n+3),.ag-spec>div:nth-child(n+3){border-top:1px dashed var(--m-hair)!important}
.ag-spec>div:last-child:nth-child(odd){grid-column:1/-1;border-right:0!important}
.st-keys>* b{order:2;font-size:clamp(40px,11vw,60px)!important;font-weight:300!important;letter-spacing:-.04em!important;line-height:1!important;color:var(--m-ink)!important}
.st-keys>* span{order:1}
.ag-spec dt{order:1;margin:0!important;padding:0!important;border:0!important;width:auto!important}
.ag-spec dd{order:2;margin:0!important;padding:0!important;font-size:15px!important;font-weight:500!important;color:var(--m-ink)!important;overflow-wrap:anywhere;border:0!important}
@media(min-width:720px){
 .st-keys{grid-template-columns:repeat(4,1fr)!important}
 .st-keys>*{border-top:0!important;border-right:1px solid var(--m-hair)!important}
 .st-keys>:last-child{border-right:0!important}
}

/* home proof line becomes a three-cell stat strip */
p.hp-proof{display:flex!important;justify-content:center!important;align-items:stretch;gap:0!important;flex-wrap:nowrap!important;margin:var(--m-4) auto 0!important;border-top:1px solid var(--m-hair);border-bottom:1px solid var(--m-hair);max-width:560px}
p.hp-proof>span[aria-hidden]{display:none!important}
p.hp-proof>span{flex:1 1 0;min-width:0;padding:12px 6px;text-align:center;white-space:normal;line-height:1.5}
p.hp-proof>span+span[aria-hidden]+span{border-left:1px solid var(--m-hair)}

/* --- display numerals: big and light --- */
.ag-pbig,.lost .dust-title,.lost h1,.st-big,.hp-big{font-weight:200!important;letter-spacing:-.05em!important;color:var(--m-ink)!important}
.lost h1.dust-title{font-size:clamp(96px,30vw,180px)!important;line-height:.9!important}
.lost h1 .acc{color:var(--m-ink3)!important}

/* --- rows: one row style everywhere (dashed separators, hairline frame) --- */
.hd-r,.cxl-row,.cxl-t tr,.b2-card:not(.b2-feat),.ag-feats li,.ag-src li,.hp-fl li,.st-bars>*,.qa,.hp-blk{border-color:var(--m-hair)!important}
.hd-r+.hd-r,.cxl-row+.cxl-row,.ag-feats li+li,.ag-src li+li,.hp-fl li+li{border-top-style:dashed!important}
details.qa{border-top:1px dashed var(--m-hair)!important;border-bottom:0!important}
details.qa:last-of-type{border-bottom:1px solid var(--m-hair)!important}

/* --- section header pattern: hairline over, same air above every section --- */
.ag-sec,.st-sec,.cxl,.cx,.hp-feat,.hp-blk,.b2-bar,.prose>.block{border-top:1px solid var(--m-hair)!important}
.ag-sec,.st-sec,.cxl,.cx,.hp-blk,.prose>.block{margin-top:var(--m-sec)!important;padding-top:var(--m-sec)!important}
.prose>.block:first-child{border-top:0!important;margin-top:0!important;padding-top:var(--m-4)!important}
.hp-lab{margin:0 0 var(--m-2)!important}

/* agent / power-up hero: logo above the name, everything on the axis */
.ag-hero{padding-top:var(--m-4)!important}
.ag-hero .ag-hd{display:flex!important;flex-direction:column!important;align-items:center!important;gap:var(--m-2)!important;text-align:center}
.ag-hero .ag-id{text-align:center;align-items:center}
.ag-hero .ag-by{margin-top:6px!important}
.ag-hero .ag-cta{justify-content:center!important}
.ag-hero .ag-tag{text-align:center}
.ag-spec{margin-top:var(--m-5)!important}
/* surfaces: everything sits on the paper; only fields and logo tiles stay white */
.sf,.sf.sf2,.ag-sf,.sh-menu,.fm-row,.hd-chips,.hd-chip,.hp-fc,main.ag,.ag-body,.ag-hero,.ag-sec,.ag-price,.ag-step,.ag-cta,.cx-grid,label.sort,.fbtn,.card,.card.in,.card.pre,.ag-tagc,.ag-d,.ag-maker-c,.ag-pcc,.ag-mc,.cx-h,.cx-empty,.cxl-row,.b2-card,.b2-feat,.b2-small,.ag-sc,.ag-dc,.ag-sim,.ag-end{background:transparent!important}
.ag-bar,.ag-dock{background:rgba(246,245,241,.97)!important;border-color:var(--m-hair)!important}
.hp-fc,.card,.ag-mc,.ag-maker-c,.ag-pcc,.cx-h,.b2-card,.ag-step,.fbtn,label.sort{border-color:var(--m-hair)!important}
body .ag-tagc,body .ag-chip,body .hd-chip,body .fbtn,body label.sort{font-family:var(--m-mono)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.07em!important;border:1px solid var(--m-hair2)!important;color:var(--m-ink)!important}
body .ag-chip b{font-weight:500!important}
/* price: one big light numeral */
.ag-pbig{display:none!important}
.ag-price{display:block!important;border:0!important;padding:0!important;text-align:center}
p.ag-pt{font-size:clamp(36px,10vw,52px)!important;font-weight:300!important;letter-spacing:-.04em!important;line-height:1.05!important;color:var(--m-ink)!important;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0 0 var(--m-2)!important}
p.ag-pt .ag-ft{order:-1;border:0!important;padding:0!important;background:none!important}
.ag-pn{color:var(--m-ink2)!important;max-width:34em;margin:0 auto!important;text-align:center}
.ag-fine{text-align:center;margin-top:var(--m-2)!important}
/* agent hero centering, hard */
.ag-hero .ag-lw{margin:0 auto!important;width:auto!important;display:flex;justify-content:center}
.ag-hero .ag-id,.ag-hero .ag-by,.ag-hero .ag-name{text-align:center!important;margin-left:auto!important;margin-right:auto!important}
/* home hero: the count reads as the display line, the H1 as its caption */
.hp-hero p.g-count{text-align:center!important;font-weight:300!important;letter-spacing:-.04em!important;color:var(--m-ink)!important}
.hp-hero p.g-count b{font-weight:300!important}
/* one rule colour site-wide: every border becomes the hairline (id-weight :not() so it outranks the older !important layers) */
body *:not(#m-x){border-color:var(--m-hair)!important}
body :is(a,button,input,select,textarea,label,summary,.qbox,.search,.seg,.sort,.fbtn,.hp-tabs,.sh-q,.sh-dq,.b2-search,.cxl-s,.fm-btn,.sh-menu):not(#m-x){border-color:var(--m-hair2)!important}
body :is(.btn:not(.ghost):not(.sec):not(.alt),.pbtn:not(.ghost),.qbox button,.ag-go,[aria-pressed="true"],[aria-current="page"].b2-chip,[aria-selected="true"],.on.chip,.on.hd-chip,.on.cxl-chip,.on.fchip):not(#m-x){border-color:var(--m-ink)!important}
body :is(a,button,summary,label):hover:not(#m-x){border-color:var(--m-ink)!important}
/* rows inside a section are dashed; section edges stay solid */
main :is(tr,.hd-r,.cxl-row,.b2-card,.feat,.pu-row,details.qa,.ag-rep,.ag-feats>li,.ag-src>li,.cx-row,.st-f,.st-row):not(.ag-sec):not(#m-x){border-top-style:dashed!important;border-bottom-style:dashed!important}
.row-head h2,.row-head .h2,.results-head h2,#result-count{font-family:var(--m-mono)!important;font-size:11px!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--m-ink3)!important}
.row-head .sub{font-family:var(--m-mono)!important;font-size:11px!important;color:var(--m-ink3)!important;text-transform:uppercase;letter-spacing:.09em}
/* chat-app + category heads: same centered hero as every other page */
header.cat-head{text-align:center!important;max-width:var(--m-axis);margin-left:auto!important;margin-right:auto!important;padding-top:var(--m-5)!important}
header.cat-head h1{font-size:clamp(34px,8.6vw,56px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.04!important;text-wrap:balance}
header.cat-head p{color:var(--m-ink2)!important;max-width:36em;margin-left:auto!important;margin-right:auto!important}
header.cat-head p.cat-check{font-family:var(--m-mono)!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.06em;color:var(--m-ink3)!important;line-height:1.6!important}
header.cat-head::after{content:none!important;display:none!important}
.st-idx a,.st-idx>*{background:transparent!important}
.hp-proof>span{color:var(--m-ink3)!important;font-weight:500!important}
.b2-bar{justify-content:center!important}
html body #main .qbox:not(#m-x),html body .qbox:not(#m-x){border-color:var(--m-hair2)!important;background:#fff!important}
.phero .kicker{max-width:none!important}
html body h1.ptitle:not(#m-x),html body .b2-hero h1:not(#m-x){font-size:clamp(34px,8.6vw,56px)!important;font-weight:600!important;color:var(--m-ink)!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
html body .b2-post .b2-hero h1:not(#m-x){font-size:clamp(30px,7.4vw,46px)!important}
html body :is(.b2-hero,.phero) :is(p,nav,.b2-meta):not(#m-x){text-align:center!important;justify-content:center!important;margin-left:auto!important;margin-right:auto!important}
html body .pbtn.ghost:not(#m-x){background:transparent!important;color:var(--m-ink)!important}
html body ul.cx-pop:not(#m-x){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;grid-template-columns:none!important}
html body ul.cx-pop li:not(#m-x){margin:0!important;width:auto!important}
html body .cx-hint:not(#m-x){text-align:center!important}
html body :is(.b2-chips,.b2-bar):not(#m-x){justify-content:center!important}
html body :is(main.ag,.ag-body,.ag-sc,.ag-hero,.ag-sec,.ag-cta,.ag-price,.ag-dc,.ag-end,.ag-pn2,.ag-step):not(#m-x){background:transparent!important}
html body :is(.ag-bar,.ag-dock):not(#m-x){background:rgba(246,245,241,.97)!important}
html body section.cx :is(p,.cx-hint):not(#m-x){text-align:center!important}
html body ul.cx-pop a:not(#m-x){white-space:normal!important;max-width:100%;text-align:center;height:auto!important;min-height:36px!important;padding:8px 12px!important;line-height:1.3!important;font-family:var(--sans)!important;font-size:13px!important;font-weight:500!important;text-transform:none!important;letter-spacing:-.005em!important;display:inline-flex!important;align-items:center;justify-content:center;background:transparent!important}
html body :is(.cx-hint,.cx-hl):not(#m-x){font-size:11px!important;letter-spacing:.09em!important;color:var(--m-ink3)!important;text-align:center!important}
html body ul.cx-pop li:not(#m-x){max-width:100%}
html body .ag li:not(#m-x),html body :is(.ag-mc,.ag-tagc,.ag-sim>*,.ag-chip):not(#m-x){background:transparent!important}
html body #main :is(.hp-lab,.hp-lh,.hp-cols .hp-lab):not(#m-x){border-color:var(--m-hair)!important}
html body .hp-hero p.hp-intro:not(#m-x){font-size:15px!important;color:var(--m-ink3)!important}
html body .hp-fl a.hp-fc:not(#m-x){border-style:solid!important}
/* ---- Minimal v2 (Nov 1 2026, Rallh, WhatsApp 1:50 PM: "Use always homogeneity ... global and local design techniques ... compact grids no overload ... perfectly symmetrical everywhere and be more minimal", ref-8 focus screen).
   Global: one ink, one mid grey, one hairline; four type sizes (display, H2 22px, body 16/15px, mono micro 11px); one 8px grid on the 800px axis; one section rhythm.
   Local: every grid has equal columns and equal rows, labels over values, no boxes, centered axes, no decorative ticks. ---- */
:root{--m-h2:22px;--m-body:15px;--m-micro:11px;--m-pad:24px}
@media(min-width:720px){:root{--m-pad:32px}}
/* global axis: equal left/right padding everywhere */
html body :is(.sh-in,.sf-in,main#main>section,.phero,.b2-hero,.b2,.cx,.cxl,.st,.lost .hero-in,header.cat-head):not(#m-x):not(#m-y):not(#m-z){padding-left:var(--m-pad)!important;padding-right:var(--m-pad)!important;box-sizing:border-box}
/* one H2: 22px, semibold, centered, same air above and below on every page type */
html body :is(.prose h2,.ag-h,.cxl-hd h2,.cx h2,.qa-h,.hp-blk h2,.hp-lab,.hp-feat>h2,.block>h2,.block>summary>h2,.cx-pick h2,.b2 h2,section>h2,.hfaq h2):not(#m-x):not(#m-y):not(#m-z){font-family:var(--sans,Inter,system-ui,sans-serif)!important;font-size:var(--m-h2)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--m-ink)!important;text-align:center!important;margin:0 auto var(--m-3)!important;padding:0!important;border:0!important}
html body :is(.ag-h,.hp-lab,.block>h2,section>h2,.prose h2) em:not(#m-x):not(#m-y):not(#m-z){font-style:normal!important;font-weight:600!important;color:inherit!important}
html body details>summary:has(>h2):not(#m-x):not(#m-y):not(#m-z){justify-content:center!important;text-align:center!important}
/* body copy: one size */
html body :is(.ag-desc,.ag-pn,.cx-fine,.b2-card p,.hp-fc-t,.ag-mct>span,.qa p,.prose p,.prose li,.cxl-row p):not(#m-x):not(#m-y):not(#m-z){font-size:var(--m-body)!important;line-height:1.55!important}
html body :is(.cx-fine,.ag-hint,.ag-rep a):not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:var(--m-micro)!important;text-transform:uppercase;letter-spacing:.09em;color:var(--m-ink2)!important;text-align:center!important}
html body .ag-hint:not(#m-x):not(#m-y):not(#m-z){display:none!important}
/* one section rhythm: hairline + equal air (48 phone / 64 desktop) */
html body :is(.ag-sec,.st-sec,.cxl,.cx,.hp-feat,.hp-blk,.prose>.block,main .block,.hp-faq,.hfaq):not(#m-x):not(#m-y):not(#m-z){margin-top:var(--m-sec)!important;padding-top:var(--m-sec)!important;padding-bottom:0!important;border-top:1px solid var(--m-hair)!important}

/* ---------- compact 2-col key facts (agent + power-up), ref-8: label over small mono value, no boxes ---------- */
html body dl.ag-spec:not(#m-x):not(#m-y):not(#m-z){grid-template-columns:1fr 1fr!important;column-gap:var(--m-3)!important;row-gap:0!important;border:0!important;border-top:1px solid var(--m-hair)!important;border-bottom:1px solid var(--m-hair)!important;padding:var(--m-1) 0!important;max-width:560px!important}
html body dl.ag-spec>div:not(#m-x):not(#m-y):not(#m-z){border:0!important;padding:var(--m-2) 0!important;gap:4px!important;min-height:72px!important;align-items:center!important;justify-content:center!important}
html body dl.ag-spec dt:not(#m-x):not(#m-y):not(#m-z){font-family:var(--sans,Inter,system-ui,sans-serif)!important;font-size:13px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;color:var(--m-ink)!important}
html body dl.ag-spec dd:not(#m-x):not(#m-y):not(#m-z),html body dl.ag-spec dd a:not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:12px!important;font-weight:400!important;color:var(--m-ink2)!important;letter-spacing:0!important;text-decoration:none!important;border:0!important}
html body dl.ag-spec dd .ag-sl:not(#m-x):not(#m-y):not(#m-z){border:0!important;padding:0!important;min-height:0!important;background:none!important;text-decoration:underline!important;text-underline-offset:3px}
/* hero: duplicate chips (category + price already in the key facts) hidden; the pair of CTAs equal width */
html body .ag-hero p.ag-chips:not(#m-x):not(#m-y):not(#m-z){display:none!important}
html body .ag-hero .ag-cta:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--m-1)!important;max-width:368px;margin:var(--m-3) auto 0!important}
html body .ag-hero .ag-cta>*:not(#m-x):not(#m-y):not(#m-z){width:100%!important;justify-content:center!important;min-height:44px!important;box-sizing:border-box;margin:0!important}
html body .ag-hero .ag-cta>:only-child:not(#m-x):not(#m-y):not(#m-z){grid-column:1/-1!important}
/* feature list: compact 2-col grid, dashed rows, no dots */
html body ul.ag-feats:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:var(--m-3)!important;row-gap:0!important;padding:0!important;margin:var(--m-2) 0 0!important;list-style:none!important;border-top:1px solid var(--m-hair)!important}
html body ul.ag-feats>li:not(#m-x):not(#m-y):not(#m-z){padding:12px 0!important;margin:0!important;border:0!important;border-bottom:1px dashed var(--m-hair)!important;font-size:14px!important;line-height:1.4!important;background:none!important;display:flex;align-items:center;min-height:48px!important;box-sizing:border-box}
html body ul.ag-feats>li:not(#m-x):not(#m-y):not(#m-z)::before{display:none!important}
html body ul.ag-feats>li:last-child:nth-child(odd):not(#m-x):not(#m-y):not(#m-z){grid-column:1/-1!important;justify-content:center;text-align:center}
html body .ag-desc:not(#m-x):not(#m-y):not(#m-z){text-align:center!important;max-width:36em;margin-left:auto!important;margin-right:auto!important}
/* best-for chips: centered, balanced */
html body .ag-bfl:not(#m-x):not(#m-y):not(#m-z){text-align:center!important;margin:var(--m-3) 0 var(--m-1)!important}
html body p.ag-tags:not(#m-x):not(#m-y):not(#m-z){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:var(--m-1)!important}
/* similar agents: equal 2-col grid, unboxed, equal heights */
html body .ag-sim:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 var(--m-3)!important;border-top:1px solid var(--m-hair)}
html body .ag-sim>.ag-mc:not(#m-x):not(#m-y):not(#m-z){border:0!important;border-bottom:1px dashed var(--m-hair)!important;padding:var(--m-2) 0!important;box-shadow:none!important;height:100%;box-sizing:border-box;margin:0!important}
html body .ag-sim .ag-mct>span:not(#m-x):not(#m-y):not(#m-z){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px!important;color:var(--m-ink2)!important}
/* prev / next: two equal halves, no ornament */
html body nav.ag-pn2:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;border-top:1px solid var(--m-hair)!important;border-bottom:1px solid var(--m-hair)!important;margin-top:var(--m-sec)!important;background:none!important}
html body nav.ag-pn2 .ag-step:not(#m-x):not(#m-y):not(#m-z){border:0!important;padding:var(--m-2) 0!important;background:none!important;box-shadow:none!important}
html body nav.ag-pn2 .ag-step.next:not(#m-x):not(#m-y):not(#m-z){border-left:1px solid var(--m-hair)!important;text-align:right}
html body nav.ag-pn2:not(#m-x):not(#m-y):not(#m-z)::before,html body nav.ag-pn2:not(#m-x):not(#m-y):not(#m-z)::after{display:none!important}
html body p.ag-rep:not(#m-x):not(#m-y):not(#m-z){text-align:center!important;border:0!important;margin-top:var(--m-4)!important}

/* ---------- home ---------- */
html body .hp-hero p.hp-intro:not(#m-x):not(#m-y):not(#m-z){font-size:var(--m-body)!important;color:var(--m-ink2)!important;max-width:30em}
html body p.hp-proof:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:repeat(3,1fr)!important;max-width:480px;border-top:1px solid var(--m-hair)!important;border-bottom:1px solid var(--m-hair)!important}
html body p.hp-proof>span:not([aria-hidden]):not(#m-x):not(#m-y):not(#m-z){padding:12px 4px!important;display:flex;align-items:center;justify-content:center;min-height:48px!important;box-sizing:border-box;border:0!important}
html body p.hp-proof>span:not([aria-hidden])~span:not([aria-hidden]):not(#m-x):not(#m-y):not(#m-z){border-left:1px solid var(--m-hair)!important}
html body ul.quick:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--m-1)!important;max-width:368px;margin:var(--m-3) auto 0!important;padding:0!important}
html body ul.quick li:not(#m-x):not(#m-y):not(#m-z){margin:0!important;display:flex}
html body ul.quick a:not(#m-x):not(#m-y):not(#m-z){width:100%;justify-content:center;display:flex!important;align-items:center;min-height:40px;box-sizing:border-box}
@media(min-width:720px){html body ul.quick:not(#m-x):not(#m-y):not(#m-z){grid-template-columns:repeat(4,1fr)!important;max-width:640px}}
/* featured: no cards, equal rows */
html body ul.hp-fl:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--m-hair)!important;padding:0!important;margin:0!important}
@media(min-width:720px){html body ul.hp-fl:not(#m-x):not(#m-y):not(#m-z){grid-template-columns:repeat(3,1fr)!important;column-gap:var(--m-3)!important}}
html body ul.hp-fl>li:not(#m-x):not(#m-y):not(#m-z){margin:0!important;display:flex}
html body .hp-fl a.hp-fc:not(#m-x):not(#m-y):not(#m-z){border:0!important;border-bottom:1px dashed var(--m-hair)!important;box-shadow:none!important;background:none!important;padding:var(--m-2) 0!important;width:100%;box-sizing:border-box;min-height:100%}
html body .hp-fc .hp-fc-t:not(#m-x):not(#m-y):not(#m-z){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--m-ink2)!important;font-size:14px!important}
html body .hp-fc .hp-fc-p:not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:var(--m-micro)!important;text-transform:uppercase;letter-spacing:.09em;color:var(--m-ink2)!important;border:0!important;background:none!important;padding:0!important}
/* more-from columns: equal columns */
@media(min-width:720px){html body section.hp-cols:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:repeat(3,1fr)!important;column-gap:var(--m-3)!important;align-items:start}
 html body section.hp-cols>.hp-blk:not(#m-x):not(#m-y):not(#m-z){margin-top:0!important}}
html body .hp-blk ul:not(#m-x):not(#m-y):not(#m-z){border-top:1px solid var(--m-hair)!important;padding:0!important;margin:0!important}

/* ---------- compare ---------- */
html body .cx-h.cx-empty .cx-hb:not(#m-x):not(#m-y):not(#m-z),html body .cx-h .cx-hb:not(#m-x):not(#m-y):not(#m-z){width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:var(--m-1)!important;min-height:120px;box-sizing:border-box}
html body .cx-h .cx-hn:not(#m-x):not(#m-y):not(#m-z){display:flex;flex-direction:column;align-items:center;text-align:center!important}
html body .cx-h .cx-hn>span:not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:var(--m-micro)!important;text-transform:uppercase;letter-spacing:.09em;color:var(--m-ink2)!important}
html body ul.cx-pop:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 var(--m-3)!important;border-top:1px solid var(--m-hair)!important;padding:0!important}
html body ul.cx-pop li:not(#m-x):not(#m-y):not(#m-z){display:flex;border-bottom:1px dashed var(--m-hair)!important}
html body ul.cx-pop a:not(#m-x):not(#m-y):not(#m-z){border:0!important;width:100%;min-height:56px!important;padding:8px 0!important}
html body .cx-picks:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 var(--m-3)!important;border-top:1px solid var(--m-hair)!important}
html body .cx-picks>p:not(#m-x):not(#m-y):not(#m-z){margin:0!important;padding:var(--m-2) 0!important;border:0!important;background:none!important;font-size:var(--m-body)!important;text-align:center}
html body .cx-picks>p strong:not(#m-x):not(#m-y):not(#m-z){display:block;font-family:var(--m-mono);font-size:var(--m-micro);font-weight:500;text-transform:uppercase;letter-spacing:.09em;color:var(--m-ink2);margin-bottom:4px}

/* ---------- footer: equal columns, one micro head ---------- */
html body .sf .sf-grid:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--m-4) var(--m-3)!important}
@media(min-width:720px){html body .sf .sf-grid:not(#m-x):not(#m-y):not(#m-z){grid-template-columns:repeat(4,1fr)!important}}
html body .sf .sf-g ul:not(#m-x):not(#m-y):not(#m-z){padding:0!important;margin:0!important;list-style:none}
html body .sf .sf-g li a:not(#m-x):not(#m-y):not(#m-z){font-size:14px!important;color:var(--m-ink2)!important}

/* ---------- blog: equal cards, unboxed ---------- */
html body .b2-card:not(#m-x):not(#m-y):not(#m-z),html body .b2-feat:not(#m-x):not(#m-y):not(#m-z){box-shadow:none!important;border-left:0!important;border-right:0!important;background:none!important}
html body .hp-lab:not(#m-x):not(#m-y):not(#m-z)::before,html body .hp-lab:not(#m-x):not(#m-y):not(#m-z)::after{display:none!important;content:none!important}
html body .hp-lab:not(#m-x):not(#m-y):not(#m-z){display:block!important}
html body p.hp-proof>span:not([aria-hidden]):not(#m-x):not(#m-y):not(#m-z){letter-spacing:.04em!important;padding:12px 0!important}
html body section.hfaq:not(#m-x):not(#m-y):not(#m-z){padding-top:var(--m-sec)!important;margin-top:var(--m-sec)!important;border-top:1px solid var(--m-hair)!important}
html body section.hfaq .wrap:not(#m-x):not(#m-y):not(#m-z){padding:0!important}
html body #hd.hp:not(#m-x):not(#m-y):not(#m-z){border-top:0!important}
html body p.hp-proof>span:not([aria-hidden]):not(#m-x):not(#m-y):not(#m-z){display:flex!important;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 .6ch;text-align:center}
html body .hp-hero p.g-count:not(#m-x):not(#m-y):not(#m-z),html body .hp-hero p.g-count *:not(#m-x):not(#m-y):not(#m-z){font-weight:300!important}
html body .hp-hero h1 em:not(#m-x):not(#m-y):not(#m-z){font-style:normal!important;font-weight:inherit!important}
html body .hp-hero h1.g-sub:not(#m-x):not(#m-y):not(#m-z){font-size:var(--m-body)!important;font-weight:400!important;letter-spacing:0!important;color:var(--m-ink)!important;line-height:1.5!important;max-width:24em;margin:var(--m-2) auto 0!important}
html body .row-head.results-head:not(#m-x):not(#m-y):not(#m-z){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;gap:var(--m-2)!important}
html body section.hp-cols:not(#m-x):not(#m-y):not(#m-z){gap:0 var(--m-3)!important;margin:0!important;padding-left:var(--m-pad)!important;padding-right:var(--m-pad)!important}
html body section.hp-cols>.hp-blk:not(#m-x):not(#m-y):not(#m-z){margin-top:var(--m-sec)!important}
/* collapsible sections: compact rows, title + chevron centered as one unit */
html body details:is(.ag-sec,.block,.cx-why):not(#m-x):not(#m-y):not(#m-z){padding-top:0!important;padding-bottom:0!important;margin-top:0!important}
html body details:is(.ag-sec,.block,.cx-why)+details:is(.ag-sec,.block,.cx-why):not(#m-x):not(#m-y):not(#m-z){border-top:1px dashed var(--m-hair)!important}
html body section+details:is(.ag-sec,.block,.cx-why):not(#m-x):not(#m-y):not(#m-z){margin-top:var(--m-sec)!important}
html body details+section:is(.ag-sec,.block):not(#m-x):not(#m-y):not(#m-z){margin-top:var(--m-sec)!important;border-top:1px solid var(--m-hair)!important}
html body details:is(.ag-sec,.block,.cx-why)>summary:not(#m-x):not(#m-y):not(#m-z){display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:0!important;position:relative}
html body details:is(.ag-sec,.block,.cx-why)>summary>h2:not(#m-x):not(#m-y):not(#m-z){margin:0!important;font-size:17px!important}
html body details:is(.ag-sec,.block,.cx-why)>summary:not(#m-x):not(#m-y):not(#m-z)::after{margin:0!important;position:static!important}
html body details:is(.ag-sec,.block,.cx-why)[open]>summary+*:not(#m-x):not(#m-y):not(#m-z){padding-bottom:var(--m-3)!important}
html body :is(.ag-h,.hp-lab,h2) em:not(#m-x):not(#m-y):not(#m-z){font-size:inherit!important;font-family:inherit!important;letter-spacing:inherit!important}
/* best-for: same compact 2-col rows as the feature list */
html body p.ag-tags:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 var(--m-3)!important;border-top:1px solid var(--m-hair)!important;margin:0!important}
html body p.ag-tags>.ag-tagc:not(#m-x):not(#m-y):not(#m-z){border:0!important;border-bottom:1px dashed var(--m-hair)!important;font-family:var(--sans,Inter,system-ui,sans-serif)!important;font-size:14px!important;font-weight:400!important;text-transform:none!important;letter-spacing:0!important;padding:12px 0!important;min-height:48px!important;display:flex!important;align-items:center;box-sizing:border-box;background:none!important;border-radius:0!important}
html body p.ag-tags>.ag-tagc:last-child:nth-child(odd):not(#m-x):not(#m-y):not(#m-z){grid-column:1/-1!important;justify-content:center}
html body main details:is(.ag-sec,.block,.cx-why)+details:is(.ag-sec,.block,.cx-why):not(#m-x):not(#m-y):not(#m-z){margin-top:0!important;padding-top:0!important}
html body .row-head.results-head:not(#m-x):not(#m-y):not(#m-z){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:var(--m-1)!important}
/* link lists (Keep looking, related): compact 2-col rows, never wider than the axis */
html body ul.plinks:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:0 var(--m-3)!important;padding:0!important;margin:0!important;list-style:none!important;border-top:1px solid var(--m-hair)!important;overflow:visible!important;flex-wrap:wrap}
html body ul.plinks>li:not(#m-x):not(#m-y):not(#m-z){margin:0!important;display:flex;min-width:0;border-bottom:1px dashed var(--m-hair)!important}
html body ul.plinks a:not(#m-x):not(#m-y):not(#m-z){border:0!important;background:none!important;padding:12px 0!important;min-height:48px!important;display:flex!important;align-items:center;white-space:normal!important;font-size:14px!important;font-family:var(--sans,Inter,system-ui,sans-serif)!important;text-transform:none!important;letter-spacing:0!important;width:100%;box-sizing:border-box;line-height:1.35}
html body ul.plinks>li:last-child:nth-child(odd):not(#m-x):not(#m-y):not(#m-z){grid-column:1/-1!important}
html body ul.plinks>li:last-child:nth-child(odd) a:not(#m-x):not(#m-y):not(#m-z){justify-content:center}
/* compare list rows: price never collides with the kind label */
html body td.cxl-p span:not(#m-x):not(#m-y):not(#m-z){white-space:normal!important}
html body td.cxl-p:not(#m-x):not(#m-y):not(#m-z){min-width:0;padding-left:12px!important}
html body .cxl-chips:not(#m-x):not(#m-y):not(#m-z){justify-content:center!important;display:flex!important;flex-wrap:wrap!important}
html body .cx-picks>p:not(#m-x):not(#m-y):not(#m-z){align-self:start}
html body .chips:not(#m-x):not(#m-y):not(#m-z)>:is(a,button).chip:not([hidden]){flex:0 0 calc((100% - 16px)/3)!important;justify-content:center;text-align:center;box-sizing:border-box;max-width:calc((100% - 16px)/3)}
@media(min-width:720px){html body .chips:not(#m-x):not(#m-y):not(#m-z)>:is(a,button).chip:not([hidden]){flex:0 0 auto!important;max-width:none;min-width:112px}}
html body #hd .hp-feat:not(#m-x):not(#m-y):not(#m-z){margin-top:0!important}
/* button pairs: equal width, centered */
html body .btnrow:not(#m-x):not(#m-y):not(#m-z){display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--m-1)!important;max-width:368px;margin:var(--m-2) auto 0!important}
html body .btnrow>*:not(#m-x):not(#m-y):not(#m-z){width:100%!important;justify-content:center!important;min-height:44px;box-sizing:border-box;margin:0!important;display:inline-flex!important;align-items:center}
html body .btnrow>:only-child:not(#m-x):not(#m-y):not(#m-z){grid-column:1/-1!important}
/* sentences are body text, not micro-labels */
html body :is(.cx-hint p,.cxl-sub,p.cx-hint):not(#m-x):not(#m-y):not(#m-z){font-family:var(--sans,Inter,system-ui,sans-serif)!important;font-size:var(--m-body)!important;text-transform:none!important;letter-spacing:0!important;color:var(--m-ink2)!important;text-align:center!important;line-height:1.55!important;font-weight:400!important}
html body ul.cx-pop a:not(#m-x):not(#m-y):not(#m-z){display:block!important;text-align:center!important;align-content:center}
html body ul.cx-pop a i:not(#m-x):not(#m-y):not(#m-z){font-style:normal;color:var(--m-ink2);padding:0 .4ch}
/* stats index: no box, same grid lines as every other 2x2 / 3x2 */
html body .st-idx:not(#m-x):not(#m-y):not(#m-z){border:0!important;border-top:1px solid var(--m-hair)!important;border-bottom:1px solid var(--m-hair)!important;box-shadow:none!important;background:none!important}
html body .st-idx>*:not(#m-x):not(#m-y):not(#m-z){border-left:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
html body .btnrow>*:not(#m-x):not(#m-y):not(#m-z){white-space:nowrap!important;padding:0 12px!important;font-size:13px!important}
html body .st-idx>*:not(#m-x):not(#m-y):not(#m-z){border-left:0!important;outline:0!important;box-shadow:none!important}
html body .st-idx:not(#m-x):not(#m-y):not(#m-z){border-left:0!important;border-right:0!important;outline:0!important;box-shadow:none!important;gap:0!important}
html body .cxl-chips:not(#m-x):not(#m-y):not(#m-z){justify-content:center!important}
html body :is(ul.ag-feats>li,p.ag-tags>.ag-tagc,ul.plinks>li,.ag-sim>.ag-mc,ul.cx-pop>li,.cx-picks>p,ul.hp-fl>li,dl.ag-spec>div):not(:last-child:nth-child(odd)):not(#m-x):not(#m-y):not(#m-z){grid-column:auto!important}
html body .hp-lh:not(#m-x):not(#m-y):not(#m-z){display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:4px!important;border:0!important;margin:var(--m-sec) 0 var(--m-2)!important}
html body .hp-lh .hd-t:not(#m-x):not(#m-y):not(#m-z){margin:0!important}
html body .hp-lh .hd-cnt:not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:var(--m-micro)!important;text-transform:uppercase;letter-spacing:.09em;color:var(--m-ink2)!important}
html body .hd-r .hd-p:not(#m-x):not(#m-y):not(#m-z){font-family:var(--m-mono)!important;font-size:var(--m-micro)!important;font-weight:500!important;text-transform:uppercase!important;letter-spacing:.09em!important;color:var(--m-ink2)!important;background:none!important;border:0!important;padding:0!important}
html body .hp-hero p.g-count:not(#m-x):not(#m-y):not(#m-z){font-size:clamp(30px,8vw,56px)!important;line-height:1.1!important;white-space:normal;text-wrap:balance}
html body .hp-hero p.hp-intro:not(#m-x):not(#m-y):not(#m-z){margin-top:var(--m-1)!important}
/* ---- Full screen on phone (Rallh, WhatsApp Nov 1 2026 2:20 PM: "Use the full screen", ref-9). <=600px: one 16px page gutter on every page type,
   no nested paddings or max-widths inside it, grids/strips/search/chips/rows span the full content width, section rules run edge to edge. ---- */
@media(max-width:600px){
:root{--m-pad:16px;--m-gx:16px}
html body :is(.sh-in,.sf-in,main#main>section,.phero,.b2-hero,.b2,.cx,.cxl,.st,.lost .hero-in,header.cat-head,main.wrap) :is(.sh-in,.sf-in,main#main>section,.phero,.b2-hero,.b2,.cx,.cxl,.st,.lost .hero-in,header.cat-head,.hero-in,.wrap):not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-left:0!important;padding-right:0!important}
html body :is(.hero-in,main#main>section>.wrap,.hd-in,.dir-in):not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-left:0!important;padding-right:0!important;max-width:none!important;width:auto!important}
html body main#main>section:not(#m-x):not(#m-y):not(#m-z):not(#m-w){margin-left:0!important;margin-right:0!important;width:auto!important;max-width:none!important}
/* nested section paddings that doubled the gutter */
html body :is(section.cat-faq,.hfaq .wrap):not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important}
/* grids, strips, search and chip grids span the full content width */
html body :is(ul.quick,p.hp-proof,form.qbox,.hp-tabs,.fm-row,.hp-feat,ul.hp-fl,.hp-blk,.st-keys,.cx-picks,.chips,form.search,.cxl-chips,label.b2-search,dl.ag-spec,ul.ag-feats,ul.plinks,ul.cx-pop,.ag-cta,.btnrow):not(#m-x):not(#m-y):not(#m-z):not(#m-w){max-width:none!important;margin-left:0!important;margin-right:0!important;width:100%!important;box-sizing:border-box!important;align-self:stretch!important;justify-self:stretch!important}
/* rows sit on the gutter (no extra side inset inside a row) */
html body :is(li.hd-r,details.qa>summary,details.qa>p,.qa>p):not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-left:0!important}
html body li.hd-r:not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-right:0!important}
/* section rules run edge to edge (full bleed); ink overflow only, never a sideways scroll */
html body :is(a.b2-hub,a.b2-pn-i,details.ag-sec,details.b2-toc,details.bl-card,details.block,details.cx-same,details.qa,.hp-feat,.tools,.ag-cta,.ag-maker-c,.ag-pcc,.ag-price,.ag-sim,.b2-bar,.b2-featw,.bl-cards,.card.in,.card.pre,.cx-picks,.cx-sl,.hp-blk,.hp-blk>ul,.st-keys,dl.ag-spec,header.st-h,label.b2-search,ul.b2-grid>li,li.hd-see>a,nav.ag-pn2,nav.b2-pn,nav.sf-grid,ol.st-list,ol.st-list>li,p.ag-tags,p.b2-meta.b2-by,p.bl-made,p.hp-proof,p.sf-bot,section.cxl,section.st-sec,section.ag-sec,section.block,section.cx,.cxl tbody,ul.ag-feats,ul.ag-priv>li,ul.cx-pop,ul.hp-fl,ul.plinks,div.qa):not(#m-x):not(#m-y):not(#m-z):not(#m-w){border-image:linear-gradient(var(--m-hair),var(--m-hair)) 1 / 1 / 0 100vw stretch!important}
html body .hp-tabs>*:not(#m-x):not(#m-y):not(#m-z):not(#m-w){flex:1 1 0!important;justify-content:center!important}
/* stats: one rule per section (the head's rule), no doubled rule + empty band above it */
html body section.st-sec:not(#m-x):not(#m-y):not(#m-z):not(#m-w){border-top:0!important;border-image:none!important;padding-top:0!important}
/* blog topic chips: an even 2x2 grid across the full width, like the home quick links */
html body nav.b2-chips:not(#m-x):not(#m-y):not(#m-z):not(#m-w){display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--m-1)!important;width:100%!important;max-width:none!important;margin:0!important;justify-content:stretch!important}
html body nav.b2-chips>.b2-chip:not(#m-x):not(#m-y):not(#m-z):not(#m-w){width:100%!important;justify-content:center!important;text-align:center;margin:0!important;box-sizing:border-box}
/* chat-app chip grid: equal left/right edges (no scroll-fade padding on one side) */
html body div#chips.chips:not(#m-x):not(#m-y):not(#m-z):not(#m-w){padding-left:var(--m-gx)!important;padding-right:var(--m-gx)!important}
}
/* Rallh 2026-11-01: remove proof strip */
html body p.hp-proof:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){display:none!important}
/* Rallh 2026-11-01: bigger logos */
html body .hd-r>.logo-i:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v),html body #hd.hp .hd-r>.logo-i:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){width:48px!important;height:48px!important}
html body #hd.hp .hd-r:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v),html body .hd-r:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){grid-template-columns:48px minmax(0,1fr) auto!important;min-height:72px!important}
html body .hp-fc .logo-i:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){width:48px!important;height:48px!important}
@media (max-width:600px){html body .hp-fc:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){grid-template-columns:48px minmax(0,1fr) auto!important;column-gap:16px!important}}
html body .gd .list .row .lg:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){width:48px!important;height:48px!important}
html body .hp-br .logo-i:not(#m-x):not(#m-y):not(#m-z):not(#m-w):not(#m-v){width:32px!important;height:32px!important}


/* ---- iOS layer (ios-layer-1101-sb7). Rallh, WhatsApp Nov 1 2026 3:12 PM: "revamp the whole site live following that style follow the manual".
   Tokens: system blue as the one accent, grouped background, white cells, 0.5px separators, 10px inset groups, 12px buttons, 16px cards,
   system font stack, 11 text styles, 8pt grid, 16pt phone margins, 44pt targets, dark mode from prefers-color-scheme.
   Every rule below starts with an 7-id prefix so it wins over every earlier block (max 6 ids above). ---- */
:root{
 --i-blue:#007AFF;--i-blue-rgb:0,122,255;--i-label:#000;--i-l2:rgba(60,60,67,.6);--i-l3:rgba(60,60,67,.3);--i-sep:rgba(60,60,67,.29);
 --i-bg:#F2F2F7;--i-cell:#fff;--i-fill:rgba(118,118,128,.12);--i-fill2:rgba(118,118,128,.2);--i-bar:rgba(249,249,249,.94);--i-seg-on:#fff;--i-gray:#8E8E93;
 --i-ring:rgba(0,0,0,.08);--i-tint:rgba(0,122,255,.1);
 --i-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",Inter,system-ui,"Helvetica Neue",Arial,sans-serif;
 --i-r-icon:22.5%;--i-r-list:10px;--i-r-btn:12px;--i-r-card:16px;--i-m:16px;
 --i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%23C4C4C7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 --m-paper:#F2F2F7;--m-ink:#000;--m-ink2:rgba(60,60,67,.6);--m-ink3:rgba(60,60,67,.6);--m-hair:rgba(60,60,67,.29);--m-hair2:rgba(60,60,67,.29);
 --m-mono:var(--i-font);--m-ticks:none;
 --bg:#F2F2F7;--bg-rgb:242,242,247;--surface:#fff;--surface-solid:#fff;--line:rgba(60,60,67,.29);--l:rgba(60,60,67,.29);--rule:rgba(60,60,67,.29);
 --mut:rgba(60,60,67,.6);--dim:rgba(60,60,67,.6);--mu:rgba(60,60,67,.6);--g6:rgba(60,60,67,.6);--g4:rgba(60,60,67,.6);
 --h:rgba(118,118,128,.12);--surface2:#fff;--surface-solid2:#fff;--g2:rgba(118,118,128,.12);--g3:rgba(118,118,128,.12);
 color-scheme:light dark;
}
@media (prefers-color-scheme:dark){:root{
 --i-blue:#0A84FF;--i-blue-rgb:10,132,255;--i-label:#fff;--i-l2:rgba(235,235,245,.6);--i-l3:rgba(235,235,245,.3);--i-sep:rgba(84,84,88,.65);
 --i-bg:#000;--i-cell:#1C1C1E;--i-fill:rgba(118,118,128,.24);--i-fill2:rgba(118,118,128,.32);--i-bar:rgba(22,22,22,.94);--i-seg-on:#636366;
 --i-ring:rgba(255,255,255,.12);--i-tint:rgba(10,132,255,.18);
 --i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath d='M1 1l6 6-6 6' fill='none' stroke='%235A5A5E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 --m-paper:#000;--m-ink:#fff;--m-ink2:rgba(235,235,245,.6);--m-ink3:rgba(235,235,245,.6);--m-hair:rgba(84,84,88,.65);--m-hair2:rgba(84,84,88,.65);
 --bg:#000;--bg-rgb:0,0,0;--surface:#1C1C1E;--surface-solid:#1C1C1E;--line:rgba(84,84,88,.65);--l:rgba(84,84,88,.65);--rule:rgba(84,84,88,.65);
 --mut:rgba(235,235,245,.6);--dim:rgba(235,235,245,.6);--mu:rgba(235,235,245,.6);--g6:rgba(235,235,245,.6);--g4:rgba(235,235,245,.6);
 --h:rgba(118,118,128,.24);--surface2:#1C1C1E;--surface-solid2:#1C1C1E;--g2:rgba(118,118,128,.24);--g3:rgba(118,118,128,.24);
}}

/* global: page, type family, text colour */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7){background:var(--i-bg)!important;-webkit-text-size-adjust:100%}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body{background:var(--i-bg)!important;color:var(--i-label)!important;font-family:var(--i-font)!important;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(*,*::before,*::after):not(code,pre,kbd,samp,code *,pre *){font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(canvas#liquid,.liquid-fallback,.progress,.dust,.g-dust){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ::selection{background:var(--i-tint)}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :focus-visible{outline:2px solid var(--i-blue)!important;outline-offset:2px}

/* nav bar: translucent material, 44px row */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:0!important;box-shadow:0 .5px 0 var(--i-sep)!important;isolation:isolate}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--i-bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);pointer-events:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-in{min-height:44px!important;height:auto!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-brand,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer .sf-brand{color:var(--i-label)!important;font-size:17px!important;line-height:22px!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.sh-brand,.sf-brand,.ag-brand) .acc{color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.sh-brand,.sf-brand,.ag-brand) .dot{background:var(--i-blue)!important;border-color:var(--i-blue)!important;border-radius:50%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-nav a{color:var(--i-label)!important;font-size:15px!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.01em!important;border:0!important;background:transparent!important;min-height:44px;display:inline-flex!important;align-items:center}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-nav a:is([aria-current],.on,.active){color:var(--i-blue)!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-nav .sh-ind{display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-menu{border:0!important;background:transparent!important;color:var(--i-blue)!important;min-height:44px!important;min-width:44px!important;padding:0 0 0 8px!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-menu::before{color:var(--i-blue)!important;font-size:17px!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh .sh-menu span{background:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer>div{background:var(--i-bg)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer nav{background:var(--i-cell)!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;border:0!important;margin-top:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer nav a{display:flex!important;align-items:center!important;min-height:44px!important;padding:0 32px 0 16px!important;color:var(--i-label)!important;font-size:17px!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.02em!important;border:0!important;background:var(--i-chev) no-repeat right 16px center/7px 12px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer nav a+a{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 16px 0/calc(100% - 16px) .5px,var(--i-chev) no-repeat right 16px center/7px 12px!important}

/* search fields: filled, 36px, 10px radius, glyph */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-q,form.sh-dq,label.cxl-s,.b2-search,.pu-search,.st-search){background:var(--i-fill)!important;border:0!important;border-radius:10px!important;box-shadow:none!important;min-height:36px!important;height:auto!important;align-items:center!important;gap:6px!important;padding:0 8px!important;outline:0;box-sizing:border-box!important;max-width:100%}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-dq,label.cxl-s,.b2-search,.pu-search){display:flex!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-q,form.sh-dq,label.cxl-s,.b2-search,.pu-search) input{background:transparent!important;border:0!important;box-shadow:none!important;color:var(--i-label)!important;font-size:17px!important;line-height:22px!important;letter-spacing:-.02em!important;min-height:36px!important;height:36px!important;padding:0!important;flex:1 1 auto;min-width:0;text-transform:none!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-q,form.sh-dq,label.cxl-s,.b2-search,.pu-search) input::placeholder{color:var(--i-l2)!important;opacity:1!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-q,form.sh-dq,label.cxl-s,.b2-search,.pu-search) svg{color:var(--i-l2)!important;stroke:var(--i-l2)!important;width:17px!important;height:17px!important;flex:none;position:static!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body form.qbox button[type=submit]{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;padding:0!important;border:0!important;margin:-1px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body form.qbox{position:relative!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body form.search :is(kbd,.slash){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body form.search .clear{border:0!important;background:transparent!important;color:var(--i-l2)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh form.sh-q{min-height:32px!important;max-width:260px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh form.sh-q input{font-size:15px!important;height:32px!important;min-height:32px!important}

/* titles: large title 34/41 bold, left at the 16px margin */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-hero h1,section.hero h1,h1.ptitle,.b2-hero h1,header.cat-head h1,.lost h1,.st h1,main h1.value){font-size:34px!important;line-height:41px!important;font-weight:700!important;letter-spacing:-.022em!important;color:var(--i-label)!important;text-align:left!important;margin-left:0!important;margin-right:0!important;max-width:none!important;text-transform:none!important;text-wrap:pretty}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-hero h1,section.hero h1) em{font-style:normal!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-post .b2-hero h1{font-size:28px!important;line-height:34px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hero-in,.hp-hero,header.phero,.b2-hero,header.cat-head,.lost .hero-in,section.hero){text-align:left!important;align-items:stretch!important;justify-items:stretch!important;min-width:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hero-in,header.phero,.b2-hero,header.cat-head)>*{margin-left:0!important;margin-right:0!important;text-align:left!important;justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-hero .g-count,.phero .kicker,header.cat-head p.cat-check,.hero .dust-title,.b2-hero .b2-kick,.b2-kicker,.b2-meta,.st-lt-c){font-size:13px!important;line-height:18px!important;font-weight:400!important;letter-spacing:-.005em!important;text-transform:none!important;color:var(--i-l2)!important;font-variant-numeric:normal}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-hero .g-count b{font-weight:600!important;color:var(--i-label)!important;font-size:inherit!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-intro,.phero .plede,header.cat-head>p:not(.cat-check),.hero .lede,.b2-hero p,.b2-dek){font-size:17px!important;line-height:22px!important;letter-spacing:-.02em!important;color:var(--i-l2)!important;text-align:left!important;max-width:40em!important}

/* section headers: title 2, 22/28 bold, left; no rules */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose h2,.ag-h,.cxl-hd h2,.cx h2,.qa-h,.hp-blk h2,.hp-lab,.hp-feat>h2,.block>h2,.block>summary>h2,.cx-pick h2,.b2 h2,main section>h2,.hfaq h2,.row-head .h2,.row-head h2,.results-head h2,.st-h h2,.cat-how summary,.chp-h){font-size:22px!important;line-height:28px!important;font-weight:700!important;letter-spacing:-.012em!important;text-transform:none!important;color:var(--i-label)!important;text-align:left!important;border:0!important;background:transparent!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose h2,.ag-h,.cxl-hd h2,.cx h2,.qa-h,.hp-blk h2,.hp-lab,.block>h2,.b2 h2,.row-head .h2,.st-h h2)::before,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose h2,.ag-h,.cxl-hd h2,.cx h2,.qa-h,.hp-blk h2,.hp-lab,.block>h2,.b2 h2,.row-head .h2,.st-h h2)::after{display:none!important;content:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .prose h3{font-size:20px!important;line-height:25px!important;font-weight:600!important;letter-spacing:-.02em!important;text-transform:none!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.row-head .sub,.hd-cnt,#result-count,.cxl-sub,.cx-hl,.cx-hint,.st-no,.ag-fine,.b2-note,.sf-bot,.cxl-st,.st-meta,.st-cite,.p-note){font-size:13px!important;line-height:18px!important;letter-spacing:-.005em!important;text-transform:none!important;font-weight:400!important;color:var(--i-l2)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-lh,.row-head,.cxl-hd,.st-h){display:flex!important;justify-content:space-between!important;align-items:baseline!important;text-align:left!important;border:0!important;background:transparent!important;gap:8px}

/* body copy */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose,.b2-post .b2-body,.b2-art,article.post,.legal,.ag-desc){color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose p,.prose li,.b2-body p,.b2-body li,.ag-desc,.ag-ptext,.ag-desc p){font-size:17px!important;line-height:1.45!important;letter-spacing:-.02em!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(.prose,.b2-body,.ag-desc,.ag-ptext,.st-lt,.cx-fine,.ag-mkq,.qa,.plede,.lede,.hp-intro,.cat-head) a:not([class]),html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main a:is(.ag-more,.ag-sl,.st-more a,.cxl-a:hover),html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(p,li,dd,td) > a:not([class]){color:var(--i-blue)!important;text-decoration:none!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(.prose,.b2-body) a:not([class]):hover{text-decoration:underline!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose,.b2-body) :is(blockquote){border-left:3px solid var(--i-fill2)!important;color:var(--i-l2)!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose,.b2-body) code{background:var(--i-fill)!important;border-radius:6px!important;padding:1px 5px!important;border:0!important}

/* grouped inset lists: white cells, 10px radius, inset separators */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.hd-l,.grid.market,ul.st-list,ol.st-list,.cxl-t,ul.plinks,.ag-feats,.ag-src,.ag-priv,.b2-list,.b2-grid,ul.b2-posts,.pu-list,.cx-rows,.hfaq,.qa-list){background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;box-shadow:none!important;padding-left:0!important;padding-right:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.hd-l>li.hd-r,.grid.market>.card,ul.plinks>li,.ag-feats>li,.ag-src>li,.ag-priv>li,.cx-rows>.cx-row,.b2-list>*,ul.b2-posts>li){background-color:var(--i-cell)!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.hd-l>li.hd-r,.grid.market>.card,ul.plinks>li,.ag-feats>li,.ag-src>li,.ag-priv>li,.cx-rows>.cx-row,.b2-list>*,ul.b2-posts>li)+*{background-image:linear-gradient(var(--i-sep),var(--i-sep))!important;background-repeat:no-repeat!important;background-size:calc(100% - 16px) .5px!important;background-position:16px 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.hd-l>li.hd-r,.grid.market>.card)+*{background-size:calc(100% - 76px) .5px!important;background-position:76px 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.hd-l>li.hd-r,.grid.market>.card)[hidden],html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card.pg-off{display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card{min-height:72px!important;padding:12px 36px 12px 16px!important;gap:12px!important;align-items:center!important;position:relative!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r::after{content:""!important;display:block!important;position:absolute!important;right:16px!important;top:50%!important;width:7px!important;height:12px!important;margin-top:-6px!important;background:var(--i-chev) no-repeat center/7px 12px!important;border:0!important;transform:none!important;opacity:1!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card>svg.chev{display:block!important;position:absolute!important;right:12px!important;top:50%!important;width:14px!important;height:14px!important;margin-top:-7px!important;color:var(--i-l3)!important;stroke:var(--i-l3)!important;opacity:1!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-n,.card .nm,.cxl-a,.b2-list a,.hp-fc-n){color:var(--i-label)!important;font-size:17px!important;line-height:22px!important;font-weight:600!important;letter-spacing:-.022em!important;text-transform:none!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-d,.card .tl,.card .meta,.hp-fc-t,.cxl-v,.cxl-c,.cxl-p){color:var(--i-l2)!important;font-size:15px!important;line-height:20px!important;letter-spacing:-.015em!important;text-transform:none!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-c,.hd-p){color:var(--i-l2)!important;font-size:15px!important;line-height:20px!important;letter-spacing:-.015em!important;text-transform:none!important;font-weight:400!important;font-family:var(--i-font)!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .card .meta b{font-weight:400!important;color:var(--i-l2)!important}

/* app icons: 22.5% radius, 0.5px ring (both modes) */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.logo-i,.logo,.cxl-lg .logo-i,.pu-lg){border-radius:var(--i-r-icon)!important;box-shadow:0 0 0 .5px var(--i-ring)!important;border:0!important;overflow:hidden}

/* featured: card carousel, 16px radius, 8px gap */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-feat{background:transparent!important;border:0!important;min-width:0!important;max-width:100%!important;overflow:visible}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl{min-width:0!important;width:auto!important;max-width:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:min(329px,calc(100vw - 48px))!important;grid-template-columns:none!important;gap:8px!important;overflow-x:auto!important;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border:0!important;background:transparent!important;padding:0 16px 4px!important;margin:0 -16px!important;scroll-padding:0 16px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl::-webkit-scrollbar{display:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl>li{scroll-snap-align:start;border:0!important;background:transparent!important;margin:0!important;min-width:0}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl a.hp-fc{display:grid!important;grid-template-columns:48px 1fr!important;grid-template-rows:auto auto 1fr!important;column-gap:12px!important;row-gap:2px!important;align-items:start!important;height:100%!important;min-height:136px!important;background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-card)!important;padding:16px!important;text-align:left!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl a.hp-fc>.logo-i{grid-row:1/3!important;grid-column:1!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl a.hp-fc .hp-fc-n{grid-column:2!important;font-size:20px!important;line-height:25px!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl a.hp-fc .hp-fc-p{grid-column:2!important;grid-row:2!important;color:var(--i-blue)!important;font-size:15px!important;line-height:20px!important;font-weight:400!important;text-transform:none!important;letter-spacing:-.015em!important;border:0!important;background:transparent!important;padding:0!important;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl a.hp-fc .hp-fc-t{grid-column:1/-1!important;grid-row:3!important;margin-top:10px!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden!important;text-align:left!important}

/* segmented control: Agents / Power-ups and the directory view tabs */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-tabs,.cx-tabs,.b2-seg,.st-seg){display:flex!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-tabs,.seg,.cx-tabs,.b2-seg,.st-seg){background:var(--i-fill)!important;border:0!important;border-radius:9px!important;padding:2px!important;gap:0!important;min-height:32px!important;height:auto!important;width:100%!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-tabs,.seg,.cx-tabs,.b2-seg,.st-seg)>:is(button,a){flex:1 1 0!important;min-height:28px!important;height:auto!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--i-label)!important;font-size:13px!important;line-height:18px!important;font-weight:500!important;letter-spacing:-.005em!important;text-transform:none!important;box-shadow:none!important;padding:5px 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-tabs,.seg,.cx-tabs,.b2-seg,.st-seg)>:is(button,a):is([aria-selected="true"],[aria-pressed="true"],.on,[aria-current]){background:var(--i-seg-on)!important;font-weight:600!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-tabs)>button span{color:var(--i-l2)!important;font-weight:400!important;font-size:13px!important;background:transparent!important;border:0!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hd-bar{border:0!important;background:transparent!important;padding-left:0!important;padding-right:0!important}

/* chips: 28px capsules on the fill token; selected = blue */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-chip,.chip,.cxl-chip,.fchip,.b2-chip,.ag-chip,.fs-chips button,ul.quick a,ul.cx-pop a,.chp-g a,.ag-tagc,.ag-mc){min-height:32px!important;height:auto!important;border:0!important;border-radius:16px!important;background:var(--i-fill)!important;color:var(--i-label)!important;font-size:15px!important;line-height:20px!important;font-weight:400!important;letter-spacing:-.015em!important;text-transform:none!important;padding:6px 14px!important;box-shadow:none!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;width:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-chip,.chip,.cxl-chip,.fchip,.b2-chip,.fs-chips button):is(.on,[aria-pressed="true"],[aria-current="page"],[aria-selected="true"]){background:var(--i-blue)!important;color:#fff!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ul.quick a,ul.cx-pop a,.chp-g a,a.ag-chip,a.ag-mc){color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick a.q-all{background:var(--i-blue)!important;color:#fff!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none;grid-template-columns:none!important;justify-content:flex-start!important;padding:0 16px!important;margin-left:-16px!important;margin-right:-16px!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick::-webkit-scrollbar{display:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick{align-self:stretch!important;width:auto!important;min-width:0!important;max-width:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick li{flex:none!important;border:0!important;margin:0!important;width:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-chips,.chips,.cxl-chips,.b2-chips,.fs-chips,.chp-g,ul.cx-pop){gap:8px!important;justify-content:flex-start!important;border:0!important;background:transparent!important}

/* buttons: filled 12px radius; pairs equal; pills */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.btn:not(.ghost):not(.sec):not(.alt),.pbtn:not(.ghost):not(.pbtn-ghost),a.ag-go,.ag-cta a.btn,.tray-go,.fs-done,.b2-cta a,.lost .btn:not(.ghost)){background:var(--i-blue)!important;color:#fff!important;border:0!important;border-radius:var(--i-r-btn)!important;min-height:50px!important;font-size:17px!important;line-height:22px!important;font-weight:600!important;letter-spacing:-.022em!important;text-transform:none!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.btn.ghost,.btn.sec,.btn.alt,.pbtn.ghost,.pbtn-ghost,a.ag-act,.ag-ghost,.fs-clear,.cx-sw,.ag-backlist,.lost .btn.ghost,.cxl-go a,td.cxl-go a,.cxl-pv,.cxl-nx){background:var(--i-fill)!important;color:var(--i-blue)!important;border:0!important;border-radius:var(--i-r-btn)!important;min-height:44px!important;font-size:17px!important;line-height:22px!important;font-weight:500!important;letter-spacing:-.022em!important;text-transform:none!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(td.cxl-go a){min-height:32px!important;border-radius:16px!important;font-size:15px!important;padding:0 14px!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-btn,.act,.key-x,.fs-x,.tray-x,.cx-x,.view,.keybtn){color:var(--i-blue)!important;border:0!important;background:transparent!important;box-shadow:none!important;min-width:44px!important;min-height:44px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fm-btn,.fbtn,label.sort,.hp-sort,.fm-sort){background:var(--i-fill)!important;border:0!important;border-radius:var(--i-r-btn)!important;color:var(--i-label)!important;min-height:44px!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fm-btn,.fbtn,label.sort,.hp-sort,.fm-sort) :is(.fm-k,.fbtn-t){color:var(--i-l2)!important;font-size:15px!important;text-transform:none!important;letter-spacing:-.015em!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fm-btn) .fm-v,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(label.sort,.hp-sort,.fm-sort) select{color:var(--i-blue)!important;font-size:15px!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.015em!important;background-color:transparent!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .fm-chev{border-color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fm,.fm-row,.fm-p,.fm-in,.opts,.opts-r,.tools,.chips-wrap,.activef){border:0!important;background:transparent!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.sh-brand,.sf-brand,.ag-brand)::before{background:var(--i-blue)!important;border-radius:50%!important;border:0!important;width:10px!important;height:10px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(form.qbox,form.search,form.sh-q,form.sh-dq,label.cxl-s,.b2-search,.pu-search) svg{transform:none!important;top:auto!important;left:auto!important;align-self:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-tabs{position:relative!important;isolation:isolate}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-tabs>.hd-ind{display:block!important;position:absolute!important;top:2px!important;bottom:2px!important;left:0!important;height:auto!important;background:var(--i-seg-on)!important;border:0!important;border-radius:7px!important;box-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04)!important;z-index:0!important;transition:transform .25s ease,width .25s ease}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-tabs.js>button{position:relative!important;z-index:1!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-tabs.js>button:is([aria-selected="true"],.on){background:transparent!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.chip-ind,.sh-ind){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-desc,.ag-ptext,section.ag-sec>p,.ag-feats>li,.ag-dc p){text-align:left!important;justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-feats>li{grid-column:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-lh{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:baseline!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-lh .hd-cnt{margin:0!important}
/* list row: logo | name + price on one line | description below */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r{display:grid!important;grid-template-columns:48px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:2px!important;align-items:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r>.logo-i{grid-row:1/3!important;grid-column:1!important;align-self:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r>.hd-b{display:contents!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-n{grid-row:1!important;grid-column:2!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;align-self:end!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-p{grid-row:1!important;grid-column:3!important;align-self:end!important;margin:0!important;font-size:15px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-d{grid-row:2!important;grid-column:2/4!important;align-self:start!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(h1.dust-title,h1.b2-title,h1.ag-name){text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(h1.dust-title,h1.b2-title){font-size:34px!important;line-height:41px!important;font-weight:700!important;letter-spacing:-.022em!important;color:var(--i-label)!important;text-align:left!important;margin-left:0!important;margin-right:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-post h1.b2-title{font-size:28px!important;line-height:34px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(h1,h2,h3) em{font-style:normal!important;color:inherit!important;font-weight:inherit!important}

/* agent + power-up pages */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-bar,.ag-dock){background:var(--i-bar)!important;border:0!important;box-shadow:0 .5px 0 var(--i-sep)!important}
@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-bar{-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important}}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-bar) :is(.ag-dirl,a.ag-dirl){color:var(--i-blue)!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important;font-weight:400!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-bar) .ag-mini{color:var(--i-label)!important;font-size:17px!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero{text-align:left!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-hd{display:grid!important;grid-template-columns:112px 1fr!important;gap:16px!important;align-items:center!important;justify-items:start!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-lw{width:112px!important;height:112px!important;margin:0!important;border:0!important;background:transparent!important;padding:0!important;display:block!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-lw .logo.xl{width:112px!important;height:112px!important;border-radius:25px!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-id{text-align:left!important;align-items:flex-start!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero h1.ag-name{font-size:28px!important;line-height:34px!important;font-weight:700!important;letter-spacing:-.02em!important;text-align:left!important;color:var(--i-label)!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-by{font-size:15px!important;line-height:20px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:-.015em!important;text-align:left!important;margin:2px 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-tag{font-size:17px!important;line-height:22px!important;letter-spacing:-.02em!important;color:var(--i-label)!important;text-align:left!important;margin:16px 0 0!important;max-width:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero :is(.ag-chips){justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-cta{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;justify-content:stretch!important;align-items:center!important;grid-template-columns:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-cta>:is(a.ag-go,.ag-ghost,a.ag-act){flex:1 1 0!important;width:auto!important;min-width:0!important;margin:0!important;min-height:50px!important;gap:6px!important;white-space:nowrap!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-cta>button.ag-svi{flex:none!important;width:50px!important;min-width:50px!important;min-height:50px!important;height:50px!important;padding:0!important;border-radius:var(--i-r-btn)!important;background:var(--i-fill)!important;color:var(--i-blue)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-cta>button.ag-svi>span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-cta svg{color:currentColor!important;stroke:currentColor!important}
/* key facts: grouped key-value list */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec{display:block!important;background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;padding:0!important;grid-template-columns:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec>div{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;min-height:44px!important;padding:11px 16px!important;border:0!important;margin:0!important;background:transparent!important;text-align:left!important;grid-column:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec>div+div{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 16px 0/calc(100% - 16px) .5px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec dt{font-size:17px!important;line-height:22px!important;color:var(--i-label)!important;text-transform:none!important;letter-spacing:-.02em!important;font-weight:400!important;margin:0!important;flex:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec dd{font-size:17px!important;line-height:22px!important;color:var(--i-l2)!important;text-align:right!important;letter-spacing:-.02em!important;margin:0!important;font-weight:400!important;min-width:0;overflow-wrap:anywhere;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec dd a,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body dl.ag-spec dd .ag-sl{color:var(--i-blue)!important;text-decoration:none!important;border:0!important;background:transparent!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important;padding:0!important;min-height:0!important}
/* sections: title 2 header, content in a white inset group */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(section.ag-sec,details.ag-sec){border:0!important;background:transparent!important;padding-top:0!important;padding-bottom:0!important;margin-top:32px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.ag-sec>summary{list-style:none!important;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;cursor:pointer}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.ag-sec>summary::-webkit-details-marker{display:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.ag-sec>summary::after{content:""!important;display:block!important;width:12px!important;height:7px!important;flex:none;border:0!important;background:var(--i-chev) no-repeat center/7px 12px!important;transform:rotate(90deg)!important;transition:transform .2s;opacity:1!important;position:static!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.ag-sec[open]>summary::after{transform:rotate(-90deg)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.ag-sec>summary .ag-h{margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-dc){background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:16px!important;margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-dc :is(ul.ag-src,ul.ag-priv,.ag-feats){margin-left:-16px!important;margin-right:-16px!important;border-radius:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-dc>:is(ul.ag-src,ul.ag-priv):first-child{margin-top:-16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-dc>:is(ul.ag-src,ul.ag-priv):last-child{margin-bottom:-16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-feats,.ag-src,.ag-priv)>li{min-height:44px!important;padding:11px 16px!important;display:flex!important;align-items:center!important;gap:12px!important;font-size:17px!important;line-height:22px!important;letter-spacing:-.02em!important;color:var(--i-label)!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-feats)>li::before{content:""!important;display:block!important;flex:none;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--i-blue)!important;border:0!important;margin:0!important;position:static!important;transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-feats{display:block!important;grid-template-columns:none!important;margin-top:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a{display:flex!important;flex-direction:column!important;gap:2px!important;width:100%!important;padding-right:20px!important;background:var(--i-chev) no-repeat right center/7px 12px!important;border:0!important;color:var(--i-label)!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li{padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a{padding:11px 36px 11px 16px!important;background-position:right 16px center!important;min-height:44px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a b{font-size:17px!important;line-height:22px!important;font-weight:400!important;color:var(--i-label)!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a span{font-size:15px!important;line-height:20px!important;color:var(--i-l2)!important;letter-spacing:-.015em!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-priv>li svg{color:var(--i-blue)!important;stroke:var(--i-blue)!important;flex:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-bfl,.ag-pcc h3,.ag-mkn){font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-transform:uppercase!important;letter-spacing:0!important;font-weight:400!important;margin:24px 0 8px!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-mkn{margin:0!important;text-transform:none!important;font-size:17px!important;color:var(--i-label)!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-tags{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-tagc{color:var(--i-label)!important;white-space:normal!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-mkm{background:var(--i-fill)!important;color:var(--i-blue)!important;border:0!important;border-radius:var(--i-r-icon)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body blockquote.ag-mkq{border:0!important;padding:0!important;margin:12px 0 0!important;font-size:17px!important;line-height:22px!important;color:var(--i-label)!important;font-style:normal!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body blockquote.ag-mkq cite{display:block;color:var(--i-l2)!important;font-size:13px!important;font-style:normal!important;text-transform:none!important;letter-spacing:0!important;margin-top:8px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-pcc ul li{font-size:17px!important;line-height:22px!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-pn,.ag-pt){font-size:17px!important;line-height:22px!important;color:var(--i-label)!important;text-transform:none!important;letter-spacing:-.02em!important;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-pbig{font-size:34px!important;line-height:41px!important;font-weight:700!important;color:var(--i-label)!important;letter-spacing:-.02em!important;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-price,.ag-pc,.ag-pcc,.ag-maker-c,.ag-ptx){border:0!important;background:transparent!important;padding-left:0!important;padding-right:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-fine{margin-top:12px!important;display:flex;gap:6px;align-items:center}
/* similar agents: grouped rows */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim{display:block!important;background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;grid-template-columns:none!important;margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc{display:flex!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:12px 36px 12px 16px!important;border:0!important;border-radius:0!important;background:var(--i-chev) no-repeat right 16px center/7px 12px!important;background-color:var(--i-cell)!important;white-space:normal!important;justify-content:flex-start!important;text-align:left!important;width:100%!important;box-shadow:none!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc+a.ag-mc{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 76px 0/calc(100% - 76px) .5px,var(--i-chev) no-repeat right 16px center/7px 12px!important;background-color:var(--i-cell)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc .logo{width:48px!important;height:48px!important;flex:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-mct{display:flex!important;flex-direction:column!important;min-width:0!important;gap:2px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-mct b{font-size:17px!important;line-height:22px!important;font-weight:600!important;color:var(--i-label)!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-mct>span{font-size:15px!important;line-height:20px!important;color:var(--i-l2)!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important;text-transform:none!important;letter-spacing:-.015em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.ag-rep{text-align:left!important;margin-top:24px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.ag-rep a{color:var(--i-blue)!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important;border:0!important;background:transparent!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.ag-pn2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:0!important;background:transparent!important;margin-top:24px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.ag-pn2 a.ag-step{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-btn)!important;padding:12px 16px!important;display:flex!important;flex-direction:column!important;gap:6px!important;min-height:72px!important;box-shadow:none!important;color:var(--i-label)!important;text-align:left!important;align-items:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.ag-pn2 a.ag-step.next{align-items:flex-end!important;text-align:right!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.ag-pn2 .ag-sk{color:var(--i-blue)!important;font-size:15px!important;text-transform:none!important;letter-spacing:-.015em!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.ag-pn2 .ag-sn b{font-size:17px!important;font-weight:600!important;color:var(--i-label)!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.ag-end){border:0!important;background:transparent!important;text-align:center!important}

/* compare */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-heads){gap:8px!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-h){background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-btn)!important;box-shadow:none!important;text-align:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-h) .cx-hb{border:0!important;background:transparent!important;color:var(--i-blue)!important;min-height:88px!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-h .cx-hn{color:var(--i-label)!important;font-size:17px!important;font-weight:600!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-h.cx-empty .cx-hn{color:var(--i-blue)!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-plus{background:var(--i-tint)!important;color:var(--i-blue)!important;border:0!important;border-radius:50%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-h .cx-big{font-size:15px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:-.015em!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-h .cx-links a{color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-rows{margin-top:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-rows>.cx-row{padding:12px 16px!important;min-height:44px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-row .cx-l{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-transform:uppercase!important;letter-spacing:0!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-row .cx-c{font-size:15px!important;line-height:20px!important;color:var(--i-label)!important;border:0!important;background:transparent!important;letter-spacing:-.015em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-yn.y{color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-yn.n{color:var(--i-l3)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(details.cx-same,details.cx-why,section.cx-pick,section.cxl-how,.cx-bar,section.cx,section.cxl){border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-same>summary,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why>summary,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.block>details>summary{color:var(--i-blue)!important;text-transform:none!important;letter-spacing:-.02em!important;font-size:17px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t{border-collapse:separate!important;border-spacing:0!important;width:100%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t :is(td,th){border:0!important;background:transparent!important;padding-top:12px!important;padding-bottom:12px!important;vertical-align:middle!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t tr+tr td{border-top:.5px solid var(--i-sep)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t td:first-child{padding-left:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t td:last-child{padding-right:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t tr{background:var(--i-cell)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t tr.pg-off{display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cxl-pager{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cxl-pager :is(a,span){color:var(--i-blue)!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-pop a{white-space:normal!important}

/* stats: 2x2 key tiles, bar list */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys a.st-k{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-btn)!important;padding:16px!important;text-align:left!important;align-items:flex-start!important;justify-content:flex-start!important;display:flex!important;flex-direction:column!important;gap:4px!important;min-height:104px!important;box-shadow:none!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys a.st-k b{font-size:34px!important;line-height:41px!important;font-weight:700!important;color:var(--i-blue)!important;letter-spacing:-.02em!important;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys a.st-k span{font-size:15px!important;line-height:20px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:-.015em!important;text-align:left!important}
@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys{grid-template-columns:repeat(4,1fr)!important}}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx{display:block!important;background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;grid-template-columns:none!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a{display:flex!important;align-items:center!important;gap:12px!important;min-height:44px!important;padding:0 36px 0 16px!important;border:0!important;background:var(--i-chev) no-repeat right 16px center/7px 12px!important;background-color:var(--i-cell)!important;color:var(--i-label)!important;text-align:left!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important;width:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a+a{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 52px 0/calc(100% - 52px) .5px,var(--i-chev) no-repeat right 16px center/7px 12px!important;background-color:var(--i-cell)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a b{color:var(--i-blue)!important;font-size:15px!important;font-weight:600!important;width:24px;font-family:var(--i-font)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a span{color:var(--i-label)!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.st-sec{border:0!important;background:transparent!important;margin-top:40px!important;padding-top:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.st-h{flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.st-h .st-no{color:var(--i-blue)!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.st-lead){background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:16px!important;margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.st-lt{font-size:17px!important;line-height:22px!important;color:var(--i-label)!important;letter-spacing:-.02em!important;text-align:left!important;font-weight:400!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.st-meta{margin-top:8px!important;display:flex!important;gap:16px!important;flex-wrap:wrap}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.st-meta a{color:var(--i-blue)!important;text-transform:none!important;letter-spacing:-.015em!important;font-size:15px!important;border:0!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body figure.st-bars{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:16px!important;margin:8px 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body figure.st-bars figcaption{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:8px;margin-bottom:8px!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body figure.st-bars figcaption b{font-size:17px!important;font-weight:600!important;color:var(--i-label)!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body figure.st-bars figcaption span{font-size:13px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row{display:grid!important;grid-template-columns:minmax(0,38%) 1fr auto!important;align-items:center!important;gap:12px!important;min-height:36px!important;border:0!important;padding:4px 0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-l,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-l a{font-size:15px!important;line-height:20px!important;color:var(--i-label)!important;text-transform:none!important;letter-spacing:-.015em!important;text-align:left!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-l a{color:var(--i-blue)!important;text-decoration:none!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-b{height:8px!important;border-radius:4px!important;background:var(--i-fill)!important;border:0!important;overflow:hidden!important;display:block!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-b i{display:block!important;height:100%!important;border-radius:4px!important;background:var(--i-blue)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-n{font-size:15px!important;line-height:20px!important;color:var(--i-label)!important;font-weight:600!important;text-align:right!important;font-variant-numeric:tabular-nums;font-family:var(--i-font)!important;letter-spacing:-.015em!important;white-space:nowrap}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-row .st-n em{font-style:normal!important;color:var(--i-l2)!important;font-weight:400!important;margin-left:6px!important;font-size:13px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.st-list,ul.st-list){margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.st-list,ul.st-list)>li{min-height:44px!important;padding:11px 16px!important;border:0!important;font-size:17px!important;line-height:22px!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ol.st-list,ul.st-list)>li+li{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 16px 0/calc(100% - 16px) .5px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.st-cite,.st-m){background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-cite p.st-q{font-family:var(--i-font)!important;font-size:15px!important;color:var(--i-label)!important;background:transparent!important;border:0!important}

/* blog */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-card)!important;overflow:hidden!important;box-shadow:none!important;color:var(--i-label)!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-img{border:0!important;border-radius:0!important;background:var(--i-fill)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-body{padding:12px 16px 16px!important;text-align:left!important;background:transparent!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-k{color:var(--i-blue)!important;font-size:13px!important;line-height:18px!important;text-transform:uppercase!important;letter-spacing:0!important;font-weight:600!important;background:transparent!important;border:0!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-ct{font-size:20px!important;line-height:25px!important;font-weight:600!important;color:var(--i-label)!important;letter-spacing:-.02em!important;text-transform:none!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card.b2-small .b2-ct{font-size:17px!important;line-height:22px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-cd{font-size:15px!important;line-height:20px!important;color:var(--i-l2)!important;letter-spacing:-.015em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body a.b2-card .b2-cm{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ul.b2-grid){gap:16px!important;border:0!important;background:transparent!important;overflow:visible!important;border-radius:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ul.b2-grid)>li{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-list{background:transparent!important;overflow:visible!important;border-radius:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-list>*{background:transparent!important;background-image:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-bar{justify-content:flex-start!important;border:0!important;gap:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(nav.b2-crumb,.b2-crumb a,a.b2-kt){color:var(--i-blue)!important;text-transform:none!important;letter-spacing:-.01em!important;font-size:15px!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.b2-toc{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:4px 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.b2-toc summary{min-height:44px!important;display:flex!important;align-items:center!important;color:var(--i-label)!important;font-size:17px!important;text-transform:none!important;letter-spacing:-.02em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.b2-toc a{color:var(--i-blue)!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;margin:0 0 8px!important;overflow:hidden!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card>summary{min-height:64px!important;padding:10px 16px!important;gap:12px!important;align-items:center!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-lg{border-radius:var(--i-r-icon)!important;box-shadow:0 0 0 .5px var(--i-ring)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-ct b{font-size:17px!important;font-weight:600!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-ct span,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-pr{font-size:15px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:-.015em!important;font-family:var(--i-font)!important;font-weight:400!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-chev{border-color:var(--i-l3)!important;color:var(--i-l3)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-cb{border-top:.5px solid var(--i-sep)!important;padding:12px 16px 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-cb :is(p,dd,dt){font-size:15px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-cb dt{color:var(--i-l2)!important;text-transform:none!important;letter-spacing:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-cl a{color:var(--i-blue)!important;text-decoration:none!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.bl-card .bl-ck{color:var(--i-l2)!important;font-size:13px!important;text-transform:none!important;letter-spacing:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.b2-rel{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.b2-h){font-size:22px!important;line-height:28px!important;font-weight:700!important;text-transform:none!important;letter-spacing:-.012em!important;color:var(--i-label)!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(a.b2-hub,p.b2-back a,.b2-pn a,.b2-pn-i){color:var(--i-blue)!important;text-transform:none!important;letter-spacing:-.015em!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-pn a.b2-pn-i{background:var(--i-cell)!important;border-radius:var(--i-r-btn)!important;padding:12px 16px!important}

/* prose pages (legal, guides): blocks as plain text on the grouped background */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(section.block,.prose>section){border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ul.plinks)>li{min-height:44px!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(ul.plinks)>li>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:11px 36px 11px 16px!important;color:var(--i-label)!important;text-decoration:none!important;border:0!important;background:var(--i-chev) no-repeat right 16px center/7px 12px!important;font-size:17px!important}

/* directory, category and chat-app listings */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.featured,.rail,.dir,section.hero,.chp,details.cat-how){border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cat-how{background:var(--i-cell)!important;border-radius:var(--i-r-list)!important;padding:4px 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cat-how>summary{min-height:44px!important;display:flex!important;align-items:center!important;font-size:17px!important;font-weight:600!important;line-height:22px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .chp-s{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .card .nm{font-size:17px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .body{min-width:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .tl{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .logo{width:48px!important;height:48px!important;flex:none}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card>a.hit{position:absolute!important;inset:0!important;z-index:1}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.rail)>*{background-color:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-card)!important;box-shadow:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .empty{border:0!important;background:var(--i-cell)!important;border-radius:var(--i-r-list)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fs-card){background:var(--i-bg)!important;border:0!important;border-radius:10px 10px 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fs-grab){background:var(--i-l3)!important;border-radius:3px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.tray,.tray-in){background:var(--i-bar)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.pk-toast,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.ag-toast{background:var(--i-cell)!important;color:var(--i-label)!important;border:0!important;border-radius:var(--i-r-btn)!important;box-shadow:0 8px 24px rgba(0,0,0,.16)!important}

/* home lists + headers */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-lh{margin-top:24px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hd-cnt{white-space:nowrap}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body #hd.hp{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r :is(.hd-c){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-b{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-d{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important;white-space:normal!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-p{white-space:nowrap!important;margin-left:auto!important;flex:none!important;text-align:right!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r>.logo-i{width:48px!important;height:48px!important;flex:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-more,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hd-more,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body button.more{background:var(--i-fill)!important;color:var(--i-blue)!important;border:0!important;border-radius:var(--i-r-btn)!important;min-height:44px!important;text-transform:none!important;font-size:17px!important;letter-spacing:-.02em!important}

/* 404 */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.lost{border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.lost .btnrow{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.lost .btnrow>*{width:100%!important;margin:0!important}

/* footer: grouped background, footnote type, blue links */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf{background:var(--i-bg)!important;border:0!important;box-shadow:0 -.5px 0 var(--i-sep)!important;color:var(--i-l2)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf .sf-in{border:0!important;background:transparent!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf .sf-h{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-transform:uppercase!important;letter-spacing:0!important;font-weight:400!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf .sf-g ul a{color:var(--i-blue)!important;font-size:15px!important;line-height:20px!important;letter-spacing:-.015em!important;text-transform:none!important;text-decoration:none!important;border:0!important;min-height:32px;display:inline-flex;align-items:center}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf :is(.sf-g,.sf-grid){text-align:left!important;justify-items:start!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf .sf-bot{font-size:13px!important;color:var(--i-l2)!important;text-transform:none!important;letter-spacing:0!important;border:0!important;justify-content:space-between!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body footer.sf .sf-bot a{color:var(--i-blue)!important}

/* tap targets: 44px minimum on every control */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(button,select,summary,[role=tab]){min-height:44px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(.hd-chip,.chip,.cxl-chip,.b2-chip,.fs-chips button,ul.quick a,ul.cx-pop a,.ag-chip){position:relative}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main :is(.hd-chip,.chip,.cxl-chip,.b2-chip,.fs-chips button,ul.quick a,ul.cx-pop a)::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}

/* desktop: centred column (iPad split is a later step) */
@media(min-width:720px){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-hero h1,section.hero h1,h1.ptitle,.b2-hero h1,header.cat-head h1,h1.dust-title,h1.b2-title){font-size:34px!important;line-height:41px!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.hp-fl{grid-auto-flow:row!important;grid-template-columns:repeat(3,1fr)!important;grid-auto-columns:auto!important;overflow:visible!important;margin:0!important;padding:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.quick{overflow:visible!important;flex-wrap:wrap!important;margin:0!important;padding:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.ag-hero .ag-hd{grid-template-columns:112px 1fr!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.b2-grid{grid-template-columns:repeat(2,1fr)!important}
}

/* dark mode: every surface on the dark tokens */
@media (prefers-color-scheme:dark){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :where(*):where(:not(svg,svg *,img,picture,video,iframe)){border-color:var(--i-sep)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :where(main,section,article,header,footer,nav,div,ul,ol,li,dl,dt,dd,p,figure,figcaption,table,thead,tbody,tr,td,th,details,summary,label,form,aside,blockquote,span,a,b,strong,em,i,small,h1,h2,h3,h4,h5,h6,time,cite,caption,button,select,input,textarea,kbd,legend,fieldset,mark,abbr,q,sup,sub,u,s,del,ins,var,output,address):where(:not(svg *,.logo,.logo-i,.pu-lg,.bl-lg,.st-b,.st-b i,.dot,.fs-grab,.sh-menu span,[style*="background-image"])){background-color:transparent!important;color:inherit!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(select,option){background-color:var(--i-cell)!important;color:var(--i-label)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.sh-drawer,.sh-drawer>div,.fs-card){background-color:var(--i-bg)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .fsheet .fs-scrim{background:rgba(0,0,0,.6)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.logo,.logo-i,.pu-lg,.bl-lg){background-color:#fff!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.mi,.ic,svg){color:inherit}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body img{opacity:.95}
}

/* ---- layout patches (last so they win ties) ---- */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r{text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r>.hd-b{display:contents!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-p{margin:0!important;text-align:right!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:8px!important;grid-template-columns:none!important;max-width:100%!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li{max-width:100%!important;min-width:0!important;width:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li>a{white-space:normal!important;max-width:100%!important;text-align:left!important;justify-content:flex-start!important;height:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li>a i{color:var(--i-l2)!important;font-style:normal!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(div.chips,.hd-chips,.cxl-chips,nav.b2-chips){display:flex!important;flex-wrap:wrap!important;grid-template-columns:none!important;justify-content:flex-start!important;gap:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(div.chips,.hd-chips,.cxl-chips,nav.b2-chips)>*{flex:none!important;width:auto!important;max-width:100%!important;grid-column:auto!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-hb) :is(small,.cx-hs,span:not(.cx-hn):not(.cx-plus):not(.sr)){font-size:13px!important;text-transform:none!important;letter-spacing:0!important;color:var(--i-l2)!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.cx :is(p,.cx-hint,.cx-hl),html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cxl-hd :is(p,.cxl-sub),html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body p.st-meta,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-lead,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-lead p{text-align:left!important;justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li>a{border:0!important;background-image:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-pop>li>a{background-color:var(--i-fill)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;height:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a b,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.st-idx a span{margin:0!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.b2-grid{display:grid!important;gap:16px!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.b2-grid>li,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.b2-grid>li>a{background-image:none!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.hero .hero-in>*+*,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-hero .hero-in>*+*{margin-top:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-hero .hero-in>.g-count+h1{margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body #hd.hp{padding-top:8px!important;margin-top:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-hero{padding-bottom:16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-feat{margin-top:16px!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :where(*):where(:not(svg,svg *,code,pre,kbd)){text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :where(main,footer) :where(p,span,small,time,dt,label,figcaption,cite,b):where(:not(svg *)){letter-spacing:-.01em!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(p.b2-meta,.b2-by){border:0!important;padding:8px 0 0!important;margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.b2-toc summary :is(.b2-tn,span){font-size:15px!important;color:var(--i-l2)!important;font-weight:400!important;margin-left:8px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.b2-toc+*{margin-top:24px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose,.b2-col) :is(section.block,section)+:is(section.block,section){margin-top:32px!important;padding-top:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.prose,.b2-col) h2{margin-top:0!important;margin-bottom:12px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.lost .kicker{font-size:13px!important;color:var(--i-l2)!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-feat{padding-top:0!important;margin-top:24px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hp-lab,.hp-feat>h2){margin-bottom:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hp-lh{margin-bottom:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys a.st-k b{order:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .st-keys a.st-k span{order:1!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.hero>.hero-in{margin-left:auto!important;margin-right:auto!important;width:100%!important}
@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.hero>.hero-in,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(header.phero,.b2-hero,header.cat-head){max-width:800px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box}}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body article.ag-body :is(header.ag-hero,dl.ag-spec,section.ag-sec,details.ag-sec,.ag-desc,.ag-feats,.ag-tags,.ag-dc,.ag-sim,nav.ag-pn2,p.ag-rep,.ag-price,.ag-ptext){max-width:none!important;margin-left:0!important;margin-right:0!important;width:auto!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-dc :is(ul.ag-src,ul.ag-priv,.ag-feats){margin-left:-16px!important;margin-right:-16px!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.phero{padding-top:24px!important;padding-bottom:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(section.cx,section.cxl,.prose>section.block,section.b2-rel,section.cx-pick,details.cx-why){margin-top:32px!important;padding-top:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-row .cx-l::before{content:none!important;display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-ul{padding:0!important;margin:0!important;list-style:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-ul>li{position:relative!important;padding-left:14px!important;font-size:15px!important;line-height:20px!important;letter-spacing:-.015em!important;color:var(--i-label)!important;margin:0 0 6px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.cx-ul>li::before{content:""!important;position:absolute!important;left:0!important;top:7px!important;width:6px!important;height:6px!important;border-radius:50%!important;background:var(--i-blue)!important;border:0!important;transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-row .cx-c a{color:var(--i-blue)!important;font-size:15px!important;text-decoration:none!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-row.is-same .cx-c{color:var(--i-l2)!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .phero .plede+a,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.phero :is(button,a):not(.ptitle *){color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .opts{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .opts>.seg{flex:1 1 auto!important;width:auto!important;min-width:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .opts>.opts-r{display:flex!important;gap:8px!important;flex:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .opts-r :is(button,label){background:var(--i-fill)!important;border-radius:var(--i-r-btn)!important;min-width:44px!important;min-height:44px!important;color:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why :is(p,div,span,b,h3){text-align:left!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks{display:block!important;grid-template-columns:none!important;columns:auto!important;list-style:none!important;margin:8px 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li{width:auto!important;max-width:none!important;text-align:left!important;list-style:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li::before,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li::after,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li>a::before,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li>a::after{content:none!important;display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.plinks>li>a{justify-content:flex-start!important;text-align:left!important;white-space:normal!important;line-height:22px!important;letter-spacing:-.02em!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-picks{display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;overflow:hidden!important;margin-top:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-picks>p{margin:0!important;padding:12px 16px!important;text-align:left!important;font-size:17px!important;line-height:22px!important;color:var(--i-label)!important;border:0!important;background:transparent!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-picks>p+p{background:linear-gradient(var(--i-sep),var(--i-sep)) no-repeat 16px 0/calc(100% - 16px) .5px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-picks>p strong{display:block!important;font-size:13px!important;line-height:18px!important;font-weight:400!important;color:var(--i-l2)!important;margin:0 0 2px!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why{background:var(--i-cell)!important;border-radius:var(--i-r-list)!important;padding:0 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why>summary{min-height:44px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;list-style:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why>summary h2{font-size:17px!important;line-height:22px!important;font-weight:600!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why ul{padding:0 0 12px 18px!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body details.cx-why li{font-size:15px!important;line-height:20px!important;color:var(--i-label)!important;margin-bottom:6px!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t td{border-top:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t tr+tr{background-image:linear-gradient(var(--i-sep),var(--i-sep))!important;background-repeat:no-repeat!important;background-size:calc(100% - 16px) .5px!important;background-position:16px 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t :is(.cxl-v){display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t .cxl-a i,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-pop a i{font-style:normal!important;color:var(--i-l2)!important;font-weight:400!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body table.cxl-t td.cxl-go a{background:transparent!important;min-height:44px!important}

@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.hero>.hero-in{padding-left:0!important;padding-right:0!important}}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.hero form.qbox,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .hero-in>form.qbox{width:100%!important;max-width:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card>.body{flex:1 1 auto!important;display:flex!important;flex-direction:column!important;gap:2px!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .l1{display:flex!important;justify-content:flex-start!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.st-lead,figure.st-bars,.st-cite,.st-m,ol.st-list,ul.st-list){margin-left:0!important;margin-right:0!important;max-width:none!important;width:auto!important}

/* tab bar (phones): 49px + home area, translucent material, current section in blue */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb{display:none!important}
@media(max-width:719px){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb{display:flex!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:90!important;height:auto!important;padding:0 4px env(safe-area-inset-bottom)!important;background:var(--i-bar)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;backdrop-filter:saturate(180%) blur(20px)!important;box-shadow:0 -.5px 0 var(--i-sep)!important;border:0!important;margin:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb>a{flex:1 1 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;min-height:49px!important;padding:5px 0 3px!important;color:var(--i-gray)!important;font-size:10px!important;line-height:12px!important;font-weight:500!important;letter-spacing:.01em!important;text-decoration:none!important;border:0!important;background:transparent!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb>a span{font-size:10px!important;line-height:12px!important;letter-spacing:.01em!important;color:inherit!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb>a svg{width:26px!important;height:26px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round;stroke-linejoin:round;color:inherit!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb>a[aria-current="page"]{color:var(--i-blue)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb>a[aria-current="page"] svg{fill:var(--i-tint)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body:has(nav.tb){padding-bottom:calc(49px + env(safe-area-inset-bottom))!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body:has(main.ag) nav.tb{display:none!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body:has(main.ag){padding-bottom:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body:has(nav.tb) .tray{bottom:calc(61px + env(safe-area-inset-bottom))!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body:has(nav.tb) .pk-toast{bottom:calc(61px + env(safe-area-inset-bottom))!important}
}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :where(*):where(:not(svg,svg *,code,pre,kbd,nav.tb *)){letter-spacing:-.01em!important}

/* Dynamic Type floor: nothing below caption 1 (12px), section labels at footnote (13px) */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-see-a,.hp-bd,.b2-meta span,.b2-meta time,.b2-by span,.cx-sl,table.cxl-t th,.b2-pn-i .b2-k,.chp-c,.cat-check,.kicker){font-size:13px!important;line-height:18px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(details.bl-card .bl-cl a,details.bl-card .bl-cl a span,.cx-chips span,.ag-ft,.b2-sub a,table.cxl-t .cxl-p i,.chp-a){font-size:15px!important;line-height:20px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-chips span{font-size:13px!important}

/* state: elements the scripts hide stay hidden */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7):not(#i8) body [hidden]:not([hidden="until-found"]){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7):not(#i8) body :is(.hd-r.hd-x,.cxl-row.pg-off,.card.pg-off){display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-add{background:var(--i-blue)!important;color:#fff!important;border:0!important;border-radius:var(--i-r-btn)!important;box-shadow:none!important;font-size:17px!important;font-weight:600!important}

@media(max-width:719px){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market{display:block!important;grid-template-columns:none!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card{display:flex!important;grid-template-columns:none!important;width:auto!important;max-width:none!important;padding-right:8px!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card :is(.mc,.strip){display:none!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card>svg.chev{display:none!important}
}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .acts{display:flex!important;gap:0!important;flex:none!important;position:relative!important;z-index:2!important;background:transparent!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .acts .act{color:var(--i-blue)!important;width:44px!important;height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .acts .act svg{width:22px!important;height:22px!important;color:var(--i-blue)!important;stroke:var(--i-blue)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .acts .act[aria-pressed="true"]{background:var(--i-tint)!important}
@media(min-width:720px){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card{padding-right:12px!important;min-height:72px!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card>svg.chev{display:none!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .mhead{background:transparent!important;border:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .mhead button,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .mhead span{font-size:13px!important;color:var(--i-l2)!important;font-weight:400!important;text-transform:none!important;background:transparent!important;border:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .mc{color:var(--i-l2)!important;font-size:15px!important;border:0!important;background:transparent!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .mc :is(svg,.mi){color:var(--i-l2)!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .mc a.mi{color:var(--i-blue)!important}
}
/* category as a third footnote line in home/directory rows */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-c{display:none!important}
@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-c{display:block!important;position:static!important;grid-row:2!important;grid-column:3!important;align-self:start!important;font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;margin:0!important;text-align:right!important;padding:0!important;white-space:nowrap!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r .hd-d{grid-column:2!important}}

@media(max-width:719px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .grid.market>.card .acts .act.cp{display:none!important}}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.hd-chip,.chip,.cxl-chip,.fchip,.b2-chip,.fs-chips button,ul.quick a,ul.cx-pop a,.chp-g a){min-width:0!important;flex:none!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.hd-l>li.hd-r{height:auto!important;max-height:none!important;overflow:visible!important}

/* alternatives pages: each pick is a white inset card */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.palts{list-style:none!important;padding:0!important;margin:8px 0 0!important;display:grid!important;gap:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.palts>li.palt{background:var(--i-cell)!important;border:0!important;border-radius:var(--i-r-list)!important;padding:12px 16px!important;margin:0!important;box-shadow:none!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.palts>li.palt::before,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ol.palts>li.palt::after{content:none!important;display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt a.palt-n{display:flex!important;flex-direction:column!important;gap:2px!important;text-decoration:none!important;border:0!important;background:transparent!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt a.palt-n b{font-size:17px!important;line-height:22px!important;font-weight:600!important;color:var(--i-label)!important;text-decoration:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt a.palt-n span{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-decoration:none!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt p{font-size:15px!important;line-height:20px!important;color:var(--i-label)!important;margin:8px 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt p strong{font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt small{display:block!important;font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;margin-top:6px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt a.palt-cmp{display:inline-flex!important;align-items:center!important;gap:4px!important;min-height:44px!important;margin:4px 0 -8px!important;color:var(--i-blue)!important;font-size:15px!important;text-decoration:none!important;border:0!important;background:transparent!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body li.palt a.palt-cmp svg{color:var(--i-blue)!important;stroke:var(--i-blue)!important;width:14px!important;height:14px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body ul.b2-grid>li+li{margin-top:0!important}

@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .prose>:is(section.cx,section.cxl){padding-left:0!important;padding-right:0!important}}

@media(min-width:720px){
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(header.phero,header.b2-hero,header.cat-head){padding-left:0!important;padding-right:0!important}
 html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .b2-post header.b2-hero{max-width:640px!important}
}

@media(min-width:720px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .prose>.st,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body div.st{padding-left:0!important;padding-right:0!important}}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(label.sort,label.hp-sort,.fm-sort)::after{border-color:var(--i-blue)!important;color:var(--i-blue)!important}

/* overlays above the tab bar; panels on cell colour in both modes */
@media(max-width:719px){html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body nav.tb{z-index:60!important}}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.fsheet,.cx-pk,.sh-drawer){z-index:100!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body header.sh{z-index:101!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-pk-p,.fs-card,.ag-cw,.ag-cwi,.key-box,.key-in){background-color:var(--i-bg)!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-pk-p{border-radius:10px 10px 0 0!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body :is(.cx-pk,.fs-scrim){background-color:rgba(0,0,0,.4)!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer nav a::after,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .sh-drawer nav a::before{content:none!important;display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-pk-p input{background:var(--i-fill)!important;border:0!important;border-radius:10px!important;min-height:36px!important;font-size:17px!important;color:var(--i-label)!important;box-shadow:none!important;outline:0!important;padding:0 12px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .cx-pk-p input::placeholder{color:var(--i-l2)!important}

/* report form: iOS fields */
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main :is(h1.rp-h1){font-size:34px!important;line-height:41px!important;font-weight:700!important;text-align:left!important;color:var(--i-label)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main p.sub{font-size:17px!important;line-height:22px!important;color:var(--i-l2)!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.f>span,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main fieldset.rcs>legend{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;text-transform:uppercase!important;font-weight:400!important;padding:0 16px!important;margin-bottom:6px!important;display:block}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.f>span .opt{text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main :is(select,textarea,input[type=url],input[type=text],input[type=email]){background:var(--i-cell)!important;color:var(--i-label)!important;border:0!important;border-radius:var(--i-r-list)!important;min-height:44px!important;font-size:17px!important;padding:11px 16px!important;box-shadow:none!important;width:100%!important;box-sizing:border-box!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main fieldset.rcs{border:0!important;padding:0!important;margin:24px 0 0!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main fieldset.rcs>legend{width:100%!important;float:left}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.rc{position:relative!important;border:0!important;background:transparent!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.rc>input{position:absolute!important;opacity:0!important;inset:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.rc>span{display:inline-flex!important;align-items:center!important;min-height:32px!important;padding:6px 14px!important;border-radius:16px!important;background:var(--i-fill)!important;color:var(--i-label)!important;font-size:15px!important;border:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.rc>input:checked+span{background:var(--i-blue)!important;color:#fff!important;font-weight:600!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.rc>input:focus-visible+span{outline:2px solid var(--i-blue)!important;outline-offset:2px}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main button.go{background:var(--i-blue)!important;color:#fff!important;border:0!important;border-radius:var(--i-r-btn)!important;min-height:50px!important;width:100%!important;font-size:17px!important;font-weight:600!important;text-transform:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main p.fine{font-size:13px!important;line-height:18px!important;color:var(--i-l2)!important;padding:0 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body main.rp-main label.f{display:block!important;margin-top:24px!important;border:0!important;background:transparent!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price{display:block!important;background:var(--i-cell)!important;border-radius:var(--i-r-list)!important;padding:16px!important;margin-top:8px!important;text-align:left!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price .ag-ptx{text-align:left!important;align-items:flex-start!important;display:block!important;padding:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price p.ag-pt{display:flex!important;flex-direction:column-reverse!important;align-items:flex-start!important;gap:2px!important;font-size:28px!important;line-height:34px!important;font-weight:700!important;color:var(--i-label)!important;text-align:left!important;margin:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price p.ag-pt .ag-ft{font-size:13px!important;line-height:18px!important;font-weight:400!important;color:var(--i-l2)!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price p.ag-pn{text-align:left!important;margin:8px 0 0!important;color:var(--i-l2)!important;font-size:15px!important;line-height:20px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price .ag-pbig:empty,html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>.ag-price .ag-pbig{display:none!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body section.ag-sec>p.ag-fine{text-align:left!important;justify-content:flex-start!important;padding:0 16px!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc{flex-direction:row!important;align-items:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc .logo{margin:0!important;order:0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-sim>a.ag-mc .ag-mct{text-align:left!important;align-items:flex-start!important}

html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-bfl{border:0!important;padding:0 0 0 0!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a{align-items:flex-start!important;text-align:left!important;justify-content:center!important}
html:not(#i1):not(#i2):not(#i3):not(#i4):not(#i5):not(#i6):not(#i7) body .ag-src>li>a>svg{display:none!important}

/* ==== iOS end ==== */