/* The Guides landing page shares the Support page shell and hero. */
.site-header { display:block; padding:0; }
.site-footer { display:block; padding:0; }
.guides-hub { --safe:var(--green); --ink-soft:var(--muted); --hairline:var(--line); }
.guides-hub .hero { min-height:424px; padding-bottom:62px; }
.guides-hub .hero h1 { font-size:clamp(42px,6vw,76px); }
.guides-hub .guides-search--hub { max-width:620px; margin:0 auto; }
.guides-hub .guides-search-control { border:0; background:#fff; gap:0; padding:0 0 0 19px; height:62px; }
.guides-hub .guides-search input { font-family:var(--display); font-size:16px; padding:0; color:var(--ink); }
.guides-hub .guides-search button { height:62px; padding:0 20px; background:var(--green-light); color:var(--hero); border:0; border-radius:0 15px 15px 0; }
.guides-hub .search-status { color:#deeadf; text-align:left; }
.guides-hub .search-hint { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:8px; }
.guides-hub .search-hint span { margin:0 3px; }
#guides-overview,.guides-hub .guides-library { padding:52px 22px 0; }
.guides-hub h2 { font-size:clamp(28px,4vw,40px); letter-spacing:-.05em; line-height:1.15; margin-bottom:10px; }
.guides-hub .guides-section-intro,.guides-hub .guide-card p { color:var(--muted); }
.guides-hub .guides-featured,.guides-hub .guides-start,.guides-hub .guides-topics { margin-bottom:64px; }
.guides-hub .guide-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding:20px 0 0; }
.guides-hub .guide-card { display:flex; flex-direction:column; min-height:250px; background:var(--white); border-color:var(--line); border-radius:18px; padding:28px; }
.guides-hub .guide-card .tag { color:var(--green); margin-bottom:16px; }
.guides-hub .guide-card h3,.guides-hub .guide-card h4 { font-size:24px; font-weight:750; letter-spacing:-.035em; line-height:1.15; margin:0 0 12px; overflow-wrap:anywhere; }
.guides-hub .guide-card p { font-size:15px; margin-bottom:22px; }
.guides-hub .guide-card .read { display:flex; justify-content:space-between; margin-top:auto; color:var(--green); }
.guides-hub .guide-card:hover { border-color:#92b69a; box-shadow:0 8px 24px rgb(25 48 30 / .06); }
.guides-hub .guides-problems,.guides-hub .guides-topic-grid { gap:16px; }
.guides-hub .guides-problems a,.guides-hub .guides-topic-grid a { padding:24px; background:var(--white); border:1px solid var(--line); border-radius:17px; }
.guides-hub .guides-problems a:first-child { grid-column:auto; }
.guides-hub .guides-problems a:last-child { grid-column:1 / -1; }
.guides-hub .guides-problems p,.guides-hub .guides-topic-grid p { color:var(--muted); }
.guides-hub .guides-topic-grid h3 { font-size:21px; }
.guides-filters { display:flex; flex-wrap:wrap; gap:9px; margin:24px 0 18px; }
.guides-filters a { display:inline-flex; align-items:center; min-height:44px; background:var(--white); border:1px solid var(--line); padding:10px 15px; border-radius:99px; color:var(--muted); font-size:13px; font-weight:700; text-decoration:none; }
.guides-filters a:hover { border-color:#9ebe9e; }
.guides-filters a[aria-current] { background:var(--hero); color:white; border-color:var(--hero); }
.guides-hub .guides-library { padding-bottom:64px; }
.guides-hub .guides-topic-section>h3 { font-size:23px; margin-top:35px; }
.guides-hub .contact-banner { margin-top:30px; }
.guides-hub .guides-all-link { color:var(--green); }
.guides-skip { z-index:30; }
@media(max-width:650px){
 .guides-hub .hero { padding:48px 17px 50px; }
 .guides-hub .hero h1 { font-size:46px; }
 .guides-hub .guides-search input { font-size:14px; }
 .guides-hub .guides-search button { padding:0 13px; }
 #guides-overview,.guides-hub .guides-library { padding:36px 12px 0; }
 .guides-hub .guide-list,.guides-hub .guides-problems,.guides-hub .guides-topic-grid { grid-template-columns:minmax(0,1fr); }
 .guides-hub .guide-card { min-height:235px; padding:24px; }
 .guides-hub .guides-library { padding-bottom:40px; }
 .guides-hub .guides-featured,.guides-hub .guides-start,.guides-hub .guides-topics { margin-bottom:44px; }
}