/* Configuration journey — original Slon photographs and brand colours. */
.selection-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-block:30px;border-bottom:1px solid var(--line)}
.selection-route>a{display:flex;gap:18px;align-items:flex-start}.selection-route>a>span{font-size:14px;color:var(--orange);border-top:2px solid var(--orange);padding-top:8px;font-weight:600}.selection-route b{font-size:17px}.selection-route p{font-size:14px;margin:5px 0 0;color:var(--muted)}
.configure-entry{display:flex;gap:24px;align-items:center;margin:0 0 30px}.configure-entry>span{font-size:14px;color:var(--muted);max-width:310px}.site-nav{gap:16px}.site-nav a{font-size:14px}.brand span{font-size:12px}.header-callback{font-size:14px}
.config-container{padding-top:25px}.config-container .breadcrumbs{margin-bottom:28px}.config-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.config-heading h1{font-size:clamp(34px,3.6vw,54px);margin:0 0 15px;letter-spacing:-.045em}.config-heading p{font-size:17px;color:var(--muted);max-width:760px;margin:0}.config-heading .eyebrow{font-size:12px;margin-bottom:12px}.config-heading>a{flex-shrink:0;font-size:14px;margin-bottom:3px}
.type-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:26px}.type-picker button{min-width:0;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);border-radius:6px;overflow:hidden;text-align:left;padding:0 0 13px;background:white;transition:border-color .15s,box-shadow .15s}.type-picker button[aria-pressed=true]{border-color:var(--orange);box-shadow:inset 0 -3px var(--orange)}.type-picker img{width:100%;height:88px;object-fit:cover}.type-picker button>span{font-weight:600;font-size:15px;line-height:1.3;margin:12px 12px 0}.type-picker small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:6px;line-height:1.4}.type-picker button:hover{border-color:var(--orange)}
.config-workspace{display:grid;grid-template-columns:minmax(310px,.72fr) minmax(0,1.28fr);gap:28px;align-items:start}.config-controls{border:1px solid var(--line);padding:25px;border-radius:7px;background:#fff}.panel-heading{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:15px}.panel-heading h2{font-size:23px;margin:0;line-height:1.2}.subtle-button{color:var(--muted);font-size:14px;padding:3px 0;border-bottom:1px solid #c6d0d6;text-align:left;flex-shrink:0}.subtle-button:hover{color:var(--orange);border-color:var(--orange)}.config-hint{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 20px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.config-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:14px;line-height:1.4}.config-field>span{min-height:20px}.config-field:has(select){grid-column:1/-1}.config-field input,.config-field select,.config-field textarea,.plan-inputs input{width:100%;min-width:0;border:1px solid #b8c5ce;border-radius:4px;background:white;color:var(--ink);padding:11px 12px;font:inherit;font-size:16px;line-height:1.4;min-height:47px;outline-offset:2px}.config-field textarea{resize:vertical}.config-field select{padding-right:24px}.config-field input:focus,.config-field select:focus,.config-field textarea:focus,.plan-inputs input:focus{outline:2px solid var(--blue);border-color:var(--blue)}.number-with-unit{position:relative}.number-with-unit input{padding-right:55px}.number-with-unit>span{position:absolute;right:26px;top:14px;font-size:13px;color:var(--muted);pointer-events:none}.config-details{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.config-details summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.5;min-height:35px;padding-bottom:5px}.config-details .field-grid{padding-top:15px}.config-fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:25px 0 0;min-width:0}.config-fieldset legend{font-size:17px;font-weight:600;padding:0 14px 0 0}.config-fieldset>.config-field{margin-bottom:17px}.service-checks{display:grid;gap:14px;padding-top:3px}.service-checks label,.plan-actions label{display:flex;align-items:center;gap:10px;font-size:14px;line-height:1.4}.service-checks input,.plan-actions input{accent-color:var(--orange);width:19px;height:19px;flex-shrink:0;margin:0}
.config-result{min-width:0;border:1px solid var(--line);background:#f6f9fa;border-radius:7px;overflow:hidden}.result-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:23px 25px 18px}.result-top .eyebrow{margin:0;font-size:12px}.live-caption{font-size:12px;color:var(--muted);text-align:right;max-width:150px;line-height:1.4}.view-buttons{display:flex;gap:5px;margin:0 25px 20px;width:fit-content;max-width:calc(100% - 50px);background:#e5ecef;border-radius:4px;padding:4px}.view-buttons button{font-size:14px;line-height:1.4;border-radius:3px;padding:9px 13px}.view-buttons button[aria-pressed=true]{background:white;box-shadow:0 1px 4px #152b3c14;font-weight:600}.rack-drawing{margin:0 15px;min-width:0}.rack-drawing svg{display:block;width:100%;height:auto;max-height:420px;aspect-ratio:900/420}.drawing-caption{font-size:13px;color:var(--muted);line-height:1.6;margin:8px 25px 22px}.rack-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);background:#fff;padding:20px 25px;gap:16px}.rack-metrics>div{min-width:0}.rack-metrics strong{font-size:clamp(23px,2.2vw,33px);letter-spacing:-.04em;display:block;line-height:1.1;margin-bottom:8px;font-variant-numeric:tabular-nums}.rack-metrics>div:first-child strong{color:var(--orange)}.rack-metrics span{font-size:13px;color:var(--muted);line-height:1.4;display:block}.specification{padding:25px 25px 6px}.specification h3{font-size:20px;margin-bottom:15px}.specification dl{margin:0}.specification dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;border-bottom:1px solid var(--line);padding:11px 0;font-size:14px;line-height:1.5}.specification dt{color:var(--muted)}.specification dd{margin:0;text-align:right;font-weight:600}.config-notes{padding:15px 25px}.config-notes p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:10px}.config-notes p:last-child{margin-bottom:0}.config-next{background:#e7eef2;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.config-next b{font-size:16px;line-height:1.4;display:block}.config-next p{font-size:13px;color:var(--muted);margin:7px 0 0;line-height:1.5}.config-next .button{flex-shrink:0;font-size:14px;padding-inline:18px;min-height:48px}.config-alert{padding:17px 20px;background:var(--orange-soft);color:var(--orange-ink);font-size:14px;border-block:1px solid var(--orange-border);margin:0 0 20px;line-height:1.6}.has-warning{color:var(--orange-ink)!important;font-weight:600}.plan-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:0 25px 15px}.plan-inputs label{font-size:14px;line-height:1.4}.plan-inputs input{margin-top:7px}.plan-actions{padding:0 25px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.plan-actions button{font-size:14px}#plan-view>.config-hint{margin:0 25px 20px}
.request-section{display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;padding:70px 0 80px;margin-top:45px;border-top:1px solid var(--line);scroll-margin-top:110px}.request-intro h2{font-size:clamp(31px,3.2vw,45px);line-height:1.1;margin-bottom:22px}.request-intro>p{font-size:16px;color:var(--muted);line-height:1.7}.request-intro .request-contact{font-size:16px;line-height:1.9;margin-top:30px;color:var(--ink)}.request-form>.config-field{margin-top:20px}.request-preview{border:1px solid var(--line);border-radius:4px;margin:22px 0;background:#f6f9fa}.request-preview summary{font-size:15px;padding:15px 18px;font-weight:600;cursor:pointer}.request-preview pre{margin:0;padding:4px 18px 20px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;font:14px/1.7 var(--font-sans);color:#334854}.request-buttons{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-bottom:17px}.request-buttons .button{font-size:14px;min-height:49px;padding:13px 17px}.request-buttons .text-action{font-size:14px}.request-form>.config-hint{font-size:13px}.configurator-page .mobile-actions{display:none}.configurator-page .site-footer{margin-top:0}
@media(min-width:1180px){.configurator-page .config-controls{position:sticky;top:116px;max-height:calc(100dvh - 135px);overflow:auto;scrollbar-width:thin}}
@media(max-width:1350px) and (min-width:1081px){.site-nav{gap:11px}.site-nav a{font-size:13px}.header-inner{gap:16px}.brand img{width:130px}.phone{font-size:15px}}
@media(max-width:1100px){.config-heading{display:block}.config-heading>a{margin-top:13px}.type-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.type-picker button{flex-direction:row;align-items:center;padding:0;min-height:76px}.type-picker img{width:78px;height:76px}.type-picker button>span{margin:8px 10px}.type-picker small{font-size:12px}.config-workspace{gap:18px;grid-template-columns:minmax(290px,.8fr) minmax(0,1.2fr)}.config-controls{padding:20px}.config-next{display:block}.config-next .button{margin-top:17px}.request-section{gap:35px;grid-template-columns:.7fr 1.3fr}}
@media(max-width:820px){.config-workspace{grid-template-columns:1fr}.config-controls{position:static;max-height:none;overflow:visible}.config-heading h1{font-size:38px}.type-picker button>span{font-size:14px}.type-picker img{width:62px;height:74px}.config-controls>.config-hint{max-width:590px}.config-result .rack-drawing{min-height:0}.config-next{display:flex}.request-section{grid-template-columns:1fr;gap:20px;padding-top:42px;margin-top:32px}.request-intro h2 br{display:none}.request-intro .request-contact{display:none}.config-heading .eyebrow{font-size:12px}.selection-route{gap:20px}.selection-route>a{gap:12px}.selection-route b{font-size:15px}.selection-route p{font-size:13px}.configure-entry{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:550px){.config-container{padding-top:19px}.config-container .breadcrumbs{font-size:13px;margin-bottom:22px}.config-heading{margin-bottom:24px}.config-heading h1{font-size:35px;line-height:1.1}.config-heading p{font-size:16px}.config-heading .eyebrow{font-size:12px;letter-spacing:.07em}.type-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}.type-picker button{min-height:70px;flex-direction:column;align-items:flex-start;padding-bottom:12px}.type-picker img{width:100%;height:78px}.type-picker button>span{font-size:14px;margin:11px 10px 0}.type-picker small{font-size:12px}.panel-heading h2{font-size:23px}.config-controls{padding:20px 17px}.field-grid{gap:17px 13px}.config-field{font-size:14px}.config-field>span{min-height:39px}.config-field:has(select)>span{min-height:20px}.number-with-unit input{padding-left:10px;padding-right:42px}.number-with-unit>span{right:13px;font-size:12px}.config-details summary{font-size:14px}.result-top{padding:19px 17px 16px}.live-caption{display:none}.view-buttons{margin:0 17px 17px;max-width:calc(100% - 34px)}.view-buttons button{font-size:14px;padding:10px}.rack-drawing{margin:0 4px}.rack-drawing svg{min-height:190px}.drawing-caption{margin:6px 17px 19px;font-size:13px}.rack-metrics{padding:19px 17px;gap:12px}.rack-metrics strong{font-size:24px}.rack-metrics span{font-size:12px}.specification{padding:21px 17px 5px}.specification h3{font-size:20px;line-height:1.3}.specification dl>div{font-size:14px;grid-template-columns:.9fr 1.1fr;gap:14px}.config-notes{padding:14px 17px}.config-notes p{font-size:13px}.config-next{display:block;padding:20px 17px}.config-next .button{display:flex;width:100%;margin-top:16px;font-size:16px}.config-next p{font-size:14px}.plan-inputs{padding:0 17px 15px}.plan-inputs label{font-size:14px}.plan-actions{padding:0 17px 17px;gap:18px}#plan-view>.config-hint{margin-inline:17px}.request-section{padding-bottom:50px}.request-intro h2{font-size:34px}.request-form>.field-grid{grid-template-columns:1fr}.request-form .config-field>span{min-height:20px}.request-buttons{display:grid;grid-template-columns:1fr}.request-buttons .button{font-size:16px}.request-buttons .text-action{justify-content:center;min-height:42px;font-size:15px}.request-preview pre{font-size:14px}.selection-route{grid-template-columns:1fr;gap:20px;padding-block:25px}.selection-route>a{gap:20px}.selection-route b{font-size:17px}.selection-route p{font-size:14px}.brand span{font-size:10px}.header-callback{font-size:12px}.configurator-page .footer-bottom{padding-bottom:25px}}
[hidden]{display:none!important}

/* QA corrections: narrow screens, accessible controls and request receipts. */
:where(h1,h2,h3,p,dd,a,button){overflow-wrap:break-word}
button:disabled{opacity:.65;cursor:wait}
.form-status{overflow-wrap:anywhere}
.journal-card{border:1px solid var(--line);padding:24px;border-radius:6px;margin:20px 0;background:#fff}
.journal-card h2{font-size:23px;line-height:1.3;margin:0 0 14px}.journal-date{font-size:14px;color:var(--muted)}
.journal-card pre{font:14px/1.65 var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;padding:15px;background:#f4f7f8}
.journal-card summary{cursor:pointer;padding:14px 0}.journal-card .text-action{margin-top:18px}
@media(max-width:550px){.journal-card{padding:18px}.rack-metrics strong{overflow-wrap:anywhere}.number-with-unit input{padding-right:45px}.number-with-unit>span{right:8px}.config-field input::-webkit-inner-spin-button{margin-right:20px}.request-intro h2{letter-spacing:-.025em}}

@media(max-width:760px){.mobile-actions>a.button{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 20px}.mobile-actions>a.button svg{width:22px;height:22px;flex:0 0 22px}}

@media(max-width:550px){.rack-drawing svg text{font-size:28px}#plan-drawing svg text{font-size:26px}}