/* Business. — long-form article/blog-post prose.
   Loads AFTER marketing.css (uses its :root tokens). Separate file so adding
   prose styles never cache-busts the shared marketing.css on other pages. */
.mk-posthead{max-width:760px;margin:0 auto;padding:clamp(34px,5vw,54px) 0 4px}
.mk-posthead .mk-eyebrow{margin-bottom:8px}
.mk-posthead h1{font-size:clamp(2rem,4.2vw,2.7rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--text);margin:10px 0 12px}
.mk-meta{font-size:13px;color:var(--text-3)}
.mk-article{max-width:760px;margin:0 auto;padding-top:8px;font-size:16.5px;color:var(--text-2);line-height:1.75}
.mk-article h2{font-size:clamp(1.4rem,2.6vw,1.8rem);line-height:1.2;letter-spacing:-.02em;font-weight:700;color:var(--text);margin:36px 0 12px}
.mk-article h3{font-size:1.2rem;font-weight:600;color:var(--text);margin:24px 0 8px}
.mk-article p{margin:0 0 16px}
.mk-article strong{color:var(--text);font-weight:600}
.mk-article a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.mk-article a:hover{color:var(--accent-hover)}
.mk-article ul{list-style:none;margin:0 0 18px;display:flex;flex-direction:column;gap:10px}
.mk-article li{position:relative;padding-left:22px}
.mk-article li::before{content:"";position:absolute;left:3px;top:10px;width:7px;height:7px;border-radius:50%;background:var(--accent)}
.mk-article .lede{font-size:18px;color:var(--text);margin-bottom:22px}
.mk-callout{background:var(--accent-selected);border:1px solid var(--accent-soft);border-radius:var(--r-card);padding:22px 24px;margin:28px 0}
.mk-callout h3{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--text)}
.mk-callout p{margin:0 0 14px;font-size:15px}
.mk-endcta{max-width:760px;margin:46px auto 0;text-align:center;background:var(--bg);border:1px solid var(--stroke);border-radius:var(--r-card);padding:clamp(28px,4vw,40px) 28px;box-shadow:var(--depth-4)}
.mk-endcta h2{font-size:clamp(1.5rem,3vw,2rem);color:var(--text);margin-bottom:8px}
.mk-endcta p{color:var(--text-2);margin-bottom:20px}
/* ranked-list items (e.g. "alternatives" post) */
.mk-item{border-top:1px solid var(--stroke);padding:26px 0 6px}
.mk-item .rank{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.mk-item h2{margin:6px 0 8px;font-size:1.5rem}
.mk-item .bestfor{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}
.mk-feat{background:var(--accent-selected);border:1px solid var(--accent-soft);border-radius:var(--r-card);padding:6px 24px 14px;margin:26px 0}
.mk-feat .mk-item{border-top:none}