/* Cozi Air search pages (blog articles, pain-point funnels). Loaded after site.css; uses its tokens. */
.art{max-width:760px;margin:0 auto;padding:48px 16px 20px}
.crumbs{font-size:.88rem;color:var(--muted)}.crumbs a{color:var(--muted)}
.art h1{font-size:clamp(2.1rem,5vw,3.3rem);margin-top:14px}
.art .dek{font-size:1.2rem;color:var(--muted);margin-top:14px;line-height:1.55}
.art .by{font-size:.9rem;color:var(--muted);margin-top:16px}
.art figure{margin:30px 0 0}.art figure img{width:100%;border-radius:var(--r);aspect-ratio:16/10;object-fit:cover}
.art figcaption{font-size:.85rem;color:var(--muted);margin-top:8px}
.prose{font-size:1.1rem;line-height:1.7;margin-top:26px}
.prose h2{font-size:clamp(1.5rem,3vw,2rem);margin:44px 0 0}
.prose h3{font-size:1.25rem;margin:30px 0 0}
.prose p,.prose ul,.prose ol{margin:16px 0 0}.prose li{margin:8px 0}
.prose a{color:var(--accent-text)}
.prose .callout{margin:30px 0 0;padding:22px 24px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)}
.qa{margin-top:46px;border-top:1px solid var(--line);padding-top:10px}
.qa h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:24px}
.qa details{border-bottom:1px solid var(--line);padding:16px 0}
.qa summary{cursor:pointer;font:700 1.08rem/1.4 var(--body)}
.qa details p{margin:10px 0 0;color:var(--muted);line-height:1.6}
.more{max-width:760px;margin:40px auto 0;padding:0 16px}
.more h2{font-size:1.3rem}.more ul{list-style:none;padding:0;margin:12px 0 0}.more li{padding:10px 0;border-top:1px solid var(--line)}
.more a{color:var(--ink);font-weight:600;text-decoration:none}.more a:hover{color:var(--accent-text)}
.pcta{padding:70px 0 90px;text-align:center}.pcta h2{font-size:clamp(1.9rem,4vw,2.8rem);max-width:20ch;margin:0 auto}
.pcta p{color:var(--muted);margin:14px auto 22px;max-width:50ch;font-size:1.1rem}
.bl{max-width:980px;margin:0 auto;padding:48px 16px 20px}
.bl h1{font-size:clamp(2.2rem,5vw,3.4rem)}.bl .dek{color:var(--muted);font-size:1.15rem;margin-top:12px;max-width:60ch}
.bl ol{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:14px}
.bl li a{display:grid;grid-template-columns:200px 1fr;gap:22px;align-items:center;text-decoration:none;color:var(--ink);padding:14px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.bl li img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
.bl li b{display:block;font:800 1.25rem/1.25 var(--display);font-stretch:106%}.bl li span{display:block;color:var(--muted);margin-top:8px;line-height:1.5}
.bl li small{display:block;color:var(--muted);margin-top:8px;font-size:.85rem}
@media (max-width:700px){.bl li a{grid-template-columns:1fr}}
/* funnels */
.fh{padding:56px 0 30px}.fh .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.fh .eyebrow{display:block;margin-bottom:14px}
.fh h1{font-size:clamp(2.3rem,5vw,3.8rem)}.fh p.lead{font-size:1.18rem;color:var(--muted);margin-top:18px;line-height:1.55;max-width:52ch}
.fh .cta-row{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}
.fh img{width:100%;border-radius:var(--r);aspect-ratio:4/5;object-fit:cover}
.fs{padding:60px 0}.fs h2{font-size:clamp(1.9rem,3.6vw,2.7rem);max-width:22ch}
.fs .lead2{color:var(--muted);font-size:1.1rem;max-width:58ch;margin-top:14px;line-height:1.6}
.pains{list-style:none;padding:0;margin:30px 0 0;columns:2;column-gap:48px}
.pains li{break-inside:avoid;padding:16px 0;border-top:1px solid var(--line);font:600 1.1rem/1.45 var(--body)}
.pains li span{display:block;font-weight:400;font-size:1rem;color:var(--muted);margin-top:4px}
.steps{counter-reset:s;list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.steps li{counter-increment:s;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.steps li::before{content:counter(s,decimal-leading-zero);font:800 1rem/1 var(--display);color:var(--accent-text)}
.steps b{display:block;font-size:1.15rem;margin-top:10px}.steps p{margin:8px 0 0;color:var(--muted);line-height:1.5}
@media (max-width:900px){.fh .wrap{grid-template-columns:1fr}.fh img{aspect-ratio:4/3}.pains{columns:1}.steps{grid-template-columns:1fr}}
