@layer components{.cfg{--cfg-radius:1.15rem}.cfg-noscript{border-radius:var(--cfg-radius);background:var(--color-paper);color:var(--color-ink-soft);margin-bottom:1.5rem;padding:1rem 1.25rem}.cfg-noscript a{text-decoration:underline}.cfg-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.cfg-progress-item:after{content:"";background:var(--color-line);height:2px;transition:background-color .5s var(--ease-soft);border-radius:2px;margin-top:.55rem;display:block}.cfg-progress-item[data-state=current]:after,.cfg-progress-item[data-state=done]:after{background:var(--color-ink)}.cfg-progress-btn{width:100%;color:var(--color-faint);text-align:left;cursor:pointer;background:0 0;border:0;align-items:baseline;gap:.5rem;padding:.2rem 0;font-size:.875rem;font-weight:500;transition:color .3s;display:flex}.cfg-progress-btn:disabled{cursor:default}.cfg-progress-item[data-state=current] .cfg-progress-btn{color:var(--color-ink)}.cfg-progress-item[data-state=done] .cfg-progress-btn{color:var(--color-muted)}.cfg-progress-item[data-state=done] .cfg-progress-btn:not(:disabled):hover{color:var(--color-ink)}.cfg-progress-num{font-family:var(--font-mono);font-size:.75rem}.cfg-step{padding-top:2rem}.cfg-step:not([hidden]){animation:cfg-in .5s var(--ease-soft)}@keyframes cfg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cfg-step-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.25rem;display:flex}.cfg-title{color:var(--color-ink);font-size:var(--text-subtitle);line-height:var(--text-subtitle--line-height);letter-spacing:var(--text-subtitle--letter-spacing);font-weight:600}.cfg-title:focus{outline:none}.cfg-sub{color:var(--color-muted);margin-top:.4rem}.cfg-sub:empty{display:none}.cfg-fieldset{min-width:0;margin-top:1.5rem}.cfg-segment{border:1px solid var(--color-line);background:var(--color-paper);border-radius:999px;padding:.25rem;display:inline-flex}.cfg-segment button{min-height:2.35rem;color:var(--color-muted);cursor:pointer;border-radius:999px;padding:0 1.15rem;font-size:.9375rem;font-weight:500;transition:background-color .25s,color .25s,box-shadow .25s}.cfg-segment button:hover{color:var(--color-ink)}.cfg-segment button[aria-pressed=true]{color:var(--color-ink);box-shadow:0 1px 2px #0f101314, 0 0 0 1px var(--color-line);background:#fff}.cfg-model,.cfg-damage,.cfg-size{border:1px solid var(--color-line);border-radius:var(--cfg-radius);cursor:pointer;transition:border-color .2s, box-shadow .25s, transform .25s var(--ease-soft);background:#fff;position:relative}.cfg-model:hover,.cfg-damage:hover,.cfg-size:hover{border-color:var(--color-line-strong)}.cfg-model:active,.cfg-damage:active,.cfg-size:active{transform:scale(.985)}.cfg-model:has(input:checked),.cfg-damage:has(input:checked),.cfg-size:has(input:checked){border-color:var(--color-ink);box-shadow:0 0 0 1px var(--color-ink)}.cfg-model:has(input:focus-visible),.cfg-damage:has(input:focus-visible),.cfg-size:has(input:focus-visible){outline:2px solid var(--color-signal);outline-offset:3px}.cfg-check{background:var(--color-ink);color:#fff;opacity:0;width:1.35rem;height:1.35rem;transition:opacity .2s, transform .35s var(--ease-soft);border-radius:999px;place-items:center;display:grid;position:absolute;top:.8rem;right:.8rem;transform:scale(.5)}.cfg-model:has(input:checked) .cfg-check,.cfg-damage:has(input:checked) .cfg-check{opacity:1;transform:none}.cfg-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;display:grid}@media (width>=40rem){.cfg-models{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.cfg-models{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}}.cfg-model{flex-direction:column;gap:.3rem;padding:.95rem .9rem 1rem 1rem;display:flex}@media (width>=40rem){.cfg-model{padding:1rem 2.4rem 1rem 1.1rem}}.cfg-model .cfg-check{top:.65rem;right:.65rem}.cfg-model-name{color:var(--color-ink);letter-spacing:-.015em;font-size:1.0625rem;font-weight:560;line-height:1.2}.cfg-model-meta{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;line-height:1.3}.cfg-sizes{flex-wrap:wrap;gap:.75rem;display:flex}.cfg-size{justify-content:center;align-items:baseline;gap:.3rem;min-width:7.5rem;padding:1.15rem 1.5rem;display:inline-flex}.cfg-size-value{color:var(--color-ink);letter-spacing:-.03em;font-size:1.75rem;font-weight:560;line-height:1}.cfg-size-unit{color:var(--color-muted);font-family:var(--font-mono);font-size:.8125rem}.cfg-size-unknown{align-items:center}.cfg-size-text{color:var(--color-ink-soft);font-weight:500}.cfg-damages{gap:.75rem;display:grid}@media (width>=48rem){.cfg-damages{grid-template-columns:repeat(2,minmax(0,1fr))}}.cfg-damage{align-items:flex-start;gap:1rem;padding:1.15rem 3rem 1.2rem 1.15rem;display:flex}.cfg-damage-icon{background:var(--color-paper);width:2.75rem;height:2.75rem;color:var(--color-ink);border-radius:.85rem;flex:none;place-items:center;transition:background-color .25s,color .25s;display:grid}.cfg-damage:has(input:checked) .cfg-damage-icon{background:var(--color-ink);color:#fff}.cfg-damage-label{color:var(--color-ink);font-weight:560;line-height:1.3;display:block}.cfg-damage-desc{color:var(--color-muted);margin-top:.3rem;font-size:.9375rem;line-height:1.45;display:block}.cfg-help{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.5rem;margin-top:1.25rem;display:flex}.cfg-details{flex:22rem}.cfg-details summary{color:var(--color-ink-soft);cursor:pointer;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500;list-style:none;display:inline-flex}.cfg-details summary::-webkit-details-marker{display:none}.cfg-details summary:hover{color:var(--color-ink)}.cfg-details-body{border-radius:var(--cfg-radius);background:var(--color-paper);max-width:38rem;color:var(--color-ink-soft);gap:.5rem;margin-top:.75rem;padding:1rem 1.15rem;font-size:.9375rem;line-height:1.55;display:grid}.cfg-text-btn{color:var(--color-muted);text-decoration:underline;text-decoration-color:var(--color-line-strong);text-underline-offset:.2em;cursor:pointer;align-items:center;gap:.4rem;font-size:.9375rem;font-weight:500;display:inline-flex}.cfg-text-btn:hover{color:var(--color-ink);text-decoration-color:currentColor}.cfg-back{color:var(--color-muted);cursor:pointer;align-items:center;gap:.4rem;font-size:.9375rem;font-weight:500;display:inline-flex}.cfg-back:hover{color:var(--color-ink)}.cfg-actions{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1.5rem;display:flex}.cfg-result{gap:1.5rem;display:grid}@media (width>=64rem){.cfg-result{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start;gap:3.5rem}}.cfg-summary{gap:.6rem;margin-top:1.5rem;display:grid}.cfg-summary div{border-bottom:1px solid var(--color-line);grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding-bottom:.6rem;display:grid}.cfg-summary dt{color:var(--color-muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;line-height:1.9}.cfg-summary dd{color:var(--color-ink);font-weight:500}.cfg-price{margin-top:2rem}.cfg-price-value{color:var(--color-ink);letter-spacing:-.045em;font-feature-settings:"tnum";font-size:clamp(3.25rem,2.6rem + 3vw,5rem);font-weight:560;line-height:.95}[data-price-known=false] .cfg-price-value{letter-spacing:-.035em;font-size:clamp(2rem,1.7rem + 1.4vw,2.75rem);line-height:1.05}.cfg-price-note{color:var(--color-muted);margin-top:.75rem;font-size:.9375rem}.cfg-note{border-radius:var(--cfg-radius);background:var(--color-brand-soft);color:var(--color-brand-deep);gap:.65rem;margin-top:1.5rem;padding:1rem 1.15rem;font-size:.9375rem;line-height:1.5;display:flex}.cfg-next{background:var(--color-paper);border-radius:1.5rem;padding:1.5rem}@media (width>=48rem){.cfg-next{padding:2rem}}.cfg-next-list{counter-reset:next;gap:.7rem;margin-top:1rem;display:grid}.cfg-next-list li{color:var(--color-ink-soft);counter-increment:next;gap:.75rem;font-size:.9375rem;line-height:1.45;display:flex}.cfg-next-list li:before{content:counter(next);border:1px solid var(--color-line-strong);width:1.5rem;height:1.5rem;color:var(--color-ink);font-family:var(--font-mono);border-radius:999px;flex:none;place-items:center;font-size:.75rem;display:grid}.cfg-result-links{border-top:1px solid var(--color-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}@media (prefers-reduced-motion:reduce){.cfg-step:not([hidden]){animation:none}}}
