.carpool-guide{padding-top:clamp(2rem,6vw,5rem)}.carpool-hero{align-items:center;gap:1.75rem;display:grid}.carpool-hero h1{margin-bottom:1.25rem}.carpool-intro{font-size:1.125rem}.carpool-hero figure{margin:0}.carpool-hero img{border:1px solid var(--border);border-radius:1.25rem;width:100%;height:auto}.carpool-hero figcaption{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem}.carpool-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem;display:flex}.carpool-guide .carpool-primary{background:var(--primary);color:var(--primary-foreground);border-radius:.65rem;align-items:center;padding:.65rem 1rem;font-weight:650;text-decoration:none;display:inline-flex}.carpool-primary:hover{filter:brightness(.9)}.carpool-body{max-width:52rem;margin-inline:auto}.carpool-body .topic-single-form{--topic-bg:var(--background);--topic-line:var(--border);--topic-muted:var(--muted-foreground);--topic-accent:#d1fe17;border:1px solid var(--border);background:var(--card);border-radius:1rem;margin-top:2rem;padding:clamp(1rem,4vw,1.75rem);scroll-margin-top:6rem}.carpool-body .topic-single-form h2{margin-top:0;margin-bottom:.5rem}.carpool-body .topic-primary:disabled{opacity:.5;cursor:not-allowed}.carpool-body .carpool-photo-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.carpool-body section{border-bottom:1px solid var(--border);padding-block:1.5rem}.carpool-body h2{margin-top:.75rem}.carpool-guide .carpool-seats,.carpool-guide .carpool-shots{padding:0;list-style:none;display:grid}.carpool-seats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.carpool-seats li{border:1px solid var(--border);background:var(--card);border-radius:.75rem;gap:.15rem;padding:.75rem 1rem;display:grid}.carpool-seats li+li,.carpool-shots li+li{margin:0}.carpool-seats span{color:var(--muted-foreground);font-size:.875rem}.carpool-shots li{border-bottom:1px solid var(--border);grid-template-columns:5rem 1fr;gap:.75rem;padding:.625rem 0;display:grid}.carpool-shots strong{font-variant-numeric:tabular-nums}.carpool-faq{border:1px solid var(--border);border-radius:.65rem;margin:.75rem 0;padding:.75rem 1rem}.carpool-faq summary{cursor:pointer;font-weight:600}.carpool-faq p{margin-bottom:.25rem}@media (width>=600px){.carpool-body .carpool-photo-slots{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=900px){.carpool-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(2rem,4vw,4rem);margin-bottom:2rem}}
