.collector-calculator { margin: 32px 0; padding: clamp(18px, 4vw, 32px); background: #f4f4f0; border: 1px solid #d6d6cf; border-radius: 16px; }
.collector-calculator fieldset { border: 0; margin: 0 0 24px; padding: 0; min-width: 0; }
.collector-calculator legend { font-size: 1.15rem; font-weight: 700; margin-bottom: 18px; }
.calculator-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.calculator-field { display: flex; flex-direction: column; gap: 7px; }
.calculator-field label, .calculator-check { font-weight: 600; color: #242424; }
.calculator-field input, .calculator-field select { width: 100%; min-height: 48px; padding: 10px 12px; border: 1px solid #85857e; border-radius: 6px; color: #1a1a1a; background: #fff; font: inherit; }
.calculator-field small { font-size: .85rem; line-height: 1.5; color: #50504b; }
.calculator-check { display: flex; align-items: flex-start; gap: 10px; margin: 18px 0; line-height: 1.5; }
.calculator-check input { width: 20px; height: 20px; flex-shrink: 0; margin-top: 3px; }
.calculator-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.calculator-actions button { min-height: 48px; padding: 12px 20px; font: inherit; font-weight: 600; border: 1px solid #242424; border-radius: 999px; cursor: pointer; background: #242424; color: #fff; }
.calculator-actions .example-button { color: #242424; background: transparent; }
.calculator-result { margin-top: 24px; padding: 24px; border-radius: 12px; border: 1px solid #aaa; background: #fff; }
.collector-tool-page .article-body .calculator-result h2 { margin: 0 0 20px; font-size: 1.35rem; line-height: 1.3; letter-spacing: normal; text-transform: none; }
.calculator-result dl { display: grid; gap: 18px; margin: 0; }
.calculator-result dt { font-size: .95rem; }
.calculator-result dd { margin: 4px 0 0; font-size: 1.8rem; line-height: 1.3; font-weight: 700; overflow-wrap: anywhere; }
.calculator-error { color: #9c1717; font-weight: 600; }
.collector-calculator [hidden], .collector-calculator[hidden] { display: none !important; }
.collector-calculator :focus-visible { outline: 3px solid #215fb5; outline-offset: 3px; }
@media (max-width: 560px) { .calculator-fields { grid-template-columns: 1fr; } }
.collector-tool-page .editorial-hero h1 { font-size: clamp(2.3rem, 7vw, 5.4rem); letter-spacing: -.04em; overflow-wrap: anywhere; }
.collector-tool-page .article-body h2 { font-size: clamp(1.9rem, 4.5vw, 3.4rem); overflow-wrap: anywhere; }
@font-face { font-family: "Pieces Collector Archivo"; src: url("/fonts/archivo-variable-collector.woff2") format("woff2"); font-display: swap; font-style: normal; font-weight: 100 900; font-stretch: 75% 125%; }
@font-face { font-family: "Pieces Collector Archivo Black"; src: url("/fonts/archivo-black-collector.woff2") format("woff2"); font-display: swap; font-style: normal; font-weight: 400; }
.collector-tool-page { --body: "Pieces Collector Archivo", sans-serif; --editorial: "Pieces Collector Archivo Black", sans-serif; --display: "Pieces Collector Archivo Black", sans-serif; --heading: "Pieces Collector Archivo", sans-serif; --condensed: "Pieces Collector Archivo", sans-serif; }