/* Bricolage Grotesque: Google Fonts, SIL Open Font License or Apache 2.0; latin subset */
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600 800;
  font-stretch: 100%;
  font-display: swap;
  src: url(/fonts/bricolage-grotesque-normal-600-800.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;
}

/* Figtree: Google Fonts, SIL Open Font License or Apache 2.0; latin subset */
@font-face {
  font-family: 'Figtree';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/figtree-italic-400.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;
}
@font-face {
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/fonts/figtree-normal-400-700.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;
}
/* Multichannel Reseller */
*,*::before,*::after{box-sizing:border-box}
:root{
  --bg:#ffffff; --ink:#111419; --muted:#5d6370; --accent:#3453d3;
  --accent-ink:#2d48c0; --accent-soft:#e8f0ff; --tint:#f4f6f8;
  --line:#e4e6eb; --card:#ffffff;
  --maxw:44rem;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0d0e12; --ink:#edeef2; --muted:#a6abb4; --accent:#82a3ff;
    --accent-ink:#9fbbff; --accent-soft:#1c294e; --tint:#17191e;
    --line:#2b2e34; --card:#13151a;
    color-scheme:dark;
  }
}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; font-size:17px; line-height:1.65;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; line-height:1.18; letter-spacing:-0.03em;
  text-transform:none; margin:0 0 .5em; font-weight:800}
h1{font-size:clamp(2rem,1.35rem + 2.4vw,3rem)}
h2{font-size:clamp(1.4rem,1.15rem + 1.1vw,1.85rem); margin-top:2.2em}
h3{font-size:1.15rem; margin-top:1.9em}
p,ul,ol,table{margin:0 0 1.1em}
a{color:var(--accent-ink); text-underline-offset:2px; text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--accent); outline-offset:2px; border-radius:2px}
img{max-width:100%; height:auto}
hr{border:0; border-top:1px solid var(--line); margin:2.5rem 0}
code{font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace; font-size:.9em; background:var(--tint);
  padding:.12em .38em; border-radius:10px}
.wrap{max-width:1080px; margin:0 auto; padding:0 20px}
.prose{max-width:var(--maxw)}
.skip{position:absolute; left:-9999px; top:0; background:var(--accent); color:#fff;
  padding:.7rem 1rem; z-index:99; border-radius:0 0 10px 0}
.skip:focus{left:0}

/* header */
header.site{border-bottom:1px solid var(--line); background:var(--bg);
  position:sticky; top:0; z-index:20}
header.site .wrap{display:flex; align-items:center; gap:1.25rem;
  min-height:62px; flex-wrap:wrap}
.brand{font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; font-weight:800; font-size:1.05rem; letter-spacing:-.02em;
  color:var(--ink); text-decoration:none; display:flex; align-items:center; gap:.55rem;
  margin-right:auto; padding:.4rem 0}
.brand .mk{width:22px; height:22px; flex:none}
nav.main{display:flex; gap:1.1rem; flex-wrap:wrap}
nav.main a{color:var(--muted); text-decoration:none; font-size:.94rem; padding:.4rem 0;
  border-bottom:2px solid transparent}
nav.main a:hover,nav.main a[aria-current="page"]{color:var(--ink); border-bottom-color:var(--accent)}

/* hero */
.hero{background:var(--tint);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:28px 28px; --hero-fg:var(--ink);--hero-muted:var(--muted); padding:clamp(2.5rem,6vw,4.5rem) 0; color:var(--hero-fg)}
.hero h1{max-width:19ch; color:var(--hero-fg)}
.hero .lede{font-size:clamp(1.05rem,1rem + .4vw,1.28rem); max-width:56ch;
  color:var(--hero-muted); margin-bottom:1.6rem}
.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace; font-size:.74rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--accent-ink); margin:0 0 .9rem; font-weight:600}
.hero .kicker{color:var(--hero-fg); opacity:.75}
.hero.underline h1{padding-bottom:.35em; border-bottom:6px solid var(--accent);
  display:inline-block; max-width:100%}
.hero.bar{padding-left:0}
.hero.bar .wrap{padding-left:34px}

