/* Blog article detail — marketing/SEO content layout using the site's existing header/footer. */
.article-page{background:#0f1011;min-height:100vh}
.article-page main{padding-top:76px;background:#0f1011}
.article-hero{position:relative;min-height:520px;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;overflow:hidden}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,10,.34),rgba(7,9,10,.60)),linear-gradient(90deg,rgba(7,9,10,.36),rgba(7,9,10,.08) 50%,rgba(7,9,10,.36))}
.article-hero-inner{position:relative;z-index:2;width:100%;display:flex;justify-content:center;text-align:center}
.article-hero-copy{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.article-hero-label{display:inline-flex;align-items:center;justify-content:center;padding:9px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(10,12,13,.28);backdrop-filter:blur(8px);color:#31c3ae;font-size:14px;font-weight:700;letter-spacing:.18em}
.article-hero-copy p{margin:20px 0 0;color:#fff;font-size:28px;font-weight:800;letter-spacing:.08em;text-align:center}

.article-intro{padding:66px 0 54px;border-bottom:1px solid rgba(255,255,255,.07)}
.article-layout-shell{width:min(1240px,calc(100% - 64px));margin:0 auto}
.article-heading-block{max-width:990px}
.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;color:rgba(255,255,255,.40);font-size:14px;letter-spacing:.055em;text-transform:uppercase}
.article-breadcrumb a{color:rgba(255,255,255,.58);transition:.22s ease}.article-breadcrumb a:hover{color:#31c3ae}
.article-heading-block h1{margin:0;max-width:980px;color:#fff;font-size:48px;line-height:1.12;letter-spacing:.012em;font-weight:800}
.article-deck{max-width:850px;margin:20px 0 0;color:rgba(255,255,255,.65);font-size:17px;line-height:1.75}
.article-meta{display:flex;flex-wrap:wrap;gap:10px 27px;margin-top:26px;color:rgba(255,255,255,.46);font-size:14px;letter-spacing:.055em;text-transform:uppercase}
.article-meta strong{color:rgba(255,255,255,.72);font-weight:600}

.article-content{padding:64px 0 110px}
.article-layout{display:grid;grid-template-columns:minmax(0,820px) 310px;gap:78px;align-items:start}
.article-main{min-width:0}
.article-main p{margin:0 0 25px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.95;letter-spacing:.006em}
.article-main .article-lead{margin-bottom:52px;color:rgba(255,255,255,.89);font-size:19px;line-height:1.9}
.article-main h2{scroll-margin-top:110px;margin:62px 0 20px;color:#fff;font-size:29px;line-height:1.25;letter-spacing:.025em}
.article-main h2::after{content:"";display:block;width:74px;height:2px;margin-top:14px;background:#2ebca8}
.article-media{margin:46px 0 58px}.article-media-frame{overflow:hidden;border-radius:22px;background:linear-gradient(180deg,rgba(71,73,74,.65),rgba(20,21,22,.86));border:1px solid rgba(255,255,255,.06)}
.article-media-frame img{display:block;width:100%;height:100%;object-fit:contain}.article-media-wide .article-media-frame{height:360px;padding:36px}.article-media figcaption{margin-top:12px;color:rgba(255,255,255,.38);font-size:14px;line-height:1.6;letter-spacing:.04em}
.article-callout{margin:42px 0 52px;padding:25px 30px;border-left:2px solid #2ebca8;border-radius:0 16px 16px 0;background:linear-gradient(90deg,rgba(46,188,168,.12),rgba(255,255,255,.025))}.article-callout strong{display:block;margin-bottom:8px;color:#fff;font-size:16px;letter-spacing:.025em}.article-callout p{margin:0;font-size:14px;line-height:1.8}
.article-media-split{display:grid;grid-template-columns:1.12fr .88fr;overflow:hidden;border-radius:22px;background:linear-gradient(135deg,rgba(60,62,63,.58),rgba(16,17,18,.88));border:1px solid rgba(255,255,255,.06)}.article-media-split .article-media-frame{height:330px;padding:36px;border:0;border-radius:0;background:transparent}.article-media-copy{display:flex;flex-direction:column;justify-content:center;padding:38px 40px 38px 16px}.article-media-copy span{color:#2ebca8;font-size:14px;font-weight:700;letter-spacing:.16em}.article-media-copy h3{margin:12px 0 14px;color:#fff;font-size:27px;line-height:1.2}.article-media-copy p{margin:0;color:rgba(255,255,255,.58);font-size:14px;line-height:1.75}
.article-media-banner{height:360px;overflow:hidden;border-radius:22px;position:relative}.article-media-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,9,10,.36));pointer-events:none}.article-media-banner img{display:block;width:100%;height:100%;object-fit:cover}

.article-sidebar{min-width:0}.sidebar-sticky{position:sticky;top:104px;display:grid;gap:22px}.sidebar-card{padding:27px 25px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(180deg,rgba(45,47,48,.46),rgba(20,21,22,.72));box-shadow:0 18px 42px rgba(0,0,0,.13)}.sidebar-eyebrow{display:block;margin-bottom:9px;color:#2ebca8;font-size:14px;font-weight:800;letter-spacing:.17em}.sidebar-card h2{margin:0 0 19px;color:#fff;font-size:20px;line-height:1.3}.sidebar-toc>a{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.055);color:rgba(255,255,255,.63);font-size:14px;line-height:1.35;transition:.22s ease}.sidebar-toc>a b{width:21px;color:rgba(46,188,168,.70);font-size:14px}.sidebar-toc>a:hover{color:#fff;transform:translateX(3px)}
.related-item{display:block;padding:15px 0;border-top:1px solid rgba(255,255,255,.06)}.related-item span{display:block;margin-bottom:5px;color:#2ebca8;font-size:14px;font-weight:700;letter-spacing:.13em}.related-item strong{display:block;color:rgba(255,255,255,.88);font-size:14px;line-height:1.45}.related-item small{display:block;margin-top:6px;color:rgba(255,255,255,.42);font-size:14px;line-height:1.5}.related-item:hover strong{color:#2ebca8}
.sidebar-cta{background:linear-gradient(145deg,rgba(43,170,151,.17),rgba(26,28,29,.83) 58%)}.sidebar-cta p{margin:0 0 19px;color:rgba(255,255,255,.58);font-size:14px;line-height:1.7}.sidebar-cta>a{display:inline-flex;padding:11px 15px;border:1px solid rgba(46,188,168,.60);border-radius:999px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.10em;transition:.22s ease}.sidebar-cta>a:hover{background:#2ebca8;color:#07110f}

.article-conversion{margin-top:70px;padding:36px 38px;border-radius:20px;background:linear-gradient(115deg,rgba(46,188,168,.15),rgba(37,39,40,.50) 55%,rgba(20,21,22,.75));border:1px solid rgba(255,255,255,.07)}.article-conversion>span{color:#2ebca8;font-size:14px;font-weight:800;letter-spacing:.17em}.article-conversion h2{margin:10px 0 13px;font-size:26px}.article-conversion h2::after{display:none}.article-conversion p{max-width:680px;margin-bottom:22px;font-size:14px;line-height:1.75}.article-conversion-actions{display:flex;flex-wrap:wrap;gap:12px}.article-conversion-actions a{padding:12px 17px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;font-size:14px;font-weight:700;letter-spacing:.09em}.article-conversion-actions a:first-child{border-color:#2ebca8;background:#2ebca8;color:#07110f}.article-conversion-actions a:hover{transform:translateY(-1px)}
.article-end-nav{display:flex;justify-content:space-between;gap:22px;margin-top:56px;padding-top:30px;border-top:1px solid rgba(255,255,255,.08)}.article-back{color:rgba(255,255,255,.72);font-size:14px;letter-spacing:.06em;text-transform:uppercase;transition:.25s ease}.article-back:hover{color:#2ebca8}.article-page .footer{padding-top:88px}

@media(max-width:1080px){.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:42px}.article-layout-shell{width:min(100% - 48px,1120px)}.article-heading-block h1{font-size:43px}}
@media(max-width:900px){.article-page main{padding-top:64px}.article-hero{min-height:430px}.article-layout{grid-template-columns:1fr}.article-sidebar{border-top:1px solid rgba(255,255,255,.07);padding-top:42px}.sidebar-sticky{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-cta{grid-column:1/-1}.article-intro{padding:50px 0 44px}.article-heading-block h1{font-size:38px}.article-content{padding:54px 0 86px}.article-main .article-lead{font-size:17px}.article-main p{font-size:15px}.article-main h2{font-size:26px}.article-media-wide .article-media-frame{height:310px}.article-media-split{grid-template-columns:1fr}.article-media-split .article-media-frame{height:290px}.article-media-copy{padding:0 30px 32px}.article-media-banner{height:320px}}
@media(max-width:560px){.article-layout-shell{width:calc(100% - 30px)}.article-hero{min-height:330px}.article-hero-copy p{font-size:22px}.article-hero-label{font-size:14px}.article-intro{padding:38px 0 36px}.article-breadcrumb{font-size:14px;margin-bottom:18px}.article-heading-block h1{font-size:31px;line-height:1.16}.article-deck{font-size:14px;line-height:1.7;margin-top:15px}.article-meta{font-size:14px;gap:8px 15px;margin-top:20px}.article-content{padding:44px 0 68px}.article-main .article-lead{font-size:16px;line-height:1.8;margin-bottom:40px}.article-main p{font-size:14px;line-height:1.85}.article-main h2{font-size:23px;margin-top:48px}.article-media{margin:34px 0 42px}.article-media-wide .article-media-frame{height:230px;padding:24px}.article-media-split .article-media-frame{height:230px;padding:24px}.article-media-copy h3{font-size:22px}.article-media-banner{height:230px}.article-callout{padding:21px 22px}.sidebar-sticky{grid-template-columns:1fr}.sidebar-cta{grid-column:auto}.article-conversion{padding:27px 24px}.article-conversion h2{font-size:22px}.article-end-nav{flex-direction:column;align-items:flex-start;margin-top:45px}}

/* V1.0 WordPress rich-text article support */
.article-richtext>p:first-child{font-size:19px;line-height:1.9;color:rgba(255,255,255,.88);margin-bottom:34px}
.article-richtext ul,.article-richtext ol{margin:0 0 28px;padding-left:24px;color:rgba(255,255,255,.72);font-size:16px;line-height:1.85}
.article-richtext li{margin:7px 0}
.article-richtext a{color:#47d1be;text-decoration:underline;text-underline-offset:3px}
.article-richtext a:hover{color:#fff}
.article-richtext blockquote{margin:38px 0;padding:22px 26px;border-left:2px solid #2ebca8;background:rgba(46,188,168,.08);color:rgba(255,255,255,.82)}
.article-richtext blockquote p:last-child{margin-bottom:0}
.article-richtext img{max-width:100%;height:auto;border-radius:18px;margin:22px 0}
.article-richtext figure{margin:40px 0}
.article-richtext figcaption{margin-top:10px;color:rgba(255,255,255,.42);font-size:14px;line-height:1.6}
.article-richtext table{width:100%;border-collapse:collapse;margin:34px 0;color:rgba(255,255,255,.72);font-size:14px}
.article-richtext th,.article-richtext td{padding:12px 14px;border:1px solid rgba(255,255,255,.10);text-align:left}
.article-richtext th{background:rgba(255,255,255,.05);color:#fff}
.article-prev-next{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:560px){.article-richtext>p:first-child{font-size:16px}.article-richtext ul,.article-richtext ol{font-size:14px}.article-end-nav{gap:18px}.article-prev-next{justify-content:flex-start}}