/* Design Support only. Existing chrome, content, media and routes are retained. */
#main[data-design-layout="20261103"] { --ds-gap:clamp(24px,4vw,64px); --ds-line:#dfdcd5; }
#main[data-design-layout] .sr-wrap,
#main[data-design-layout] .hc-section,
#main[data-design-layout] .ds-planning { width:min(1280px,calc(100% - 96px)); max-width:1280px; margin-inline:auto; }
#main[data-design-layout] .sr-breadcrumb { padding-block:22px; }
#main[data-design-layout] .sr-hero { padding:16px 0 56px; }
#main[data-design-layout] .sr-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); gap:var(--ds-gap); }
#main[data-design-layout] .sr-hero-copy { padding-block:24px; }
#main[data-design-layout] h1 { font-size:clamp(36px,3.6vw,56px); line-height:1.1; letter-spacing:-.035em; max-width:640px; }
#main[data-design-layout] h2 { font-size:clamp(28px,2.4vw,36px); line-height:1.2; letter-spacing:-.025em; }
#main[data-design-layout] h3 { font-size:20px; line-height:1.35; letter-spacing:-.015em; }
#main[data-design-layout] p,
#main[data-design-layout] .sr-checklist { font-size:16px; line-height:1.65; }
#main[data-design-layout] .sr-kicker,
#main[data-design-layout] .hc-kicker { font-size:12px; line-height:1.4; letter-spacing:.1em; color:var(--sr-accent); margin-bottom:16px; }
#main[data-design-layout] .sr-lead { font-size:18px; line-height:1.65; max-width:500px; margin-top:24px; }
#main[data-design-layout] .sr-hero .sr-picture img { aspect-ratio:6/5; min-height:0; max-height:none; height:auto; }
#main[data-design-layout] .sr-hero-note { font-size:13px; line-height:1.6; max-width:400px; margin-top:26px; padding-left:16px; border-left:2px solid var(--ds-line); }
#main[data-design-layout] .sr-actions { gap:16px 24px; margin-top:28px; }
#main[data-design-layout] .sr-button { min-height:48px; border-radius:3px; }
#main[data-design-layout] .sr-nav .sr-wrap { gap:26px; }
#main[data-design-layout] .sr-nav a { padding-block:19px 16px; font-size:14px; }
#main[data-design-layout] .sr-section { padding-block:72px; }
#main[data-design-layout] .sr-heading { margin-bottom:30px; }
#main[data-design-layout] .sr-grid { gap:28px; }
#main[data-design-layout] .sr-card { display:flex; flex-direction:column; }
#main[data-design-layout] .sr-card .sr-picture img { height:auto; aspect-ratio:4/3; transition:transform .4s ease; }
#main[data-design-layout] .sr-card:hover .sr-picture img { transform:scale(1.025); }
#main[data-design-layout] .sr-card-copy { display:flex; flex-direction:column; align-items:flex-start; flex:1; padding:23px 0 0; }
#main[data-design-layout] .sr-card-copy p { margin:0 0 16px; }
#main[data-design-layout] .sr-card-copy .sr-text { margin-top:auto; font-size:14px; }
#main[data-design-layout] #palette .sr-split { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:var(--ds-gap); }
#main[data-design-layout] #palette .sr-picture img { aspect-ratio:6/5; height:auto; }
#main[data-design-layout] #palette h2 { margin-bottom:20px; }
#main[data-design-layout] .sr-checklist { gap:10px; margin:22px 0 28px; }
#main[data-design-layout] #process .ppb2-split { width:100%; margin:0; display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.5fr); gap:var(--ds-gap); align-items:start; }
#main[data-design-layout] #process .ppb2-photo { overflow:hidden; margin:0; }
#main[data-design-layout] #process .ppb2-photo img { width:100%; height:auto; aspect-ratio:3/4; object-fit:cover; }
#main[data-design-layout] #process .ppb2-copy > .sr-heading { margin:0 0 28px; }
#main[data-design-layout] #process .sr-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
#main[data-design-layout] #process .sr-steps > li { padding:18px 0 0; border:0; border-top:1px solid var(--ds-line); min-width:0; }
#main[data-design-layout] #process .sr-step-copy { display:flex; flex-direction:column; height:100%; }
#main[data-design-layout] #process .sr-number { font-size:13px; line-height:1.5; letter-spacing:.08em; margin-bottom:14px; }
#main[data-design-layout] #process h3 { font-size:18px; margin-bottom:10px; }
#main[data-design-layout] #process .sr-steps p { font-size:14px; line-height:1.65; max-width:none; }
#main[data-design-layout] #process .sr-step-copy > p:not(.sr-output) { margin-bottom:18px; }
#main[data-design-layout] #process .sr-steps .sr-output { margin:auto 0 0; padding:12px 0 0; border-top:1px solid #eeece7; }
#main[data-design-layout] #process .sr-output strong { font-size:12px; line-height:1.6; margin-bottom:4px; color:#45433f; }
#main[data-design-layout] #faq { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:var(--ds-gap); padding-top:32px; }
#main[data-design-layout] #faq .sr-heading { margin:0; }
#main[data-design-layout] .sr-faq { max-width:none; }
#main[data-design-layout] .sr-faq summary { font-size:16px; line-height:1.5; padding-block:22px; }
#main[data-design-layout] .sr-faq details p { font-size:15px; line-height:1.7; }
#main[data-design-layout] .sr-ending { padding-block:52px; }
#main[data-design-layout] .sr-ending .sr-kicker { margin-bottom:12px; }
#main[data-design-layout] .sr-ending p:not(.sr-kicker) { margin-top:14px; }
#main[data-design-layout] #housing-related-entry { padding:44px 0 30px; margin-top:0; margin-bottom:0; }
#main[data-design-layout] #housing-related-entry .hc-heading { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:var(--ds-gap); align-items:start; margin:0 0 22px; }
#main[data-design-layout] #housing-related-entry h2 { font-size:25px; }
#main[data-design-layout] #housing-related-entry .hc-heading > p { font-size:14px; }
#main[data-design-layout] #housing-related-entry .hc-related { display:flex; flex-wrap:wrap; gap:16px 24px; align-items:center; font-size:14px; }
#main[data-design-layout] .ds-planning { padding:0 0 44px; }
#main[data-design-layout] .ds-planning > summary { border-top:1px solid var(--ds-line); padding:20px 28px 18px 0; cursor:pointer; color:var(--sr-muted); font-size:14px; }
#main[data-design-layout] .ds-planning [data-gallery-draft-entry] { padding:22px 24px; background:#f6f5f1; }
#main[data-design-layout] .ds-planning h2 { font-size:20px; margin-bottom:8px; }
#main[data-design-layout] .ds-planning p { font-size:13px; }
#main[data-design-layout] .ds-planning ul { padding-left:18px; margin:14px 0 0; font-size:14px; line-height:1.7; }
#main[data-design-layout] .ds-planning a { text-decoration:underline; text-underline-offset:4px; }
#main[data-design-layout] .ds-planning summary:focus-visible { outline:3px solid var(--sr-accent); outline-offset:4px; }
@media(max-width:1050px) {
 #main[data-design-layout] .sr-wrap,#main[data-design-layout] .hc-section,#main[data-design-layout] .ds-planning { width:calc(100% - 48px); }
 #main[data-design-layout] .sr-hero-grid { gap:28px; }
 #main[data-design-layout] #process .ppb2-split { grid-template-columns:minmax(0,.65fr) minmax(0,1.4fr); gap:28px; }
 #main[data-design-layout] #process .sr-steps { gap:24px 20px; }
 #main[data-design-layout] .sr-nav .sr-wrap { justify-content:flex-start; }
}
@media(max-width:760px) {
 #main[data-design-layout] .sr-wrap,#main[data-design-layout] .hc-section,#main[data-design-layout] .ds-planning { width:calc(100% - 40px); }
 #main[data-design-layout] .sr-breadcrumb { font-size:12px; padding-block:18px; }
 #main[data-design-layout] .sr-hero { padding:4px 0 32px; }
 #main[data-design-layout] .sr-hero-grid { grid-template-columns:1fr; gap:28px; }
 #main[data-design-layout] .sr-hero-copy { padding:12px 0 0; }
 #main[data-design-layout] h1 { font-size:clamp(34px,7.5vw,46px); }
 #main[data-design-layout] h2 { font-size:28px; }
 #main[data-design-layout] .sr-lead { font-size:16px; margin-top:20px; }
 #main[data-design-layout] .sr-hero-note { margin-top:22px; }
 #main[data-design-layout] .sr-hero .sr-picture img { aspect-ratio:4/3; max-height:none; }
 #main[data-design-layout] .sr-section { padding-block:48px; }
 #main[data-design-layout] .sr-grid { grid-template-columns:1fr; gap:34px; }
 #main[data-design-layout] .sr-card-copy { padding-top:18px; }
 #main[data-design-layout] #palette .sr-split { grid-template-columns:1fr; gap:28px; }
 #main[data-design-layout] #palette .sr-picture img { aspect-ratio:4/3; }
 #main[data-design-layout] #process .ppb2-split { grid-template-columns:1fr; gap:28px; }
 #main[data-design-layout] #process .ppb2-photo { max-width:100%; }
 #main[data-design-layout] #process .ppb2-photo img { aspect-ratio:4/3; object-position:center 46%; }
 #main[data-design-layout] #process .sr-steps { grid-template-columns:1fr; gap:24px; }
 #main[data-design-layout] #process .sr-step-copy { display:grid; grid-template-columns:32px minmax(0,1fr); gap:0 12px; }
 #main[data-design-layout] #process .sr-number { grid-row:1/4; margin:2px 0 0; }
 #main[data-design-layout] #process .sr-step-copy > p { grid-column:2; }
 #main[data-design-layout] #process .sr-step-copy > p:not(.sr-output) { margin-bottom:14px; }
 #main[data-design-layout] #faq { grid-template-columns:1fr; gap:26px; padding-top:0; }
 #main[data-design-layout] .sr-ending { padding-block:40px; }
 #main[data-design-layout] .sr-ending > .sr-wrap { display:block; }
 #main[data-design-layout] .sr-ending .sr-button { margin-top:24px; }
 #main[data-design-layout] #housing-related-entry { padding-top:36px; }
 #main[data-design-layout] #housing-related-entry .hc-heading { grid-template-columns:1fr; gap:16px; }
 #main[data-design-layout] .ds-planning { padding-bottom:34px; }
}
@media(prefers-reduced-motion:reduce) { #main[data-design-layout] .sr-card .sr-picture img { transition:none; } }