/* Property-led editorial stories, isolated from live operational workspaces. */
body.public-design #main-content .mk-story { width:100%; min-width:0; color:var(--text,#18222c); text-align:left; }
body.public-design #main-content .mk-story :is(p,strong,span,button) { font-family:"Open Sans",Arial,sans-serif; }
body.public-design #main-content .mk-story [hidden] { display:none !important; }
body.public-design #main-content .mk-story-top { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; margin-bottom:10px; }
body.public-design #main-content .mk-story-label { font-size:12px; line-height:1.45; font-weight:700; letter-spacing:.08em; text-transform:uppercase; max-width:27ch; }
body.public-design #main-content .mk-story-play { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 12px; border:1px solid var(--brand-purple-fill-1,#5220b4); border-radius:8px; color:var(--brand-purple-fill-1,#5220b4); background:var(--surface,#fff); font-size:12px; font-weight:600; white-space:nowrap; transition:color .4s,background .4s; box-shadow:none; }
body.public-design #main-content .mk-story-play:is(:hover,:focus-visible) { background:var(--brand-purple-fill-1,#5220b4); color:#fff; }
@layer marketing-actions {
 .marketing-refresh .mk-story-play { border:1px solid var(--brand-purple-fill-1,#5220b4) !important; }
}
body.public-design #main-content .mk-story-panel { border:0; padding:0; min-width:0; outline-offset:5px; }
body.public-design #main-content .mk-story-photo { position:relative; overflow:hidden; border-radius:22px 22px 0 0; background:var(--bg-soft,#f6f5f8); aspect-ratio:1.52; }
body.public-design #main-content .mk-story-photo > img { display:block; width:100%; height:100%; max-height:none; object-fit:cover; border:0; border-radius:0; }
body.public-design #main-content .mk-story-index { position:absolute; top:18px; left:18px; padding:7px 12px; color:var(--text,#18222c); background:rgba(255,255,255,.94); border-radius:999px; font-size:12px; letter-spacing:.09em; font-weight:700; }
body.public-design #main-content .mk-story-caption { display:grid; grid-template-columns:minmax(0,1fr) 76px; align-items:center; gap:18px; padding:20px 22px; min-height:126px; border:1px solid var(--border,#dedde3); border-top:0; background:var(--surface,#fff); border-radius:0 0 16px 16px; }
body.public-design #main-content .mk-story-caption strong { display:block; font-size:20px; line-height:1.3; letter-spacing:-.025em; font-weight:650; }
body.public-design #main-content .mk-story-caption p { margin:8px 0 0; font-size:14px; line-height:1.55; color:var(--text-muted,#58616e); }
body.public-design #main-content .mk-story-caption > img { width:76px; height:72px; object-fit:contain; border:0; border-radius:0; }
body.public-design #main-content .mk-story-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:14px 0 0; }
body.public-design #main-content .mk-story-tab { display:flex; align-items:center; gap:8px; min-height:48px; margin:0; padding:10px 12px; border:0; border-bottom:2px solid var(--border,#dedde3); border-radius:0; background:transparent; color:var(--text,#18222c); font-size:14px; line-height:1.35; font-weight:600; text-align:left; box-shadow:none; white-space:normal; }
body.public-design #main-content .mk-story-tab span { display:inline-grid; place-items:center; flex:0 0 25px; height:25px; border-radius:50%; font-size:10px; background:var(--bg-soft,#f4f3f6); }
body.public-design #main-content .mk-story-tab[aria-selected="true"] { border-color:var(--brand-purple-fill-1,#5220b4); }
body.public-design #main-content .mk-story-tab[aria-selected="true"] span { background:var(--ink-purple-lime,#d5f554); color:var(--text,#18222c); }
body.public-design #main-content .mk-story-tab:is(:hover,:focus-visible) { color:var(--brand-purple-fill-1,#5220b4); background:var(--bg-soft,#f6f5f8); }
body.public-design #main-content .mk-story :is(button,[role="tabpanel"]):focus-visible { outline:2px solid var(--brand-purple-fill-1,#5220b4); outline-offset:4px; }
body.public-design #main-content .mk-editorial-hero { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); align-items:center; gap:52px; }
body.public-design #main-content .marketing-features .cz-wrap > .mk-editorial-hero::before { content:none; }
body.public-design #main-content .marketing-features .mk-editorial-hero .cz-copy { padding:0; }
body.public-design #main-content .mk-editorial-hero .mk-story { align-self:center; }
body.public-design #main-content .marketing-comparisons .mc-hero.mk-editorial-hero { background:var(--surface,#fff); border:0; border-radius:0; box-shadow:none; padding-block:54px; }
body.public-design #main-content .marketing-comparisons .mc-hero.mk-editorial-hero::before,
body.public-design #main-content .marketing-comparisons .mc-hero.mk-editorial-hero::after { content:none; }
body.public-design #main-content .marketing-features .ft-hero.mk-editorial-hero { padding-block:54px; }
body.public-design #main-content .home-main .hero-grid.mk-editorial-hero { align-items:start; }
body.public-design #main-content.home-main .hero { background:#fff; }
body.public-design #main-content.home-main .hero-grid.mk-editorial-hero { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:52px; align-items:center; }
body.public-design #main-content.home-main .hero-grid.mk-editorial-hero .hero-copy { padding:0; }
body.public-design #main-content.home-main .hero-grid.mk-editorial-hero .hero-stats { margin-top:28px; }
body.public-design #main-content.home-main .hero-grid.mk-editorial-hero .hero-sub { max-width:43ch; }
@media(max-width:900px) {
 body.public-design #main-content .mk-editorial-hero, body.public-design #main-content.home-main .hero-grid.mk-editorial-hero { grid-template-columns:1fr; gap:28px; }
 body.public-design #main-content .mk-story { max-width:680px; }
}
@media(max-width:480px) {
 body.public-design #main-content .mk-story-photo { border-radius:16px 16px 0 0; aspect-ratio:1.3; }
 body.public-design #main-content .mk-story-caption { grid-template-columns:1fr; padding:18px; gap:0; min-height:136px; }
 body.public-design #main-content .mk-story-caption > img { display:none; }
 body.public-design #main-content .mk-story-caption strong { font-size:18px; }
 body.public-design #main-content .mk-story-tab { flex-direction:column; align-items:flex-start; gap:6px; padding:10px 8px; font-size:13px; }
 body.public-design #main-content .mk-story-label { font-size:10px; letter-spacing:.055em; max-width:23ch; }
 body.public-design #main-content .mk-story-play { padding-inline:10px; }
 body.public-design #main-content .marketing-features .ft-hero.mk-editorial-hero { padding-block:30px; }
}
@media(prefers-reduced-motion:reduce) {
 body.public-design #main-content .mk-story * { animation:none !important; transition:none !important; }
}
