.config-body{background:#f8f8f3;color:#10152e;margin:0}.config-header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;max-width:1180px;margin:auto;padding:16px 28px;border-bottom:1px solid #ddd}.config-header>a{font-size:24.44px;text-decoration:none;color:inherit}.config-header>button{margin-left:auto}.config-body button{font:inherit;cursor:pointer;min-height:46px;border:1px solid #d4d6dd;border-radius:10px;padding:10px 16px;background:white;color:inherit}.config-body .button{background:#10152e;color:white}.config-body button:focus-visible,.config-body a:focus-visible{outline:3px solid #487f91;outline-offset:3px}.config-body [hidden]{display:none!important}.config-main{max-width:1000px;margin:auto;padding:20px 28px 90px}.config-main h1{font-size:clamp(26.32px,3.76vw,41.36px);line-height:1.15;letter-spacing:-.035em;margin:24px 0}.config-main h2{font-size:21.62px;margin:22px 0 12px}.config-main p{font-size:16.92px;line-height:1.5}.config-progress{display:flex;gap:18px;align-items:center;font-size:16px}.config-progress progress{flex:1;height:8px;accent-color:#10152e}.config-stage-top{display:flex;justify-content:space-between;gap:12px;font-size:16px;margin-top:28px}.config-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.config-body .config-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:96px;padding:18px;font-size:16.92px;font-weight:500;text-align:center;border:2px solid #dedfe1}.config-card img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply}.config-body .config-card.selected{border-color:#10152e;background:#edf0ed;box-shadow:inset 0 0 0 1px #10152e}.config-card small{font-size:15px}.config-swatch{width:46px;height:46px;border-radius:50%;border:1px solid #ccc}.config-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.config-main label{display:block;font-size:16.92px}.config-main input:not([type=checkbox]),.config-main textarea{display:block;width:100%;font:inherit;font-size:16.92px;padding:14px;background:white;border:1px solid #c4c6cc;border-radius:9px;margin:7px 0 16px}.config-main .consent{display:flex;align-items:flex-start;gap:10px;margin:22px 0;font-size:16px}.config-main .consent input{width:24px;height:24px;flex-shrink:0}.config-controls{position:fixed;bottom:0;left:0;right:0;background:#f8f8f3f5;border-top:1px solid #ddd;padding:12px max(24px,calc((100vw - 944px)/2));display:flex;justify-content:space-between;gap:12px;z-index:10}.config-controls .button{margin-left:auto}.config-note{color:#626875;font-size:16px!important}.config-summary{background:white;padding:20px;border:1px solid #ddd;border-radius:14px;margin-bottom:14px}.config-actions{display:flex;gap:8px;flex-wrap:wrap}.config-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.config-summary dt{font-size:15px;color:#626875}.config-summary dd{margin:4px 0;font-size:16.92px}.config-body details{margin:18px 0}.config-body summary{cursor:pointer;font-size:16.92px}.config-body [data-config-error]{color:#a02a20}.config-body [data-resume]{padding:14px;background:#e8ece8;border-radius:12px;margin:12px 0}.config-body [data-resume] button{margin:4px}.config-header .language-switch{font-size:16px}@media(max-width:760px){.config-header{padding:12px 18px;gap:10px}.config-header .language-switch{width:100%;justify-content:flex-end}.config-main{padding:18px 18px 100px}.config-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.config-body .config-card{padding:12px;font-size:16px;min-height:96px}.config-card img{height:115px}.config-inputs{gap:10px}.config-inputs label{font-size:16px}.config-controls{padding:10px 18px calc(10px + env(safe-area-inset-bottom))}.config-controls button{font-size:16px;padding:12px}.config-summary dl{grid-template-columns:1fr}.config-stage-top{font-size:14px}.config-main h1{margin:20px 0}.config-header>button{font-size:16px}.config-body .consent{display:block}.config-body .consent input{vertical-align:middle}}

/* External classes keep swatches compatible with the strict CSP. */
.config-swatch--white{background:#eee}.config-swatch--anthracite{background:#3c4248}.config-swatch--wood{background:#93704e url("./images/wood.webp") center/cover}.config-swatch--black{background:#171717}.config-swatch--silver{background:linear-gradient(135deg,#e0e1e2,#95999d,#e6e7e8)}.config-swatch--brown{background:#49372b}.config-swatch--gold{background:linear-gradient(135deg,#e7cc7b,#ad8429,#e7c967)}
@media(max-width:760px){
 .config-main h1{font-size:1.5rem}
 .config-main h2{font-size:1.25rem}
 .config-header>a{font-size:1.4rem}
 .config-main p,.config-main label,.config-main input:not([type=checkbox]),.config-main textarea,.config-summary dd,.config-body summary{font-size:1rem}
}

.config-validation-dialog{width:min(440px,calc(100% - 32px));padding:28px;border:0;border-radius:18px;color:#10152e;background:#fff;box-shadow:0 20px 80px #0004}.config-validation-dialog::backdrop{background:#10152e88}.config-validation-dialog h2{font-size:24px;margin:0 0 16px}.config-validation-dialog p{font-size:16px;line-height:1.6}.config-validation-dialog button{width:100%;margin-top:12px}.config-main [aria-invalid=true]{outline:2px solid #a02a20;outline-offset:3px}