/* /advertise/ and /advertise/media-kit/. Friendly Coach tokens only; 375px first. */
.ad-page{max-width:46rem}
.ad-page section{margin:0 0 2.25rem}
.ad-page h2{font-size:1.5rem;margin:0 0 .6rem}
.ad-page h3{font-size:1.1rem;margin:0 0 .3rem}
.ad-page p{line-height:1.6}
.ad-audience,.ad-rules{margin:0 0 1rem;padding:0;list-style:none}
.ad-audience li{padding:.75rem 0;border-bottom:1px solid var(--hair)}
.ad-audience li p{margin:0}
.ad-rules li{position:relative;margin:0 0 .7rem;padding-left:1.6rem;line-height:1.55}
.ad-rules li::before{content:"";position:absolute;left:.2rem;top:.5em;width:.7rem;height:.7rem;border:3px solid var(--brand);border-radius:50%;background:var(--card)}
.ad-rules-section{padding:1.1rem;border-radius:var(--radius);background:var(--soft)}
.ad-formats{display:grid;gap:.9rem}
.ad-format{padding:1rem 1.1rem;border:1px solid var(--hair);border-left:4px solid var(--brand);border-radius:var(--radius);background:var(--card)}
.ad-format p{margin:0 0 .45rem}
.ad-format .ad-fit{margin:0;font-size:.95rem;color:var(--muted)}
.kit-updated{color:var(--muted)}
.kit-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin:0}
.kit-metric{padding:1rem;border:1px solid var(--hair);border-radius:var(--radius);background:var(--card)}
.kit-metric dt{font-weight:700;font-size:.95rem}
.kit-metric dd{margin:0}
.kit-value{font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;font-weight:800;line-height:1.2;color:var(--brand)}
.kit-meta{font-size:.875rem;color:var(--muted);line-height:1.45}
/* "For Businesses" deal panel (scripts/business-deals-panel.js; the same rules live in assets/deals.css). */
.business-panel{margin:2rem 0 1.25rem;padding:1.25rem;border:1px solid var(--hair);border-top:4px solid var(--brand);border-radius:12px;background:var(--soft)}
.business-panel h2{margin:.25rem 0 .6rem}
.business-actions{display:flex;flex-direction:column;gap:10px}
.business-actions .btn{display:flex;align-items:center;justify-content:center;min-height:44px;font-weight:600}
.business-actions a:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
@media(min-width:760px){.business-actions{flex-direction:row}.business-actions .btn{min-width:220px}}
/* Laptop: use the width (review 6 Oct 2026: a narrow left column on 1366px). Text blocks keep a readable measure. */
@media(min-width:960px){.ad-page{max-width:none}.ad-page>section>p,.ad-page>section>h2{max-width:46rem}.ad-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-audience{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}}