.comparison-tool{margin:var(--s7) 0;padding:var(--s6);border:2px solid var(--ink);background:var(--surface)}
.comparison-tool h2{margin-top:0}.comparison-section{margin-top:var(--s6);padding-top:var(--s5);border-top:1px solid var(--rule-strong)}
.comparison-section h3{margin:0 0 var(--s4);color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s4)}
.comparison-field{display:grid;gap:var(--s1);color:var(--ink);font-size:.92rem;font-weight:700}
.comparison-field input,.comparison-field select{width:100%;min-height:46px;padding:var(--s2) var(--s3);border:1px solid var(--ink);border-radius:0;background:var(--ground);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums}
.comparison-field input:focus-visible,.comparison-field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.comparison-readout{align-content:start;margin:0;padding:0}.comparison-readout span{color:var(--ink)}.comparison-readout strong{min-height:46px;padding:var(--s2) var(--s3);border:1px solid var(--rule-strong);background:var(--sunk);font-size:.92rem;line-height:1.45}
.comparison-help{margin:var(--s3) 0 0;color:var(--ink-soft);font-size:.88rem}.comparison-section .comparison-help{max-width:65ch}
.comparison-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:var(--s6);border:1px solid var(--ink);background:var(--ink)}
.comparison-result{padding:var(--s4);background:var(--sunk)}.comparison-result-featured,.comparison-result-etsy{grid-column:1 / -1}.comparison-result-featured{background:var(--good-soft);box-shadow:inset 4px 0 0 var(--good)}
.comparison-result span{display:block;color:var(--ink);font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.comparison-result strong{display:block;margin-top:var(--s1);font-size:clamp(1.3rem,3vw,2rem);font-variant-numeric:tabular-nums;line-height:1.1}.comparison-result-featured strong{color:var(--good);font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.05em}.comparison-result small{display:block;margin-top:var(--s1);color:var(--ink-soft);line-height:1.35}
.comparison-summary{margin:var(--s5) 0 0;padding:var(--s4);border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-weight:700}.comparison-source{margin-top:var(--s5);padding-top:var(--s4);border-top:1px solid var(--rule);font-size:.87rem}
.affiliate-disclosure{margin:var(--s5) 0 var(--s4);padding:var(--s4);border-left:4px solid var(--accent);background:var(--accent-soft);font-size:.94rem}.affiliate-disclosure strong{display:block;margin-bottom:var(--s1)}.affiliate-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:var(--s3) var(--s5);border:2px solid var(--ink);background:var(--good);color:#fffaf3;font-weight:900;text-decoration:none}.affiliate-button:hover{background:var(--ink)}.affiliate-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:620px){.comparison-tool{padding:var(--s5)}.comparison-grid,.comparison-output{grid-template-columns:1fr}.comparison-result-featured{grid-column:auto}}