/* Homepage only (loaded by /index.html). Shared header and footer keep their own styles. */
body.home-v2 main { max-width:none; margin:0; padding:0; }
body.home-v2 main .wrap { width:calc(100% - 48px); max-width:var(--oddsprig-content-width,1502px); margin-inline:auto; padding-inline:0; }
body.home-v2 main :is(a,button,summary):focus-visible { outline:3px solid #e5ce8e; outline-offset:3px; }
body.home-v2 main a:not(.button) { text-decoration:underline; text-underline-offset:3px; }

body.home-v2 .home-lead { padding-block:32px 24px; }
body.home-v2 .home-lead h1 { max-width:24ch; font:600 clamp(1.875rem,4vw,2.5rem)/1.2 var(--serif); letter-spacing:normal; }
body.home-v2 .home-lead .lead-text { max-width:65ch; margin:12px 0 0; font-size:1.0625rem; line-height:1.6; }
body.home-v2 .lead-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:24px 0 0; padding:0; list-style:none; }
body.home-v2 .lead-list li { min-width:0; padding:20px 24px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
body.home-v2 .lead-list h2 { margin:0 0 6px; font:600 1.25rem/1.3 var(--serif); }
body.home-v2 .lead-list p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.6; }
body.home-v2 .lead-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin-top:24px; }
body.home-v2 .lead-actions p { margin:0; color:var(--muted); font-size:.9rem; }

body.home-v2 .browser-sprout-section { padding-block:0 32px; }
body.home-v2 .browser-sprout-box { min-width:0; padding:24px; border:2px dashed #6d8979; border-radius:8px; background:transparent; }
body.home-v2 .browser-sprout-box .eyebrow { margin:0 0 8px; color:var(--gold); }
body.home-v2 .browser-sprout-box > h2 { margin:0 0 8px; font:600 1.5rem/1.25 var(--serif); }
body.home-v2 .browser-sprout-box > p { margin:0; max-width:65ch; color:var(--muted); }
body.home-v2 #browser-sprout :is(label, label span) { color:inherit; font-size:inherit; }
body.home-v2 #browser-sprout label span { font-weight:inherit; }
body.home-v2 #browser-sprout input[type="checkbox"] { min-height:0; padding:0; }
body.home-v2 #browser-sprout h2 { font-weight:600; line-height:1.25; letter-spacing:normal; }
body.home-v2 #browser-sprout:empty { display:none; }
body.home-v2 #browser-sprout { margin-top:16px; }

body.home-v2 .more-section { padding-block:8px 40px; }
body.home-v2 .more-section > h2 { margin:0 0 16px; font:600 1.5rem/1.25 var(--serif); }
body.home-v2 .home-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
body.home-v2 .home-card { min-width:0; display:flex; flex-direction:column; gap:8px; padding:24px; background:var(--surface); border:1px solid var(--line); border-radius:8px; }
body.home-v2 .home-card h3 { margin:0; font:600 1.25rem/1.3 var(--serif); }
body.home-v2 .home-card p { margin:0; color:var(--muted); font-size:.95rem; line-height:1.6; }
body.home-v2 .home-card .card-action { margin-top:auto; padding-top:12px; }

@media(min-width:1200px) { body.home-v2 .home-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:650px) {
  body.home-v2 main .wrap { width:calc(100% - 32px); }
  body.home-v2 .home-lead { padding-block:24px 20px; }
  body.home-v2 .lead-list { grid-template-columns:minmax(0,1fr); }
  body.home-v2 .lead-list li, body.home-v2 .home-card, body.home-v2 .browser-sprout-box { padding:20px; }
  body.home-v2 .home-grid { grid-template-columns:minmax(0,1fr); }
  body.home-v2 .lead-actions .button { width:100%; justify-content:space-between; }
}
