/* Treat each guide as one interactive surface. */
body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle:hover,
body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle:focus-visible{background:#fff5dc!important;border-color:#edb43b!important;box-shadow:0 8px 24px #15243412!important;transform:none}
body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle:hover .dwl-card-action,
body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle:focus-visible .dwl-card-action{background:#edf2f7;color:#173f70}
body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle{transition:background-color .16s,border-color .16s,box-shadow .16s}
/* Black footer with spacing in place of separator lines. */
body.dwl-modern.dwl-help-centre .dwl-site-footer{background:#080808;color:#bababa;border:0;padding-top:52px;padding-bottom:30px}
body.dwl-modern.dwl-help-centre .dwl-site-footer h2,
body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-footer-brand>a{color:#fff}
body.dwl-modern.dwl-help-centre .dwl-site-footer nav a{color:#d2d2d2}
body.dwl-modern.dwl-help-centre .dwl-site-footer p,
body.dwl-modern.dwl-help-centre .dwl-site-footer address{color:#aaa}
body.dwl-modern.dwl-help-centre .dwl-site-footer a:hover{color:#edb43b;text-decoration:underline;text-underline-offset:4px}
body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-site-management{border:0;margin-top:34px;padding-top:0}
body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-site-management a{color:#eee;font-weight:600;text-decoration:underline;text-underline-offset:3px}
body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-footer-bottom{border:0;margin-top:24px;padding-top:0}
body.dwl-modern.dwl-help-centre .dwl-site-footer a:focus-visible{outline:2px solid #edb43b;outline-offset:4px}
/* Menu feedback: enlarge the existing logo, strengthen the label. */
body.dwl-modern .mega-item img{transition:transform .16s ease;transform-origin:center}
body.dwl-modern .mega-item:hover,body.dwl-modern .mega-item:focus-visible{background:#f6f7f8!important;color:#152434!important}
body.dwl-modern .mega-item:hover img,body.dwl-modern .mega-item:focus-visible img{transform:scale(1.18)}
body.dwl-modern .mega-item:hover span,body.dwl-modern .mega-item:focus-visible span{font-weight:700}
@media(prefers-reduced-motion:reduce){body.dwl-modern .mega-item img,body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle{transition:none}}
body.dwl-modern .mega-item:hover,body.dwl-modern .mega-item:focus-visible{font-weight:700}

/* Phone and small-tablet layouts, including folded/open Duo viewports.
   Use available width and height so resizing never needs a page reload. */
@media (max-width:900px) {
  body.dwl-modern.dwl-help-centre .symbol-detail {
    grid-template-columns:80px minmax(0,1fr);
  }
  body.dwl-modern.dwl-help-centre .symbol-detail>img {
    width:80px;
    height:80px;
    min-width:80px;
    max-width:80px;
    aspect-ratio:1;
    box-sizing:border-box;
    border-radius:50%;
    padding:14px;
  }
  body.dwl-modern .make-filter select { font-size:16px; }
  body.dwl-modern.dwl-help-centre .mega-panel {
    max-height:calc(100dvh - var(--dwl-admin-height) - var(--dwl-header-height) - 16px);
  }
  body.dwl-modern.dwl-help-centre .dwl-contents details[open] nav {
    position:static;
    max-height:min(320px, 45dvh);
    box-shadow:none;
  }
  body.dwl-modern.dwl-guide:not(.dwl-horizontal-preview) .entry-content :is(h2,h3) {
    scroll-margin-top:calc(var(--dwl-admin-height) + var(--dwl-header-height) + 20px);
  }
}
@media (max-width:600px) {
  body.dwl-modern.dwl-help-centre .symbol-detail {
    grid-template-columns:64px minmax(0,1fr);
  }
  body.dwl-modern.dwl-help-centre .symbol-detail>img {
    width:64px;
    height:64px;
    min-width:64px;
    max-width:64px;
    padding:10px;
  }
  body.dwl-modern.dwl-help-centre .search-header {
    padding:10px 20px!important;
    gap:4px;
  }
  body.dwl-modern.dwl-help-centre .search-header nav button {
    min-height:44px;
    padding:8px 12px;
    font-size:14px;
  }
  body.dwl-modern.dwl-help-centre .dwl-toolbar-inner {
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    gap:8px 12px;
    padding:8px 20px;
  }
  body.dwl-modern.dwl-help-centre .dwl-breadcrumbs {
    flex:1 1 100px;
    width:auto;
    min-width:0;
  }
  body.dwl-modern.dwl-help-centre .dwl-search {
    flex:1 1 170px;
    width:auto;
    min-width:0;
    min-height:44px;
    height:44px;
    padding:0 4px 0 12px;
    gap:6px;
  }
  body.dwl-modern.dwl-help-centre .dwl-search input[type=search] {
    width:0;
    height:40px;
    font-size:16px;
  }
  body.dwl-modern.dwl-help-centre .dwl-search button {
    flex:0 0 auto;
    min-width:60px;
    min-height:40px;
    height:40px;
    padding:8px 12px;
  }
  body.dwl-modern.home .search-intro h1 {
    font-size:clamp(32px, 8.8vw, 42px);
  }
}

/* Readable type at phone and small-tablet widths. Keep body copy at 17px,
   supporting information at 14px+, and form values at 16px. */
@media (max-width:1024px) {
  body.dwl-modern.dwl-help-centre .symbol-detail h1 {
    font-size:clamp(28px,4.5vw,34px);
    line-height:1.25;
  }
  body.dwl-modern.dwl-help-centre .symbol-detail p {
    font-size:17px;
    line-height:1.65;
  }
  body.dwl-modern.dwl-help-centre .dwl-breadcrumbs {
    font-size:14px;
    line-height:1.55;
  }
  body.dwl-modern.dwl-help-centre .dwl-search input::placeholder { font-size:16px; }
  body.dwl-modern.dwl-help-centre :is(.main-search,.dwl-search) button { font-size:15px; }
  body.dwl-modern.dwl-help-centre .results-head { font-size:15px; }
  body.dwl-modern.dwl-help-centre .results-head>a { font-size:14px; }
  body.dwl-modern.dwl-help-centre .dwl-card-brand { font-size:14px; flex-wrap:wrap; }
  body.dwl-modern.dwl-help-centre .dwl-card-tag { font-size:13px; }
  body.dwl-modern.dwl-help-centre #library-results .dwl-symbol-vehicle .coverage {
    font-size:14px;
    line-height:1.6;
  }
  body.dwl-modern.dwl-help-centre .dwl-card-action { font-size:15px; line-height:1.5; }
  body.dwl-modern.dwl-help-centre .symbol-tile span { font-size:15px; line-height:1.5; }
  body.dwl-modern.dwl-help-centre #symbol-count { font-size:14px; }
  body.dwl-modern.dwl-help-centre .dwl-contents li a { font-size:16px; line-height:1.5; }
  body.dwl-modern .dwl-make-option { font-size:16px; }
  body.dwl-modern .dwl-site-footer :is(nav a,p,address) { font-size:14px; line-height:1.65; }
}
@media (max-width:600px) {
  body.dwl-modern.dwl-help-centre .symbol-tile {
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:10px;
    padding:16px 8px;
    min-height:124px;
    min-width:0;
  }
  body.dwl-modern.dwl-help-centre .symbol-tile span {
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

/* Readable supporting text across narrow phones and landscape/tablet widths. */
@media (max-width:1024px) {
  body.dwl-modern.dwl-help-centre .search-header .dwl-name { font-size:14px; }
  body.dwl-modern.dwl-help-centre .search-header .mega-item,
  body.dwl-modern.dwl-help-centre .search-header .mega-heading a { font-size:14px; line-height:1.5; }
  body.home.dwl-modern.dwl-help-centre .try-search,
  body.home.dwl-modern.dwl-help-centre .try-search button { font-size:14px; line-height:1.5; }
  body.home.dwl-modern.dwl-help-centre .try-search button,
  body.home.dwl-modern.dwl-help-centre .dwl-guide-filters button { min-height:44px; }
  body.home.dwl-modern.dwl-help-centre .common-copy p { font-size:16px; line-height:1.6; }
  body.home.dwl-modern.dwl-help-centre .common-link,
  body.home.dwl-modern.dwl-help-centre .all-makes,
  body.home.dwl-modern.dwl-help-centre .make-count,
  body.home.dwl-modern.dwl-help-centre .dwl-section-kicker,
  body.home.dwl-modern.dwl-help-centre .dwl-guide-filters button,
  body.home.dwl-modern.dwl-help-centre .dwl-guide-meta,
  body.home.dwl-modern.dwl-help-centre .dwl-guide-meta span,
  body.home.dwl-modern.dwl-help-centre #dwl-guide-count { font-size:14px; line-height:1.5; }
  body.dwl-modern.dwl-help-centre .main-search button { font-size:15px; }
  body.dwl-modern.dwl-help-centre #dwl-makes-count,
  body.dwl-modern.dwl-help-centre .dwl-make-tile small { font-size:14px; line-height:1.5; }
  body.dwl-modern.dwl-help-centre .dwl-card-tag { font-size:14px; }
  body.dwl-modern.dwl-help-centre .dwl-editorial-byline,
  body.dwl-modern.dwl-help-centre .dwl-editorial-byline :is(span,a),
  body.dwl-modern.dwl-help-centre .dwl-related-kind,
  body.dwl-modern.dwl-help-centre .dwl-related-cta { font-size:14px; line-height:1.6; }
  body.dwl-modern.dwl-help-centre .dwlc-photo-credits,
  body.dwl-modern.dwl-help-centre .dwlc-photo-credits :is(summary,p,li,a),
  body.dwl-modern.dwl-help-centre .dwl-author-unmute,
  body.dwl-modern.dwl-help-centre .dwl-author-identity small { font-size:14px; line-height:1.5; }
  body.dwl-modern.dwl-help-centre .dwl-author-profile p { font-size:16px; line-height:1.65; }
  body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-footer-brand p,
  body.dwl-modern.dwl-help-centre .dwl-site-footer .dwl-footer-bottom p,
  body.dwl-modern.dwl-help-centre .dwl-site-footer :is(nav a,address) { font-size:14px; line-height:1.65; }
}

@media (max-width:1024px) {
  body.home.dwl-modern.dwl-help-centre .make-directory {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  body.home.dwl-modern.dwl-help-centre .make-directory>a {
    display:grid;
    grid-template-columns:minmax(0,1fr) 40px;
    gap:2px 8px;
    align-content:center;
    min-width:0;
    padding:12px 0;
  }
  body.home.dwl-modern.dwl-help-centre .make-name {
    grid-column:1;
    font-size:18px;
    line-height:1.35;
    overflow-wrap:anywhere;
  }
  body.home.dwl-modern.dwl-help-centre .make-count {
    grid-column:1;
    margin:0;
  }
  body.home.dwl-modern.dwl-help-centre .make-logo {
    position:static;
    grid-column:2;
    grid-row:1 / 3;
    width:40px;
    height:36px;
    margin:0;
  }
  body.dwl-modern.dwl-help-centre #dwl-make-search button { font-size:15px; }
  body.dwl-modern.dwl-help-centre .dwl-author-profile>p:last-child { font-size:16px; line-height:1.65; }
}
@media (max-width:380px) {
  body.home.dwl-modern.dwl-help-centre .make-directory { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:1024px) {
  body.dwl-modern.dwl-help-centre .search-header .mega-grid {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));
  }
  body.dwl-modern.dwl-help-centre .search-header .mega-item { min-width:0; }
}

/* Make first, with search alongside when both controls fit comfortably. */
body.dwl-modern.dwl-help-centre #library-form {
  display:flex!important;
  align-items:center;
  gap:20px;
}
body.dwl-modern.dwl-help-centre #library-form .make-filter {
  flex:0 0 auto;
  width:auto;
  margin:0;
}
body.dwl-modern.dwl-help-centre #library-form .main-search {
  flex:1 1 0;
  width:auto;
  min-width:0;
  max-width:420px;
  margin:0;
}
@media (min-width:601px) and (max-width:900px) {
  body.dwl-modern.dwl-help-centre #library-form .dwl-make-select { width:180px; }
}
@media (max-width:600px) {
  body.dwl-modern.dwl-help-centre #library-form {
    flex-direction:column;
    align-items:stretch;
    gap:14px;
  }
  body.dwl-modern.dwl-help-centre #library-form .make-filter { width:100%; }
  body.dwl-modern.dwl-help-centre #library-form .main-search { flex:auto; width:100%; max-width:none; }
}

/* Keep the compact search at the row's right edge and group result metadata. */
body.dwl-modern.dwl-help-centre #library-form { margin-bottom:10px; }
body.dwl-modern.dwl-help-centre #library-form .main-search { margin-left:auto; }
body.dwl-modern.dwl-help-centre #library-form + .results-head {
  margin:10px 0 18px;
  min-height:36px;
  align-items:center;
  gap:8px 16px;
  flex-wrap:wrap;
}
body.dwl-modern.dwl-help-centre #library-form + .results-head>a[hidden] { display:none!important; }
@media (max-width:600px) {
  body.dwl-modern.dwl-help-centre #library-form .main-search { margin-left:0; }
}