/* Guided selection follows the site's rounded panels and quiet red accents. */
.page-intro:has(+.selection-tool),.selection-tool{max-width:1080px}
main:has(>.selection-tool)>.breadcrumbs{max-width:1080px}
.page-intro:has(+.selection-tool) h1{font-size:40px;letter-spacing:-.045em}
.page-intro:has(+.selection-tool) h1 em{font-family:Georgia,serif;font-weight:400;white-space:nowrap}
.page-intro:has(+.selection-tool)>p:last-child{color:var(--muted);font-size:14px}
.selection-tool .selection-form{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:24px}
.selection-tool .selection-progress{margin:0 0 22px}
.selection-tool .selection-stages{padding:6px;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:16px}
.selection-tool .selection-stages li{border:0;border-radius:11px;padding:8px 10px;gap:9px;font-size:12px;font-weight:500;line-height:1.3;min-width:0}
.selection-tool .selection-stages b{width:28px;height:28px;border-color:var(--line);background:var(--surface);position:relative;color:var(--muted)}
.selection-tool .selection-stages b>span{font-size:12px;color:inherit}
.selection-tool .selection-stages .stage-check{display:none;width:16px;height:16px}
.selection-tool .selection-stages [aria-current=step]{background:var(--surface);color:var(--ink);box-shadow:0 2px 7px #30282a08}
.selection-tool .selection-stages [aria-current=step] b{background:var(--brand);border-color:var(--brand);color:#fff}
.selection-tool .selection-stages .complete{color:var(--ink)}
.selection-tool .selection-stages .complete b{background:var(--sage);border-color:var(--line);color:var(--accent)}
.selection-tool .selection-stages .complete b>span{display:none}
.selection-tool .selection-stages .complete .stage-check{display:block}
.selection-tool .selection-step legend{font-size:28px;line-height:1.18;letter-spacing:-.04em;margin:0 0 18px;padding:0}
.selection-tool .selection-options{gap:12px;grid-auto-rows:1fr}
.selection-tool .selection-choice{grid-template-columns:42px minmax(0,1fr) 20px;gap:14px;min-height:88px;height:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:border-color .16s,background .16s}
.selection-tool .selection-option-icon{width:42px;height:42px;border-radius:12px;background:var(--surface);color:var(--muted)}
.selection-tool .selection-option-icon .ui-icon{width:25px;height:25px;stroke-width:1.6}
.selection-tool .selection-choice strong{font-size:14px;font-weight:550;line-height:1.35}
.selection-tool .selection-choice small{font-size:12px;line-height:1.45;margin-top:4px}
.selection-tool .selection-choice>input{appearance:none;-webkit-appearance:none;width:20px;height:20px;padding:0;margin:0;border:1.5px solid var(--secondary-border);border-radius:50%;background:var(--surface);box-shadow:none;cursor:pointer}
.selection-tool .selection-choice>input:checked{border-color:var(--brand);background:radial-gradient(circle,#fff 0 3px,transparent 3.5px),var(--brand)}
.selection-tool .selection-choice:has(input:checked){border-color:var(--brand);background:var(--sage);box-shadow:inset 0 0 0 1px var(--brand)}
.selection-tool .selection-choice:has(input:checked) .selection-option-icon{background:var(--surface);color:var(--accent)}
.selection-tool .selection-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
@media(hover:hover){.selection-tool .selection-choice:hover:not(:has(input:checked)){border-color:var(--secondary-border);background:var(--surface)}}
.selection-tool .selection-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.selection-tool .selection-footer>[data-selection-progress]{font-size:12px;color:var(--muted);white-space:nowrap}
.selection-tool .selection-navigation{width:332px;max-width:100%;margin:0;gap:12px!important;flex:none}
.selection-tool .selection-navigation:has([data-selection-prev][hidden]){width:160px;grid-template-columns:minmax(0,1fr)!important}
.selection-tool .selection-navigation>[data-selection-next]{grid-column:auto}
.selection-tool .selection-error{padding:10px 12px;background:var(--sage);border-radius:10px;font-size:13px;line-height:1.5;margin:14px 0 0}

.selection-tool .selection-result-heading{font-size:36px;margin:0 0 16px;letter-spacing:-.04em;outline:none}
.selection-tool .selection-answer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;line-height:1.5}
.selection-tool .selection-answer-summary>div{padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.selection-tool .selection-answer-summary dt{font-size:11px;color:var(--muted);margin-bottom:5px}
.selection-tool .selection-answer-summary dd{margin:0;font-size:13px;font-weight:500;color:var(--ink)}
.selection-tool .selection-result-card{padding:24px;gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:24px;align-items:start}
.selection-tool .selection-result-card>div:first-child{padding:12px;border-radius:16px;background:var(--bg);overflow:hidden;align-self:center}
.selection-tool .selection-result-card img{max-height:350px;object-fit:contain;border-radius:12px}
.selection-tool .selection-result-card h2{font-size:32px;letter-spacing:-.045em;line-height:1.15;margin:0 0 14px}
.selection-tool .selection-result-card .eyebrow{font-size:10px;margin:0 0 12px}
.selection-tool .selection-result-card p{font-size:14px;line-height:1.65}
.selection-tool .selection-result-card .selection-explanation{border:0;border-radius:12px;padding:12px 14px;background:var(--bg);font-size:13px}
.selection-tool .selection-result-card .selection-price{font-size:23px;font-weight:550;margin:18px 0;line-height:1.3}
.selection-tool .selection-custom-icon{display:grid;place-items:center;aspect-ratio:1;min-height:230px;background:var(--sage)!important}
.selection-tool .selection-custom-icon .ui-icon{width:80px;height:80px;stroke-width:1.2;color:var(--accent)}
.selection-tool .selection-restart{max-width:420px;margin-top:18px}
.selection-tool .selection-note{font-size:12px;line-height:1.65;margin-top:16px}
@media(min-width:651px) and (max-height:760px){
 .selection-tool .selection-form{padding:18px}
 .selection-tool .selection-progress{margin-bottom:16px}
 .selection-tool .selection-stages li{padding:6px 8px}
 .selection-tool .selection-step legend{font-size:25px;margin-bottom:14px}
 .selection-tool .selection-choice{min-height:74px;padding:12px}
 .selection-tool .selection-footer{margin-top:16px;padding-top:12px}
}
@media(max-width:650px){
 .page-intro:has(+.selection-tool) h1{font-size:32px}
 .page-intro:has(+.selection-tool)>p:last-child{font-size:12px}
 .selection-tool .selection-form{padding:16px;border-radius:22px}
 .selection-tool .selection-progress{margin-bottom:16px}
 .selection-tool .selection-stages{padding:4px;gap:3px;border-radius:13px}
 .selection-tool .selection-stages li{padding:6px 4px;gap:5px;font-size:10px;border-radius:9px}
 .selection-tool .selection-stages b{width:22px;height:22px}
 .selection-tool .selection-stages b>span{font-size:10px}
 .selection-tool .selection-stages .stage-check{width:14px;height:14px}
 .selection-tool .selection-step legend{font-size:24px;margin-bottom:14px;line-height:1.16}
 .selection-tool .selection-options{grid-template-columns:minmax(0,1fr);gap:8px}
 .selection-tool .selection-choice{grid-template-columns:34px minmax(0,1fr) 18px;gap:10px;min-height:62px;padding:10px;border-radius:13px}
 .selection-tool .selection-option-icon{width:34px;height:34px;border-radius:10px}
 .selection-tool .selection-option-icon .ui-icon{width:23px;height:23px}
 .selection-tool .selection-choice>input{width:18px;height:18px}
 .selection-tool .selection-choice strong{font-size:13px}
 .selection-tool .selection-choice small{font-size:11px;line-height:1.35;margin-top:3px}
 .selection-tool .selection-footer{margin-top:14px;padding-top:12px;gap:10px}
 .selection-tool .selection-navigation{width:100%}
 .selection-tool .selection-navigation:has([data-selection-prev][hidden]){width:145px;margin-left:auto}
 .selection-tool .selection-footer:has([data-selection-prev]:not([hidden]))>[data-selection-progress]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .selection-tool .selection-result-heading{font-size:29px;margin-bottom:14px}
 .selection-tool .selection-answer-summary{grid-template-columns:minmax(0,1fr);gap:6px;margin-bottom:16px}
 .selection-tool .selection-answer-summary>div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:10px 12px;border-radius:10px;align-items:start}
 .selection-tool .selection-answer-summary dt{margin:0;line-height:1.5}
 .selection-tool .selection-answer-summary dd{font-size:12px}
 .selection-tool .selection-result-card{grid-template-columns:minmax(0,1fr);padding:16px;gap:22px;border-radius:22px}
 .selection-tool .selection-result-card>div:first-child{padding:0}
 .selection-tool .selection-result-card img{max-height:210px}
 .selection-tool .selection-result-card h2{font-size:29px}
 .selection-tool .selection-result-card p{font-size:13px}
 .selection-tool .selection-custom-icon{aspect-ratio:auto;min-height:150px}
 .selection-tool .selection-custom-icon .ui-icon{width:64px;height:64px}
 .selection-tool .selection-restart{width:100%;max-width:none}
}
@media(max-width:650px) and (max-height:740px){
 .page-intro:has(+.selection-tool) h1{font-size:27px}
 .page-intro:has(+.selection-tool)>p:last-child{font-size:11px;line-height:1.5}
 .selection-tool .selection-form{padding:12px}
 .selection-tool .selection-progress{margin-bottom:10px}
 .selection-tool .selection-stages li{padding:4px 3px}
 .selection-tool .selection-step legend{font-size:22px;margin-bottom:10px}
 .selection-tool .selection-choice{min-height:48px;padding:6px 9px;gap:9px;grid-template-columns:30px minmax(0,1fr) 18px}
 .selection-tool .selection-option-icon{width:30px;height:30px;border-radius:9px}
 .selection-tool .selection-option-icon .ui-icon{width:22px;height:22px}
 .selection-tool .selection-choice strong{font-size:12px}
 .selection-tool .selection-choice small{font-size:10px;line-height:1.3;margin-top:2px}
 .selection-tool .selection-options{gap:6px}
 .selection-tool .selection-footer{margin-top:12px;padding-top:10px}
}
@media(prefers-reduced-motion:reduce){.selection-tool .selection-choice{transition:none}}
