@layer reset,tokens,base,composition;@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}img,svg{display:block;max-width:100%}}@layer tokens{:root{--ink: oklch(23% .02 258);--ink-muted: oklch(47% .018 258);--ground: oklch(99.2% .002 258);--rule: oklch(91% .006 258);--accent: oklch(58% .15 55);--space: clamp(1rem, 3vw, 2rem);--content-width: 68ch;--font-body: clamp(1rem, .94rem + .3vw, 1.125rem);--font-h1: clamp(1.75rem, 1.4rem + 1.6vw, 2.75rem);--font-h2: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);--font-h3: clamp(1.05rem, .98rem + .3vw, 1.2rem)}}@layer base{body{font-family:system-ui,sans-serif;color:var(--ink);background:var(--ground);font-size:var(--font-body);line-height:1.55}h1,h2,h3{line-height:1.2;text-wrap:balance}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}a{color:var(--accent)}a:not(:hover){text-decoration-thickness:from-font}p{max-width:var(--content-width)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer composition{.site-header,main,.site-footer{padding-inline:var(--space)}.site-header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space);padding-block:1rem;border-bottom:1px solid var(--rule)}.wordmark{font-weight:600;letter-spacing:-.01em}.cross-link{font-size:.9rem;color:var(--ink-muted);max-width:none}main{max-width:56rem;margin-inline:auto;padding-block:clamp(1.5rem,5vw,3.5rem);display:grid;gap:clamp(1.75rem,6vw,4rem)}.intro{display:grid;gap:.75rem}.lede{max-width:var(--content-width);color:var(--ink-muted)}.preset-figure{display:grid;gap:.75rem}.preset-table{width:100%;border-collapse:collapse}.preset-table th,.preset-table td{text-align:left;padding:.65rem .75rem;vertical-align:top;border-bottom:1px solid var(--rule)}.preset-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted);border-bottom:2px solid var(--rule)}.preset-table tbody th{font-weight:600;white-space:nowrap}.preset-table thead th:not(:first-child),.preset-table tbody td{text-align:right;font-variant-numeric:tabular-nums}.preset-table tbody td:last-child{font-weight:600}.preset-figure figcaption{font-size:.85rem;color:var(--ink-muted);max-width:var(--content-width)}@media(max-width:640px){.preset-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.preset-table,.preset-table tbody,.preset-table tr,.preset-table th,.preset-table td{display:block;width:100%}.preset-table tr{padding-block-end:1rem;margin-block-end:1rem;border-bottom:1px solid var(--rule)}.preset-table tbody tr:last-child{border-bottom:none}.preset-table th[scope=row]{border-bottom:none;padding-block-end:.25rem}.preset-table td{border-bottom:none;padding-block:.2rem;text-align:left}.preset-table td:before{content:attr(data-label);display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.preset-table .size-cell{display:inline-block;width:auto;padding-inline:0 .85rem;padding-block:.15rem;font-variant-numeric:tabular-nums}.preset-table .size-cell:before{content:attr(data-abbr) " ";display:inline;font-size:.72rem;color:var(--ink-muted)}.preset-table td:not(.size-cell):before{margin-block-start:.35rem}}.tool{display:grid;gap:1.25rem}.tool-fallback{color:var(--ink-muted)}.control{display:grid;gap:.5rem}.control-label{font-weight:600;font-size:.9rem;max-width:none}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem}.chip{font:inherit;font-size:.9rem;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:999px;padding:.45rem .9rem;cursor:pointer;min-height:2.75rem}.chip.is-selected{background:var(--accent);border-color:var(--accent);color:var(--ground)}.result-panel{display:grid;gap:.75rem;padding:1rem 1.1rem;border:1px solid var(--rule);border-radius:.5rem;background:var(--ground)}.result-headline{font-weight:600;font-size:var(--font-h3);max-width:none}.breakdown-list{list-style:none;display:grid;gap:.4rem;padding:0}.breakdown-item{max-width:none;color:var(--ink-muted)}.breakdown-qty{display:inline-block;min-width:2ch;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.timeline-heading{margin-block-start:.25rem}.timeline-list{list-style:none;display:grid;gap:.85rem;padding:0;counter-reset:timeline}.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem;align-items:start}.timeline-body{display:grid;gap:.15rem;min-width:0}.timeline-icon{width:1.625rem;height:1.625rem;color:var(--accent);margin-block-start:.05rem;flex:none}.timeline-when{font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);max-width:none}.timeline-title{font-weight:600;max-width:none}.timeline-detail{font-size:.9rem;color:var(--ink-muted);max-width:none}.cart-cta:empty{display:none}.cart-cta{display:grid;gap:.65rem;padding:1rem 1.1rem;border:1px solid var(--rule);border-radius:.5rem}.cart-cta-heading{margin-block-start:0}.cart-cta-intro{font-size:.9rem;color:var(--ink-muted);max-width:none}.cart-line-list{gap:0}.cart-line{display:flex;align-items:center;gap:.65rem;min-height:2.75rem}.cart-line-checkbox{flex:none;width:1.15rem;height:1.15rem;accent-color:var(--accent);cursor:pointer}.cart-line-label{cursor:pointer;padding-block:.4rem}.cart-cta-button{justify-self:start;display:inline-flex;align-items:center;justify-content:center;font-weight:600;text-decoration:none;background:var(--accent);color:var(--ground);border-radius:.4rem;padding:.7rem 1.25rem;min-height:2.75rem}.cart-cta-button.is-disabled{background:var(--rule);color:var(--ink-muted);cursor:default;pointer-events:none}.cart-disclosure,.cart-note{font-size:.85rem;color:var(--ink-muted);max-width:none}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.copy-link-btn{font:inherit;font-size:.9rem;color:var(--ink);background:var(--ground);border:1px solid var(--rule);border-radius:.4rem;padding:.55rem .9rem;cursor:pointer;min-height:2.75rem}.copy-link-status{font-size:.85rem;color:var(--ink-muted)}.cross-referral{font-size:.9rem;max-width:none}.ad-slot{width:100%;max-width:56rem;margin-inline:auto;min-height:280px}.ad-slot:empty{min-height:0}@media(min-width:720px){.ad-slot{min-height:90px}.ad-slot:empty{min-height:0}}.how-it-works,.faq{display:grid;gap:1rem}.faq h3{margin-block-start:.5rem}.site-footer{border-top:1px solid var(--rule);padding-block:1.5rem;display:grid;gap:.35rem;font-size:.85rem;color:var(--ink-muted)}}