#configuration { background:#faf9f7; padding-block:clamp(40px,5vw,72px); scroll-margin-top:160px; }
#configuration .layout-heading { margin-bottom:28px; max-width:none; }
#configuration .layout-heading h2 { font-size:clamp(1.9rem,3.2vw,2.8rem); line-height:1.15; margin:12px 0; max-width:none; }
#configuration .layout-heading > p:last-child { font-size:1.125rem; margin:0; color:#526a75; }
#configuration .layout-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
#configuration .layout-card { min-width:0; display:flex; flex-direction:column; background:#fff; border:1px solid #d5dfe2; border-radius:8px; overflow:hidden; }
#configuration .layout-card > img { display:block; width:100%; height:auto; aspect-ratio:350/436; object-fit:cover; }
#configuration .layout-card-copy { display:flex; flex-direction:column; flex:1; padding:22px 20px 18px; }
#configuration .layout-card h3 { font-size:1.25rem; line-height:1.3; margin:0 0 12px; }
#configuration .layout-card p { color:#526a75; font-size:1rem; line-height:1.6; margin:0 0 22px; }
#configuration .layout-card a { margin-top:auto; min-height:44px; display:flex; align-items:center; gap:8px; color:#006c82; font-size:1rem; font-weight:600; line-height:1.45; text-decoration:underline; text-underline-offset:4px; }
#configuration .layout-card a:hover { color:#003a48; }
#configuration .layout-card a:focus-visible { outline:3px solid #008da8; outline-offset:4px; border-radius:2px; }
#configuration .layout-note { color:#526a75; font-size:.875rem; line-height:1.6; margin:24px 0 0; }
@media(max-width:1100px) { #configuration .layout-cards { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { #configuration .layout-cards { grid-template-columns:minmax(0,1fr); } #configuration .layout-card-copy { padding:22px; } }