/* buttons */
.btn{display:inline-block; background:var(--accent); color:#fff; padding:.72rem 1.25rem;
  border-radius:16px; text-decoration:none; font-weight:600; font-size:.97rem;
  border:1px solid transparent; cursor:pointer; font-family:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
.btn:hover{filter:brightness(.93)}
.btn.ghost{background:transparent; color:var(--hero-fg); border-color:currentColor; opacity:.85}
.btn.ghost:hover{opacity:1; filter:none}
.btns{display:flex; gap:.7rem; flex-wrap:wrap}

/* layout */
main{padding:2.5rem 0 3.5rem}
.cols{display:grid; grid-template-columns:minmax(0,1fr); gap:2.5rem}
@media (min-width:900px){.cols{grid-template-columns:minmax(0,1fr) 270px; gap:3.5rem}}
.cards{display:grid; gap:1.1rem; grid-template-columns:repeat(auto-fit,minmax(255px,1fr));
  padding:0; list-style:none; margin:1.6rem 0}
.card{background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:1.15rem 1.2rem; display:flex; flex-direction:column; gap:.4rem}
.card h3{margin:0; font-size:1.05rem}
.card p{margin:0; color:var(--muted); font-size:.94rem}
.card a{text-decoration:none; color:var(--ink)}
.card a:hover{color:var(--accent-ink)}
.card .rt{font-size:.8rem; color:var(--muted); font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace}

/* prose furniture */
.prose h2{scroll-margin-top:80px}
.prose h3{scroll-margin-top:80px}
.prose li{margin-bottom:.4em}
.key{font-size:1.05rem; border-left:3px solid var(--accent); padding:.1rem 0 .1rem 1rem;
  margin:1.5rem 0; font-weight:500}
.note{background:var(--tint); border:1px solid var(--line); border-left:4px solid var(--accent);
  border-radius:0 16px 16px 0; padding:1rem 1.15rem; margin:1.6rem 0}
.note p{margin:0 0 .5em} .note p:last-child{margin:0}
.note-t{font-weight:700; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; font-size:.95rem}
.note.warn{border-left-color:#964d09}
blockquote{margin:1.6rem 0; padding-left:1.2rem; border-left:3px solid var(--line);
  color:var(--muted); font-style:italic}
.tw{overflow-x:auto; margin:1.6rem 0; border:1px solid var(--line); border-radius:16px}
table{border-collapse:collapse; width:100%; font-size:.93rem; margin:0}
caption{text-align:left; padding:.8rem 1rem .2rem; color:var(--muted); font-size:.86rem}
th,td{padding:.62rem .85rem; text-align:left; border-bottom:1px solid var(--line);
  vertical-align:top}
th{background:var(--tint); font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; font-size:.86rem; letter-spacing:.01em}
tbody tr:last-child td{border-bottom:0}
ol.steps{list-style:none; counter-reset:s; padding:0; margin:1.6rem 0}
ol.steps li{counter-increment:s; position:relative; padding-left:3rem; margin-bottom:1.2rem}
ol.steps li::before{content:counter(s); position:absolute; left:0; top:0;
  width:2rem; height:2rem; border-radius:16px; background:var(--accent); color:#fff;
  display:grid; place-items:center; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; font-weight:700; font-size:.9rem}
ol.steps strong{display:block; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; margin-bottom:.15rem}
ol.steps span{color:var(--muted)}
.faq details{border-bottom:1px solid var(--line); padding:.9rem 0}
.faq summary{cursor:pointer; font-weight:600; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; list-style:none;
  display:flex; justify-content:space-between; gap:1rem; align-items:flex-start}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; color:var(--accent-ink); font-weight:700; flex:none}
.faq details[open] summary::after{content:"\2013"}
.faq details>div{padding-top:.6rem; color:var(--muted)}
.faq details>div p:last-child{margin:0}

/* breadcrumbs, meta, toc */
.crumbs{font-size:.85rem; color:var(--muted); margin:0 0 1.2rem}
.crumbs a{color:var(--muted)}
.crumbs span{padding:0 .4rem}
.pmeta{font-size:.86rem; color:var(--muted); font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace;
  margin:0 0 1.8rem; display:flex; gap:1rem; flex-wrap:wrap}
.toc{background:var(--tint); border-radius:16px; padding:1rem 1.2rem; margin:0 0 2rem;
  border:1px solid var(--line)}
.toc p{margin:0 0 .5rem; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif; font-weight:700; font-size:.9rem}
.toc ol{margin:0; padding-left:1.1rem; font-size:.93rem}
.toc li{margin-bottom:.28em}
aside.rail{font-size:.93rem}
aside.rail h2{font-size:.82rem; text-transform:uppercase; letter-spacing:.1em;
  color:var(--muted); margin:0 0 .8rem; font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace; font-weight:600}
aside.rail ul{list-style:none; padding:0; margin:0 0 2rem}
aside.rail li{margin-bottom:.6rem; line-height:1.4}
aside.rail a{text-decoration:none; color:var(--ink)}
aside.rail a:hover{color:var(--accent-ink); text-decoration:underline}
.rail-box{background:var(--tint); border:1px solid var(--line); border-radius:16px;
  padding:1rem 1.1rem; margin-bottom:2rem}
.rail-box p{margin:0 0 .7rem; font-size:.9rem; color:var(--muted)}
.rail-box .btn{width:100%; text-align:center; font-size:.9rem; padding:.6rem 1rem}

/* tool */
.tool{background:var(--card); border:1px solid var(--line); border-radius:16px;
  padding:1.4rem; margin:2rem 0}
.tool .grid{display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.tool label{display:block; font-size:.85rem; font-weight:600; margin-bottom:.3rem;
  font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif}
.tool .hint{font-weight:400; color:var(--muted); font-size:.78rem; display:block}
.tool input,.tool select{width:100%; padding:.6rem .7rem; border:1px solid var(--line);
  border-radius:10px; background:var(--bg); color:var(--ink); font-size:1rem;
  font-family:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
.tool input:focus,.tool select:focus{border-color:var(--accent)}
.out{margin-top:1.4rem; border-top:1px solid var(--line); padding-top:1.2rem}
.stats{display:grid; gap:.9rem; grid-template-columns:repeat(auto-fit,minmax(135px,1fr));
  margin:0 0 1rem; padding:0; list-style:none}
.stat{background:var(--tint); border-radius:10px; padding:.8rem .9rem}
.stat dt{font-size:.76rem; text-transform:uppercase; letter-spacing:.07em;
  color:var(--muted); margin-bottom:.25rem; font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace}
.stat dd{margin:0; font-size:1.5rem; font-weight:700; font-family:"Bricolage Grotesque", "Figtree", ui-sans-serif, system-ui, sans-serif;
  letter-spacing:-.02em; line-height:1.1}
.stat dd small{font-size:.85rem; font-weight:400; color:var(--muted); display:block;
  letter-spacing:0; margin-top:.15rem}
.verdict{font-size:1rem; padding:.85rem 1rem; border-radius:10px; background:var(--accent-soft);
  color:var(--ink); margin:0}
.tool table{font-size:.88rem}

/* mention + footer */
.mention{border:1px solid var(--line); border-left:4px solid var(--accent);
  background:var(--tint); border-radius:0 16px 16px 0; padding:1rem 1.2rem; margin:2rem 0;
  font-size:.95rem}
.mention p{margin:0}
.mention .lbl{font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace; font-size:.72rem; letter-spacing:.12em;
  text-transform:uppercase; color:var(--muted); display:block; margin-bottom:.35rem}
footer.site{border-top:1px solid var(--line); background:var(--tint);
  padding:2.5rem 0; margin-top:3rem; font-size:.9rem; color:var(--muted)}
footer.site .fgrid{display:grid; gap:2rem; grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
footer.site h2{font-size:.8rem; text-transform:uppercase; letter-spacing:.1em;
  margin:0 0 .7rem; font-family:ui-monospace,SFMono-Regular,Menlo,"Cascadia Mono",Consolas,monospace; color:var(--ink); font-weight:600}
footer.site ul{list-style:none; padding:0; margin:0}
footer.site li{margin-bottom:.45rem}
footer.site a{color:var(--muted); text-decoration:none}
footer.site a:hover{color:var(--accent-ink); text-decoration:underline}
.colophon{border-top:1px solid var(--line); margin-top:2rem; padding-top:1.5rem;
  display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; font-size:.85rem}
@media print{header.site,footer.site,aside.rail,.btns{display:none}}

.tool .grid > div.wide{grid-column:1/-1}
.tool textarea{width:100%; padding:.65rem .75rem; border:1px solid var(--line);
  border-radius:var(--rs,6px); background:var(--bg); color:var(--ink);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.95rem;
  line-height:1.55; resize:vertical}
.tool textarea:focus{border-color:var(--accent)}
 :root{--display:"Bricolage Grotesque","Figtree",ui-sans-serif,system-ui,sans-serif;--sans:"Figtree",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--on-accent:#ffffff;--field:#868c99;--warn:#964d09;--grid-dot:#dde1e7;--r:16px;--r-sm:10px;--ease:cubic-bezier(.4,0,.6,1);--shadow-sm:0 1px 2px rgba(17,20,25,.06);--shadow:0 1px 2px rgba(17,20,25,.04),0 12px 32px -14px rgba(17,20,25,.16);--accent-tile:#3453d3;--g-bars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19.5v-7'/%3E%3Cpath d='M12 19.5V5'/%3E%3Cpath d='M18 19.5v-10'/%3E%3C/svg%3E");--strip:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 30'%3E%3Crect x='0' y='0' width='30' height='30' rx='8.4' fill='%2300a0ac'/%3E%3Cg transform='translate(7.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 3 7.7l9 4.5 9-4.5z'/%3E%3Cpath d='m3 12.2 9 4.5 9-4.5'/%3E%3Cpath d='m3 16.6 9 4.5 9-4.5'/%3E%3C/g%3E%3Crect x='38' y='0' width='30' height='30' rx='8.4' fill='%239d69d2'/%3E%3Cg transform='translate(45.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 4h15.2L21 9.2H3z'/%3E%3Cpath d='M5 12.2V20h14v-7.8'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/g%3E%3Crect x='76' y='0' width='30' height='30' rx='8.4' fill='%23d5584d'/%3E%3Cg transform='translate(83.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 2.6 19.8h18.8z'/%3E%3Cpath d='M12 9.6v4.6'/%3E%3Cpath d='M12 17.2v.3'/%3E%3C/g%3E%3Crect x='114' y='0' width='30' height='30' rx='8.4' fill='%2320a04e'/%3E%3Cg transform='translate(121.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.5 5.5-13 13'/%3E%3Ccircle cx='7.2' cy='7.2' r='2.4'/%3E%3Ccircle cx='16.8' cy='16.8' r='2.4'/%3E%3C/g%3E%3Crect x='152' y='0' width='30' height='30' rx='8.4' fill='%23c86b00'/%3E%3Cg transform='translate(159.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.2' width='18' height='12.8' rx='2.4'/%3E%3Cpath d='M8.6 7.2V5.6c0-.9.7-1.6 1.6-1.6h3.6c.9 0 1.6.7 1.6 1.6v1.6'/%3E%3Cpath d='M3 12.6h18'/%3E%3C/g%3E%3Crect x='190' y='0' width='30' height='30' rx='8.4' fill='%23ca5794'/%3E%3Cg transform='translate(197.2 7.2) scale(0.65)' fill='none' stroke='white' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.2' r='2.8'/%3E%3Ccircle cx='6' cy='17.8' r='2.8'/%3E%3Cpath d='M20 4.6 8.2 15.8'/%3E%3Cpath d='m14.3 13.3 5.7 6.1'/%3E%3Cpath d='m8.2 8.2 3.6 3.4'/%3E%3C/g%3E%3C/svg%3E");--ch-fg:var(--ink);--ch-chip:var(--tint);--ch-band:var(--tint);--ch-tile:#5d6370;--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3.5h7l4 4v13H7z'/%3E%3Cpath d='M14 3.5v4h4M10 12h5M10 16h5'/%3E%3C/svg%3E");--dot:var(--field)}.p-tool{--ch-fg:var(--accent-ink);--ch-chip:var(--accent-soft);--ch-tile:var(--accent-tile);--ch-glyph:var(--g-bars)}@media (prefers-color-scheme:dark){:root{--on-accent:#0d0e12;--field:#656972;--warn:#f6b669;--grid-dot:#22252b;--shadow-sm:0 0 0 1px rgba(255,255,255,.02);--shadow:0 0 0 1px rgba(255,255,255,.03),0 18px 40px -18px rgba(0,0,0,.8)}}:root{--c1-fg:#a43c33;--c1-chip:#ffe8e3;--c1-band:#fff3f0;--c1-tile:#d5584d;--c2-fg:#994b00;--c2-chip:#ffecd9;--c2-band:#fff4eb;--c2-tile:#c86b00;--c3-fg:#007834;--c3-chip:#e0f7e4;--c3-band:#effaf0;--c3-tile:#20a04e;--c4-fg:#00737c;--c4-chip:#d6f8f9;--c4-band:#eafbfc;--c4-tile:#00a0ac;--c5-fg:#764aa2;--c5-chip:#f5ebff;--c5-band:#f9f4ff;--c5-tile:#9d69d2;--c6-fg:#9b3b6e;--c6-chip:#ffe7f3;--c6-band:#fff2f8;--c6-tile:#ca5794}@media (prefers-color-scheme:dark){:root{--c1-fg:#ffafa2;--c1-chip:#47211c;--c1-band:#2d1715;--c2-fg:#feba7e;--c2-chip:#432608;--c2-band:#2a1a0c;--c3-fg:#95dfa4;--c3-chip:#14361d;--c3-band:#112315;--c4-fg:#65e0e7;--c4-chip:#00363a;--c4-band:#052325;--c5-fg:#dbb8ff;--c5-chip:#352546;--c5-band:#221a2b;--c6-fg:#ffadd5;--c6-chip:#442032;--c6-band:#2b1720}}.card:has(a[href="/marketplace-fees-compared/"]),aside.rail li:has(a[href="/marketplace-fees-compared/"]),footer.site li:has(a[href="/marketplace-fees-compared/"]),.p-404 .prose li:has(a[href="/marketplace-fees-compared/"]),html:has(link[rel="canonical"][href$="/marketplace-fees-compared/"]){--ch-fg:var(--c3-fg);--ch-chip:var(--c3-chip);--ch-band:var(--c3-band);--ch-tile:var(--c3-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.5 5.5-13 13'/%3E%3Ccircle cx='7.2' cy='7.2' r='2.4'/%3E%3Ccircle cx='16.8' cy='16.8' r='2.4'/%3E%3C/svg%3E")}nav.main a[href="/marketplace-fees-compared/"]{--dot:var(--c3-tile)}.card:has(a[href="/depop-fees/"]),aside.rail li:has(a[href="/depop-fees/"]),footer.site li:has(a[href="/depop-fees/"]),.p-404 .prose li:has(a[href="/depop-fees/"]),html:has(link[rel="canonical"][href$="/depop-fees/"]){--ch-fg:var(--c3-fg);--ch-chip:var(--c3-chip);--ch-band:var(--c3-band);--ch-tile:var(--c3-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 12.9 12.9 20.2a1.9 1.9 0 0 1-2.7 0L3.4 13.4V3.4h10l6.8 6.8a1.9 1.9 0 0 1 0 2.7z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/svg%3E")}nav.main a[href="/depop-fees/"]{--dot:var(--c3-tile)}.card:has(a[href="/whatnot-fees/"]),aside.rail li:has(a[href="/whatnot-fees/"]),footer.site li:has(a[href="/whatnot-fees/"]),.p-404 .prose li:has(a[href="/whatnot-fees/"]),html:has(link[rel="canonical"][href$="/whatnot-fees/"]){--ch-fg:var(--c3-fg);--ch-chip:var(--c3-chip);--ch-band:var(--c3-band);--ch-tile:var(--c3-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3.5h12v17l-3-1.8-3 1.8-3-1.8-3 1.8z'/%3E%3Cpath d='M9 8.5h6M9 12.5h6'/%3E%3C/svg%3E")}nav.main a[href="/whatnot-fees/"]{--dot:var(--c3-tile)}.card:has(a[href="/avoiding-double-selling/"]),aside.rail li:has(a[href="/avoiding-double-selling/"]),footer.site li:has(a[href="/avoiding-double-selling/"]),.p-404 .prose li:has(a[href="/avoiding-double-selling/"]),html:has(link[rel="canonical"][href$="/avoiding-double-selling/"]){--ch-fg:var(--c1-fg);--ch-chip:var(--c1-chip);--ch-band:var(--c1-band);--ch-tile:var(--c1-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 2.6 19.8h18.8z'/%3E%3Cpath d='M12 9.6v4.6'/%3E%3Cpath d='M12 17.2v.3'/%3E%3C/svg%3E")}nav.main a[href="/avoiding-double-selling/"]{--dot:var(--c1-tile)}.card:has(a[href="/is-crosslisting-worth-it/"]),aside.rail li:has(a[href="/is-crosslisting-worth-it/"]),footer.site li:has(a[href="/is-crosslisting-worth-it/"]),.p-404 .prose li:has(a[href="/is-crosslisting-worth-it/"]),html:has(link[rel="canonical"][href$="/is-crosslisting-worth-it/"]){--ch-fg:var(--c4-fg);--ch-chip:var(--c4-chip);--ch-band:var(--c4-band);--ch-tile:var(--c4-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 3 7.7l9 4.5 9-4.5z'/%3E%3Cpath d='m3 12.2 9 4.5 9-4.5'/%3E%3Cpath d='m3 16.6 9 4.5 9-4.5'/%3E%3C/svg%3E")}nav.main a[href="/is-crosslisting-worth-it/"]{--dot:var(--c4-tile)}.card:has(a[href="/how-many-platforms-to-sell-on/"]),aside.rail li:has(a[href="/how-many-platforms-to-sell-on/"]),footer.site li:has(a[href="/how-many-platforms-to-sell-on/"]),.p-404 .prose li:has(a[href="/how-many-platforms-to-sell-on/"]),html:has(link[rel="canonical"][href$="/how-many-platforms-to-sell-on/"]){--ch-fg:var(--c5-fg);--ch-chip:var(--c5-chip);--ch-band:var(--c5-band);--ch-tile:var(--c5-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 4h15.2L21 9.2H3z'/%3E%3Cpath d='M5 12.2V20h14v-7.8'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/svg%3E")}nav.main a[href="/how-many-platforms-to-sell-on/"]{--dot:var(--c5-tile)}.card:has(a[href="/listings-that-travel/"]),aside.rail li:has(a[href="/listings-that-travel/"]),footer.site li:has(a[href="/listings-that-travel/"]),.p-404 .prose li:has(a[href="/listings-that-travel/"]),html:has(link[rel="canonical"][href$="/listings-that-travel/"]){--ch-fg:var(--c2-fg);--ch-chip:var(--c2-chip);--ch-band:var(--c2-band);--ch-tile:var(--c2-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.2' width='18' height='12.8' rx='2.4'/%3E%3Cpath d='M8.6 7.2V5.6c0-.9.7-1.6 1.6-1.6h3.6c.9 0 1.6.7 1.6 1.6v1.6'/%3E%3Cpath d='M3 12.6h18'/%3E%3C/svg%3E")}nav.main a[href="/listings-that-travel/"]{--dot:var(--c2-tile)}.card:has(a[href="/when-to-stop-crosslisting/"]),aside.rail li:has(a[href="/when-to-stop-crosslisting/"]),footer.site li:has(a[href="/when-to-stop-crosslisting/"]),.p-404 .prose li:has(a[href="/when-to-stop-crosslisting/"]),html:has(link[rel="canonical"][href$="/when-to-stop-crosslisting/"]){--ch-fg:var(--c6-fg);--ch-chip:var(--c6-chip);--ch-band:var(--c6-band);--ch-tile:var(--c6-tile);--ch-glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.2' r='2.8'/%3E%3Ccircle cx='6' cy='17.8' r='2.8'/%3E%3Cpath d='M20 4.6 8.2 15.8'/%3E%3Cpath d='m14.3 13.3 5.7 6.1'/%3E%3Cpath d='m8.2 8.2 3.6 3.4'/%3E%3C/svg%3E")}nav.main a[href="/when-to-stop-crosslisting/"]{--dot:var(--c6-tile)}.tool .grid > div:has(> #m1){--ch-fg:var(--c4-fg);--ch-chip:var(--c4-chip);--ch-band:var(--c4-band);--ch-tile:var(--c4-tile)}.out tbody tr:nth-child(1){--ch-tile:var(--c4-tile)}.tool .grid > div:has(> #m2){--ch-fg:var(--c2-fg);--ch-chip:var(--c2-chip);--ch-band:var(--c2-band);--ch-tile:var(--c2-tile)}.out tbody tr:nth-child(2){--ch-tile:var(--c2-tile)}.tool .grid > div:has(> #m3){--ch-fg:var(--c5-fg);--ch-chip:var(--c5-chip);--ch-band:var(--c5-band);--ch-tile:var(--c5-tile)}.out tbody tr:nth-child(3){--ch-tile:var(--c5-tile)}html{scroll-padding-top:88px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--sans);font-size:1.0625rem;line-height:1.68;letter-spacing:-.002em}::selection{background:var(--accent-soft);color:var(--ink)}p{text-wrap:pretty}a{color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1.5px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent);transition:color .24s var(--ease),text-decoration-color .24s var(--ease)}a:hover{text-decoration-color:currentColor;text-decoration-thickness:1.5px}:focus-visible{outline:2.5px solid var(--accent);outline-offset:2px;border-radius:6px}strong{font-weight:700}.wrap{max-width:1180px;padding:0 20px}@media (min-width:900px){.wrap{padding:0 40px}}h1,h2,h3,h4{font-family:var(--display);color:var(--ink);text-wrap:balance}h1{font-size:clamp(2.2rem,1.55rem + 2.5vw,3.45rem);line-height:1.04;letter-spacing:-.036em;font-weight:800;margin:0 0 .45em}h2{font-size:clamp(1.42rem,1.18rem + .95vw,1.9rem);line-height:1.16;letter-spacing:-.026em;font-weight:750;margin:2.1em 0 .6em}h3{font-size:1.16rem;line-height:1.3;letter-spacing:-.014em;font-weight:700;margin:1.8em 0 .45em}.kicker{font-family:var(--sans);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ch-fg);margin:0 0 1rem}header.site{background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px)}header.site .wrap{min-height:64px;flex-wrap:nowrap;gap:1.25rem}.brand{font-family:var(--display);font-weight:800;font-size:1.1rem;letter-spacing:-.028em;gap:.6rem;flex:none;padding:0;min-height:44px}.brand .mk{width:26px;height:26px}.brand .mk path{stroke:var(--ink)}nav.main{gap:.3rem;flex-wrap:nowrap;min-width:0}nav.main a{font-family:var(--sans);font-weight:600;font-size:.875rem;color:var(--ink);border:1px solid transparent;border-radius:999px;padding:0 .9rem;min-height:38px;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;transition:background-color .24s var(--ease),color .24s var(--ease)}nav.main a::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--dot);flex:none}nav.main a:nth-last-child(2){--dot:var(--accent-tile)}nav.main a:last-child::before{display:none}nav.main a:hover{background:var(--tint);border-bottom-color:transparent}nav.main a[aria-current="page"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (max-width:760px){header.site .wrap{min-height:60px;gap:.75rem;padding-right:0}.brand{font-size:.95rem;gap:.5rem}.brand span{max-width:6.9em;line-height:1.02}.brand .mk{width:24px;height:24px}nav.main{overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;padding:8px 28px 8px 2px;margin-left:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}nav.main::-webkit-scrollbar{display:none}nav.main a{min-height:44px;scroll-snap-align:start;background:var(--tint)}}.btn{font-family:var(--sans);font-weight:700;font-size:.97rem;letter-spacing:-.006em;border-radius:999px;min-height:46px;padding:0 1.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent);color:var(--on-accent);border:1px solid var(--accent);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 1px 2px rgba(17,20,25,.14);transition:background-color .24s var(--ease),border-color .24s var(--ease)}.btn:hover{filter:none;background:color-mix(in srgb,var(--accent) 86%,var(--ink))}.btn.ghost,.hero .btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line);opacity:1;box-shadow:var(--shadow-sm)}.btn.ghost:hover{background:var(--card);border-color:var(--field)}.btns{gap:.65rem}.hero{background:radial-gradient(circle at 1px 1px,var(--grid-dot) 1.3px,transparent 1.8px) 0 0/24px 24px,var(--bg);border-bottom:1px solid var(--line);padding:clamp(2.75rem,7vw,6rem) 0}.hero .wrap{position:relative}.hero .kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-ink);background:var(--accent-soft);border-radius:999px;padding:.34rem .8rem .34rem .4rem;opacity:1;margin-bottom:1.4rem}.hero .kicker::before{content:"";width:18px;height:18px;border-radius:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center/12px no-repeat,var(--accent-tile)}.hero h1{font-size:clamp(2.55rem,1.45rem + 4.3vw,4.6rem);line-height:1;letter-spacing:-.045em;max-width:11.5ch;margin:0 0 .4em}.hero .lede{font-size:clamp(1.08rem,1rem + .35vw,1.28rem);line-height:1.55;color:var(--muted);max-width:33rem;margin-bottom:1.8rem}.hero .wrap::after{content:"";display:block;height:30px;max-width:220px;margin-top:2rem;background:var(--strip) left center/auto 30px no-repeat}@media (min-width:1000px){.hero .wrap{min-height:400px;display:flex;flex-direction:column;justify-content:center}.hero .kicker{align-self:flex-start}.hero h1,.hero .lede,.hero .btns{max-width:min(33rem,54%)}.hero h1{max-width:min(13.5ch,57%);font-size:clamp(2.55rem,1.45rem + 3.6vw,4.25rem)}.hero .wrap::after{position:absolute;right:0;top:50%;width:min(38%,440px);max-width:none;height:auto;aspect-ratio:480 / 380;margin:0;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 380'%3E%3Cpath d='M192 190H72' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Cpath d='M288 190h120' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Cpath d='M216 142V96q0-24-24-24h-88' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Cpath d='M264 142V96q0-24 24-24h88' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Cpath d='M216 238v46q0 24-24 24h-88' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Cpath d='M264 238v46q0 24 24 24h88' stroke='rgba(128,136,150,.42)' stroke-width='2' fill='none'/%3E%3Ccircle cx='132' cy='190' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Ccircle cx='348' cy='190' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Ccircle cx='150' cy='72' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Ccircle cx='330' cy='72' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Ccircle cx='150' cy='308' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Ccircle cx='330' cy='308' r='4.5' fill='rgba(128,136,150,.16)' stroke='rgba(128,136,150,.7)' stroke-width='2'/%3E%3Crect x='40' y='40' width='64' height='64' rx='17.92' fill='%2300a0ac'/%3E%3Cg transform='translate(55.36 55.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.2 3 7.7l9 4.5 9-4.5z'/%3E%3Cpath d='m3 12.2 9 4.5 9-4.5'/%3E%3Cpath d='m3 16.6 9 4.5 9-4.5'/%3E%3C/g%3E%3Crect x='376' y='40' width='64' height='64' rx='17.92' fill='%239d69d2'/%3E%3Cg transform='translate(391.36 55.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 4h15.2L21 9.2H3z'/%3E%3Cpath d='M5 12.2V20h14v-7.8'/%3E%3Cpath d='M10 20v-4.5h4V20'/%3E%3C/g%3E%3Crect x='8' y='158' width='64' height='64' rx='17.92' fill='%23d5584d'/%3E%3Cg transform='translate(23.36 173.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6 2.6 19.8h18.8z'/%3E%3Cpath d='M12 9.6v4.6'/%3E%3Cpath d='M12 17.2v.3'/%3E%3C/g%3E%3Crect x='408' y='158' width='64' height='64' rx='17.92' fill='%2320a04e'/%3E%3Cg transform='translate(423.36 173.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18.5 5.5-13 13'/%3E%3Ccircle cx='7.2' cy='7.2' r='2.4'/%3E%3Ccircle cx='16.8' cy='16.8' r='2.4'/%3E%3C/g%3E%3Crect x='40' y='276' width='64' height='64' rx='17.92' fill='%23c86b00'/%3E%3Cg transform='translate(55.36 291.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='7.2' width='18' height='12.8' rx='2.4'/%3E%3Cpath d='M8.6 7.2V5.6c0-.9.7-1.6 1.6-1.6h3.6c.9 0 1.6.7 1.6 1.6v1.6'/%3E%3Cpath d='M3 12.6h18'/%3E%3C/g%3E%3Crect x='376' y='276' width='64' height='64' rx='17.92' fill='%23ca5794'/%3E%3Cg transform='translate(391.36 291.36) scale(1.38667)' fill='none' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6.2' r='2.8'/%3E%3Ccircle cx='6' cy='17.8' r='2.8'/%3E%3Cpath d='M20 4.6 8.2 15.8'/%3E%3Cpath d='m14.3 13.3 5.7 6.1'/%3E%3Cpath d='m8.2 8.2 3.6 3.4'/%3E%3C/g%3E%3Crect x='192' y='142' width='96' height='96' rx='28' fill='%233453d3'/%3E%3Cg transform='translate(216 166) scale(2)' fill='none' stroke='white' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.2 12.9 12.9 20.2a1.9 1.9 0 0 1-2.7 0L3.4 13.4V3.4h10l6.8 6.8a1.9 1.9 0 0 1 0 2.7z'/%3E%3Ccircle cx='8' cy='8' r='1.4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}}main{padding:clamp(2.5rem,5.5vw,4.5rem) 0 clamp(3rem,6vw,5.5rem)}.p-home main .prose{max-width:48rem}.p-home .prose > p:first-child{font-size:1.14rem;line-height:1.62}.p-home .prose > ul{list-style:none;padding:0;counter-reset:rule;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1.3rem 0 2.2rem}.p-home .prose > ul > li{counter-increment:rule;position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:3.2rem 1.15rem 1.1rem;margin:0;font-size:.95rem;line-height:1.55;color:var(--muted);box-shadow:var(--shadow-sm)}.p-home .prose > ul > li::before{content:counter(rule,decimal-leading-zero);position:absolute;left:1.15rem;top:1.05rem;font-family:var(--display);font-weight:800;font-size:.8rem;letter-spacing:-.01em;color:var(--accent-ink);background:var(--accent-soft);border-radius:8px;padding:.2rem .5rem}.p-home .prose > ul > li strong{display:block;font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.3;letter-spacing:-.014em;color:var(--ink);margin-bottom:.35rem}@media (max-width:640px){.p-home .prose > ul{grid-template-columns:minmax(0,1fr)}}h2#guides{font-size:clamp(1.55rem,1.25rem + 1.2vw,2.15rem);margin:3.2rem 0 .3rem}ul.cards{grid-template-columns:repeat(auto-fill,minmax(16.5rem,1fr));gap:1rem;margin:1.5rem 0 3rem}.card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem 1.25rem 1.2rem;gap:.45rem;box-shadow:var(--shadow-sm);transition:border-color .24s var(--ease),box-shadow .24s var(--ease)}.card::before{content:"";width:44px;height:44px;border-radius:13px;flex:none;margin-bottom:.5rem;background:var(--ch-glyph) center/24px 24px no-repeat,var(--ch-tile)}.card h3{font-family:var(--display);font-weight:700;font-size:1.13rem;line-height:1.25;letter-spacing:-.016em;margin:0}.card h3 a{color:var(--ink)}.card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}.card p{font-size:.93rem;line-height:1.5;color:var(--muted)}.card .rt{align-self:flex-start;margin-top:auto;font-family:var(--sans);font-size:.75rem;font-weight:700;line-height:1.2;color:var(--ch-fg);background:var(--ch-chip);border-radius:999px;padding:.3rem .62rem}.card p + .rt{margin-top:.5rem}.card:hover{border-color:color-mix(in srgb,var(--ch-tile) 50%,var(--line));box-shadow:var(--shadow)}.card:has(a:focus-visible){outline:2.5px solid var(--accent);outline-offset:2px}.card a:focus-visible{outline:none}@media (min-width:1000px){.cols{grid-template-columns:minmax(0,1fr) 18.5rem;gap:4.5rem}aside.rail{position:sticky;top:88px;align-self:start}}.crumbs{font-size:.875rem;color:var(--muted);margin:0 0 1.4rem;display:flex;align-items:center;flex-wrap:wrap}.crumbs a{color:var(--muted);text-decoration:none;display:inline-block;padding:.65rem 0}.crumbs a:hover{color:var(--ink)}.crumbs span{font-size:0;padding:0 .55rem}.crumbs span::before{content:"";display:inline-block;width:.42rem;height:.42rem;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);font-size:1rem;vertical-align:middle;margin-top:-2px}.p-article .prose > .kicker,.p-tool .prose > .kicker{display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem}.p-article .prose > .kicker::before,.p-tool .prose > .kicker::before{content:"";width:44px;height:44px;border-radius:13px;flex:none;background:var(--ch-glyph) center/24px 24px no-repeat,var(--ch-tile)}.pmeta{font-family:var(--sans);gap:.45rem;margin:0 0 1.7rem}.pmeta time,.pmeta span{font-size:.8125rem;font-weight:600;color:var(--muted);background:var(--tint);border-radius:999px;padding:.3rem .72rem;line-height:1.3}.prose > .lede{font-size:clamp(1.14rem,1.06rem + .35vw,1.3rem);line-height:1.55;color:var(--muted);letter-spacing:-.008em;margin-bottom:1.6rem}.prose h2{scroll-margin-top:88px}.toc{background:var(--tint);border:0;border-radius:var(--r);padding:1.05rem 1.2rem 1.1rem;margin:1.6rem 0 2.3rem}.toc p{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .45rem}.toc ol{list-style:none;padding:0;margin:0;counter-reset:t;columns:2;column-gap:1.5rem;font-size:.94rem;line-height:1.35}.toc li{counter-increment:t;break-inside:avoid;display:flex;gap:.65rem;align-items:flex-start;margin:0}.toc li::before{content:counter(t);flex:none;margin-top:.58rem;min-width:1.35rem;text-align:center;font-size:.72rem;font-weight:700;line-height:1.4;color:var(--ch-fg);background:var(--ch-chip);border-radius:6px}.toc a{color:var(--ink);text-decoration:none;display:block;padding:.5rem 0;font-weight:500}.toc a:hover{color:var(--accent-ink)}@media (max-width:640px){.toc ol{columns:1}}.prose > ul,.prose > ol:not(.steps){padding-left:1.35rem}.prose li{margin-bottom:.5em}.prose > ul > li::marker{color:var(--ch-tile);font-size:1.1em}.prose > ol:not(.steps) > li::marker{color:var(--ch-fg);font-family:var(--display);font-weight:800}.prose > ol:not(.steps) > li{padding-left:.25rem}.key{position:relative;font-family:var(--display);font-weight:700;font-size:1.16rem;line-height:1.42;letter-spacing:-.012em;color:var(--ink);background:var(--ch-band);border:0;border-radius:var(--r);padding:1.1rem 1.25rem 1.15rem 1.45rem;margin:1.9rem 0;box-shadow:inset 4px 0 0 var(--ch-tile)}.note{position:relative;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-left-width:1px;border-radius:var(--r);padding:1rem 1.15rem 1.05rem 3.35rem;margin:1.9rem 0}.note::before{content:"";position:absolute;left:1rem;top:1rem;width:1.55rem;height:1.55rem;border-radius:8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 10.8v6'/%3E%3Cpath d='M12 7.2v.2'/%3E%3C/svg%3E") center/18px no-repeat,var(--accent-tile)}.note-t{font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.35;letter-spacing:-.01em;color:var(--ink);margin:.05rem 0 .3rem}.note p:not(.note-t){font-size:.97rem;line-height:1.6;color:var(--ink)}.note.warn{background:var(--c2-band);border-color:color-mix(in srgb,var(--c2-tile) 35%,transparent)}.note.warn::before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 6.8v6.4'/%3E%3Cpath d='M12 17v.2'/%3E%3C/svg%3E") center/18px no-repeat,var(--c2-tile)}blockquote{border-left:4px solid var(--ch-tile);background:var(--ch-band);border-radius:0 var(--r) var(--r) 0;padding:1rem 1.2rem;color:var(--ink);font-style:normal}.tw{border:1px solid var(--line);border-radius:var(--r);margin:1.9rem 0;background:var(--card);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-sm)}table{font-size:.94rem;line-height:1.5;font-variant-numeric:tabular-nums}caption{font-family:var(--display);font-size:.98rem;font-weight:700;letter-spacing:-.01em;color:var(--ink);text-align:left;padding:.95rem 1.1rem .8rem}th{background:var(--tint);font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:.65rem 1.1rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:.8rem 1.1rem;border-bottom:1px solid var(--line)}tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--tint) 55%,var(--card))}tbody td:first-child{font-weight:650;color:var(--ink)}table:not(:has(caption)) th{border-top:0}@media (max-width:640px){.tw table:has(th:nth-child(3)){min-width:34rem}}ol.steps{margin:1.9rem 0 2.2rem;padding:0}ol.steps li{padding-left:3.2rem;margin-bottom:1.4rem;min-height:2.2rem}ol.steps li::before{top:0;width:2.1rem;height:2.1rem;border-radius:999px;background:var(--ch-chip);color:var(--ch-fg);font-family:var(--display);font-weight:800;font-size:.92rem;z-index:1;box-shadow:0 0 0 4px var(--bg)}ol.steps li:not(:last-child)::after{content:"";position:absolute;left:calc(1.05rem - 1px);top:2.4rem;bottom:-1.3rem;width:2px;border-radius:2px;background:var(--line)}ol.steps strong{font-family:var(--display);font-weight:700;font-size:1.06rem;line-height:1.35;letter-spacing:-.012em;padding-top:.2rem;margin-bottom:.2rem}ol.steps span{display:block;color:var(--muted)}.faq{display:grid;gap:.6rem;margin:2rem 0}.faq details{border:1px solid var(--line);border-radius:14px;padding:0;background:var(--card);box-shadow:var(--shadow-sm);transition:border-color .24s var(--ease)}.faq details[open]{border-color:color-mix(in srgb,var(--ink) 22%,var(--line))}.faq summary{display:block;position:relative;font-family:var(--display);font-weight:700;font-size:1.02rem;line-height:1.4;letter-spacing:-.01em;padding:.95rem 3rem .95rem 1.15rem;min-height:44px}.faq summary::after{content:"";position:absolute;right:1.2rem;top:50%;width:.5rem;height:.5rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform .24s var(--ease)}.faq details[open] summary::after{content:"";transform:translateY(-25%) rotate(-135deg)}.faq details > div{padding:0 1.15rem 1.1rem;color:var(--muted);font-size:.98rem}.mention{background:var(--tint);border:1px solid var(--line);border-left-width:1px;border-radius:var(--r);padding:1.05rem 1.2rem 1.15rem;margin:2.4rem 0;font-size:.93rem;line-height:1.6;color:var(--muted)}.mention .lbl{display:flex;width:max-content;font-family:var(--sans);font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.18rem .6rem;margin-bottom:.55rem}.mention a{color:var(--ink)}h2#keep-reading{font-size:1.4rem}aside.rail{font-size:.94rem}.rail-box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.2rem;box-shadow:var(--shadow);margin:0 0 1.8rem}.rail-box::before{content:"";display:block;width:40px;height:40px;border-radius:12px;margin-bottom:.8rem;background:var(--g-bars) center/22px no-repeat,var(--accent-tile)}.rail-box p{font-family:var(--display);font-weight:700;font-size:1.05rem;line-height:1.32;letter-spacing:-.012em;color:var(--ink);margin:0 0 .95rem}.rail-box .btn,.rail-box .btn:hover{width:100%;font-size:.94rem;padding:0 1rem;color:var(--on-accent);text-decoration:none}aside.rail h2{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--muted);margin:0 0 .4rem .6rem}aside.rail ul{margin:0}aside.rail li{margin:0}aside.rail li a{display:flex;align-items:center;gap:.7rem;padding:.45rem .6rem;min-height:44px;border-radius:12px;color:var(--ink);font-weight:600;line-height:1.3;text-decoration:none}aside.rail li a::before{content:"";width:28px;height:28px;border-radius:9px;flex:none;background:var(--ch-glyph) center/16px no-repeat,var(--ch-tile)}aside.rail li a:hover{background:var(--tint);color:var(--ink);text-decoration:none}.p-tool .cols{grid-template-columns:minmax(0,1fr);gap:1rem}.p-tool .prose{max-width:none}.p-tool .prose > *{max-width:46rem}.p-tool .prose > .tool{max-width:none}.p-tool aside.rail{position:static;max-width:46rem}.p-tool .rail-box{display:none}.p-tool aside.rail ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.2rem .5rem}.tool{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:clamp(1rem,2.4vw,1.6rem);box-shadow:var(--shadow);margin:2rem 0 2.8rem}.tool .grid{grid-template-columns:repeat(24,minmax(0,1fr));gap:0}.tool .grid > div{--pb:.5rem;grid-column:span 24;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem .45rem var(--pb)}.tool label{font-family:var(--sans);font-size:.8125rem;font-weight:700;letter-spacing:-.003em;color:var(--ink);line-height:1.3;margin:0 0 .35rem}.tool .hint{font-size:.75rem;font-weight:500;color:var(--muted);margin-top:.05rem}.tool input,.tool select{height:46px;padding:0 .8rem;border:1px solid var(--field);border-radius:11px;background:var(--card);color:var(--ink);font-family:var(--sans);font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;transition:border-color .24s var(--ease),box-shadow .24s var(--ease)}.tool input:hover,.tool select:hover{border-color:var(--ink)}.tool input:focus,.tool select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 24%,transparent)}.tool select{-webkit-appearance:none;appearance:none;padding-right:2.3rem;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgb(134,140,153)' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .8rem center/14px no-repeat,var(--card)}.tool .grid > div:has(> #price,> #ship,> #label,> #pack,> #cost,> #cf) input{padding-left:1.55rem}.tool .grid > div:has(> #price,> #ship,> #label,> #pack,> #cost,> #cf)::after{content:"$";content:"$" / "";position:absolute;left:calc(.45rem + .8rem);bottom:var(--pb);line-height:46px;font-weight:600;color:var(--muted);pointer-events:none}.tool .grid > div:has(> #tax,> #cp) input{padding-right:1.9rem}.tool .grid > div:has(> #tax,> #cp)::after{content:"%";content:"%" / "";position:absolute;right:calc(.45rem + .8rem);bottom:var(--pb);line-height:46px;font-weight:600;color:var(--muted);pointer-events:none}.tool .grid > div:has(> #m1,> #m2,> #m3) label::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--ch-tile);margin-right:.45rem;vertical-align:-1px}.tool .grid > div:has(> #m1,> #m2,> #m3){background:var(--ch-band);border-radius:16px;margin-top:.8rem}@media (min-width:720px){.tool .grid{row-gap:.3rem}.tool .grid > div{grid-column:span 8}.tool .grid > div:has(> #m1,> #m2,> #m3){margin-top:.55rem}}@media (min-width:1100px){.tool .grid > div:has(> #price,> #ship,> #label,> #cost){grid-column:span 4}.tool .grid > div:has(> #pack){grid-column:span 3}}.out{margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1.4rem}.stats{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.7rem;margin:0 0 1.1rem}.stat{background:var(--tint);border-radius:14px;padding:.95rem 1rem 1rem}.stat dt{font-family:var(--sans);font-size:.6875rem;font-weight:700;letter-spacing:.08em;color:var(--muted);margin-bottom:.3rem}.stat dd{font-family:var(--display);font-weight:800;font-size:clamp(1.45rem,1.15rem + 1vw,2.05rem);letter-spacing:-.03em;line-height:1.05;font-variant-numeric:tabular-nums;color:var(--ink)}.stat dd small{font-family:var(--sans);font-weight:600;font-size:.78rem;color:var(--muted);letter-spacing:0;margin-top:.3rem}@media (max-width:719px){.stats{grid-template-columns:repeat(auto-fit,minmax(8rem,1fr))}}.out .tw{margin:0 0 1rem;box-shadow:none}.out caption{font-size:.92rem}.out td:first-child{white-space:nowrap}.out td:first-child::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--ch-tile);margin-right:.55rem;vertical-align:0}.out th:last-child,.out td:last-child{text-align:right}.out td:last-child strong{font-family:var(--display);font-weight:800;font-size:1.06rem;letter-spacing:-.01em}.verdict{background:var(--ink);color:var(--bg);border-radius:14px;padding:1rem 1.15rem 1.05rem;font-size:.98rem;line-height:1.55}.p-about main .prose,.p-404 main .prose{max-width:46rem}.p-about .prose > h2{font-size:clamp(1.3rem,1.15rem + .6vw,1.6rem)}.p-404 main .prose::before{content:"404";content:"404" / "";display:block;font-family:var(--display);font-weight:800;font-size:clamp(5rem,3rem + 8vw,9rem);line-height:.9;letter-spacing:-.06em;color:var(--ink);margin:0 0 .15em}.p-404 main .prose::after{content:"";display:block;height:30px;max-width:220px;margin-top:2rem;background:var(--strip) left center/auto 30px no-repeat}.p-404 .prose > ul{list-style:none;padding:0;display:grid;gap:.5rem;margin-top:1.5rem}.p-404 .prose > ul > li{margin:0}.p-404 .prose > ul > li a{display:flex;align-items:center;gap:.7rem;min-height:48px;padding:.5rem .8rem;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);font-weight:600;text-decoration:none}.p-404 .prose > ul > li a::before{content:"";width:28px;height:28px;border-radius:9px;flex:none;background:var(--ch-glyph) center/16px no-repeat,var(--ch-tile)}.p-404 .prose > ul > li a:hover{border-color:var(--field)}footer.site{background:var(--tint);border-top:1px solid var(--line);margin-top:0;padding:clamp(2.75rem,6vw,4rem) 0 2rem;font-size:.9rem;color:var(--muted)}footer.site .fgrid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:2.5rem}footer.site h2{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--muted);margin:0 0 .75rem}footer.site .fgrid > div:first-child h2{font-family:var(--display);font-weight:800;font-size:1.15rem;letter-spacing:-.025em;text-transform:none;color:var(--ink)}footer.site .fgrid > div:first-child p:first-of-type{max-width:24ch;font-size:.98rem;color:var(--ink)}footer.site li{margin:0}footer.site a{color:var(--ink);display:inline-flex;align-items:center;gap:.6rem;padding:.32rem 0;text-decoration:none}footer.site a:hover{color:var(--accent-ink);text-decoration:none}footer.site li:has(a[href^="/"]) a::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--ch-tile);flex:none}footer.site .fgrid > div:last-child li a::before{display:none}.colophon{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.3rem;font-size:.84rem}@media (max-width:760px){footer.site .fgrid{grid-template-columns:1fr 1fr;gap:2rem 1.25rem}footer.site .fgrid > div:first-child{grid-column:1 / -1}footer.site a{padding:.62rem 0}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none !important;animation:none !important}}@media print{.hero .wrap::after,.p-404 main .prose::after{display:none}.tool,.card,.tw{box-shadow:none}}