.configuration-comparison .configuration-content{padding:44px 6% 66px}
.configuration-selection-scroll{max-width:100%;overflow-x:auto;scrollbar-color:#80927d #eef0e9}
.configuration-columns{display:grid;grid-template-columns:repeat(var(--comparison-count,2),minmax(230px,1fr));gap:28px}
.configuration-choice{min-width:0;padding-bottom:28px;border-bottom:1px solid var(--line,#ced4c9)}
.configuration-fields{display:grid;grid-template-columns:1fr;gap:14px;min-height:247px;align-content:start}
.configuration-fields label[hidden]{display:none}
.configuration-fields label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:700}
.configuration-fields select{width:100%;min-width:0;min-height:46px;padding:10px 12px;color:var(--ink,#203a30);background:var(--paper,#fcfcf8);border:1px solid #879780;font:400 14px/1.4 Noto,sans-serif}
.configuration-fields select:disabled{opacity:1;color:#526157;background:#eef0e9}
.configuration-choice>img{width:100%;height:270px;object-fit:contain;background:#fff;margin:22px 0 20px;display:block}
.configuration-choice>.product-visual{height:230px;aspect-ratio:auto;margin:22px 0 20px;background:#fff}
.configuration-photo-reserved{height:230px;background:#fff;margin:22px 0 20px}
.configuration-choice h2{font-family:Noto,sans-serif;font-size:30px;line-height:1.25;margin:0 0 12px;font-weight:400}
.configuration-choice h2 span{display:block;font:400 14px/1.5 Noto,sans-serif;margin-top:8px;letter-spacing:0}
.configuration-choice>p{font-size:12px;line-height:1.7;color:var(--muted,#526157);margin:0 0 18px}
.configuration-choice>nav{display:flex;gap:12px 20px;align-items:center;flex-wrap:wrap}
.configuration-choice>nav>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.configuration-choice>nav>a.button{text-decoration:none;padding:12px 20px;justify-content:center}
.configuration-choice>nav>button{padding:0;border:0;background:none;color:inherit;font:700 12px/1.5 Noto,sans-serif;min-height:44px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.configuration-toolbar{display:flex;align-items:center;gap:24px;margin:24px 0}
.configuration-toolbar .configuration-note{margin:0}
.configuration-toolbar>.button{flex-shrink:0;font-size:12px;min-height:44px}
.configuration-toolbar>.button[hidden]{display:none}
.configuration-note{font-size:14px;line-height:1.75;max-width:75ch;margin:28px 0;color:var(--muted,#526157)}
.configuration-options{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;padding:18px 0;border-block:1px solid var(--line,#ced4c9)}
.configuration-options>label{display:flex;align-items:center;min-height:44px;gap:12px;font-size:13px}
.configuration-options input{accent-color:var(--ink,#203a30);width:20px;height:20px;flex-shrink:0}
#configuration-status{font-size:12px;line-height:1.7;margin:20px 0 34px;color:var(--muted,#526157)}
#configuration-results>h2{font-family:Noto,sans-serif;font-size:28px;line-height:1.3;font-weight:400;margin:0 0 22px}
#configuration-results>h2.configuration-full-title{margin-top:42px}
.configuration-table-scroll{overflow-x:auto;max-width:100%;scrollbar-color:#80927d #eef0e9}
.configuration-table-scroll table{width:100%;min-width:var(--comparison-min-width,680px);border-collapse:collapse;table-layout:fixed;font-size:13px;line-height:1.7;font-variant-numeric:tabular-nums}
.configuration-table-scroll caption{text-align:left;font-size:12px;line-height:1.6;margin-bottom:14px;color:var(--muted,#526157)}
.configuration-table-scroll th,.configuration-table-scroll td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:16px 18px;border-bottom:1px solid var(--line,#ced4c9)}
.configuration-table-scroll th:first-child{width:200px}
.configuration-table-scroll thead th{background:#e7e9e4;font-weight:700}
.configuration-table-scroll thead th span{display:block;font-size:11px;font-weight:400;margin-top:5px}
.configuration-table-scroll tbody th{font-weight:700}
.configuration-table-scroll td small{display:block;font-size:11px;line-height:1.65;margin-top:8px;color:var(--muted,#526157)}
.configuration-unlisted{color:var(--muted,#526157);font-size:12px}
.configuration-pending{display:block;font-size:11px;color:#654c17;margin-top:8px}
.configuration-group{margin-bottom:14px;border-bottom:1px solid var(--line,#ced4c9)}
.configuration-group>summary{cursor:pointer;background:#e7e9e4;padding:18px 20px;font-size:16px;font-weight:700;min-height:54px;line-height:1.5}
.configuration-group>summary>span{font-size:11px;font-weight:400;margin-left:16px;white-space:nowrap}
.configuration-group[open]>.configuration-table-scroll{padding-top:18px}
.configuration-empty{font-size:14px;line-height:1.75;max-width:70ch;padding:20px 0;color:var(--muted,#526157)}
.configuration-comparison :focus-visible{outline:3px solid #6b812f;outline-offset:4px}
.configuration-comparison .detail-heading{background:#fff;padding:32px 6% 30px;border-bottom:1px solid #d9dfdb}
.configuration-comparison .detail-heading h1{font-size:clamp(32px,3vw,44px);font-weight:700;max-width:none}
.configuration-comparison .detail-heading p{margin-top:16px}
@media(max-width:1000px){.configuration-columns{gap:24px}.configuration-fields{grid-template-columns:1fr;gap:14px}.configuration-choice>img{height:230px}.configuration-table-scroll th,.configuration-table-scroll td{padding:14px 12px}}
@media(max-width:650px){
 .configuration-comparison .configuration-content{padding:30px 5% 46px}
 .configuration-columns{gap:16px}
 .configuration-toolbar{align-items:flex-start;flex-direction:column;gap:16px}
 .configuration-choice>.product-visual,.configuration-photo-reserved{height:175px;margin:18px 0}
 .configuration-fields label{font-size:11px;gap:8px}
 .configuration-fields select{font-size:16px;padding:10px 7px}
 .configuration-choice>img{height:150px;margin:18px 0}
 .configuration-choice h2{font-size:24px}
 .configuration-choice h2 span{font-size:12px}
 .configuration-choice>p{font-size:11px}
 .configuration-choice>nav{flex-direction:column;align-items:stretch;gap:4px}
 .configuration-choice>nav>a{font-size:11px}
 .configuration-choice>nav>a.button{padding:12px 8px;margin-top:8px}
 .configuration-note{font-size:13px;margin:24px 0}
 .configuration-options{align-items:flex-start;gap:10px}
 .configuration-options>label{font-size:12px}
 #configuration-status{font-size:11px;margin-bottom:28px}
 #configuration-results>h2{font-size:25px}
 .configuration-table-scroll table{min-width:580px;font-size:12px}
 .configuration-table-scroll th,.configuration-table-scroll td{padding:13px 12px}
 .configuration-group>summary{font-size:14px;padding:16px 14px}
 .configuration-group>summary>span{font-size:10px;margin-left:8px}
}