.wayside-site-directory { background:#08151d; color:#e1e6e9; border-block:1px solid #42515b; }
.wayside-site-directory * { box-sizing:border-box; }
.wayside-site-directory__inner { width:min(1120px,100%); margin:auto; padding:68px 28px; }
.wayside-site-directory__eyebrow { color:#eed0a0; text-transform:uppercase; letter-spacing:.12em; font-size:13px; }
.wayside-site-directory h2 { color:#fff; font:500 clamp(2rem,4vw,3.4rem)/1.1 Georgia,serif; margin:14px 0; }
.wayside-site-directory h3 { color:#fff; font:500 1.35rem/1.2 Georgia,serif; margin:0 0 16px; }
.wayside-site-directory p { color:#e1e6e9; font-size:17px; line-height:1.55; }
.wayside-site-directory__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:34px; }
.wayside-site-directory ul { list-style:none; padding:0; margin:0; }
.wayside-site-directory li { margin:0 0 11px; }
.wayside-site-directory a { color:#eed0a0; text-decoration:underline; text-underline-offset:.18em; }
.wayside-site-directory a:hover { color:#fff; }
.wayside-site-directory :focus-visible { outline:3px solid #ffe5b8; outline-offset:4px; }
.wayside-site-directory__details { border-top:1px solid #42515b; margin-top:30px; padding-top:20px; }
.wayside-site-directory__links { display:flex; flex-wrap:wrap; gap:20px; border-top:1px solid #42515b; margin-top:30px; padding-top:22px; }
@media(max-width:800px){.wayside-site-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.wayside-site-directory__inner{padding:48px 22px;}.wayside-site-directory__grid{grid-template-columns:1fr;gap:24px;}}
.wayside-featured-brands { background:#0d1b24; color:#e1e6e9; border-top:1px solid #42515b; }
.wayside-featured-brands * { box-sizing:border-box; }
.wayside-featured-brands .wayside-site-directory__inner { padding-block:54px; }
.wayside-featured-brands h2 { color:#fff; font:500 clamp(1.8rem,3.5vw,2.8rem)/1.15 Georgia,serif; margin:12px 0 18px; }
.wayside-featured-brands h3 { color:#fff; font:500 1.3rem/1.2 Georgia,serif; margin:0 0 15px; }
.wayside-featured-brands p { color:#e1e6e9; font-size:17px; line-height:1.55; }
.wayside-featured-brands__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin:28px 0; }
.wayside-featured-brands ul { list-style:none; margin:0; padding:0; }
.wayside-featured-brands li { margin:0 0 10px; }
.wayside-featured-brands a { color:#eed0a0; text-decoration:underline; text-underline-offset:.18em; }
.wayside-featured-brands :focus-visible { outline:3px solid #ffe5b8; outline-offset:4px; }
.wayside-brand-list { padding-left:20px; }
.wayside-brand-list li { margin-bottom:14px; }
.wayside-brand-list li span { display:block; }
@media(max-width:800px){.wayside-featured-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:520px){.wayside-featured-brands__grid{grid-template-columns:1fr;}}
/* Contrast repair for the existing homepage process, without changing planner assets. */
.home .ws-step > .ws-step-num { color:#eed0a0; opacity:1; }
.home .ws-step > h3 { color:#fff; }
.home #brands .wayside-featured-brands h2 { color:#fff; }
.wayside-recent-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0; }
.wayside-recent-grid figure { margin:0; }
.wayside-recent-grid img { display:block;width:100%;height:auto; }
.home #builds .ws-btn { white-space:normal;text-align:center;max-width:100%; }
@media(max-width:700px){.wayside-recent-grid{grid-template-columns:1fr;}}