/* Article template: long-form reading layout for Nine19 Direct resources. */
.article-hero{padding:72px 0 42px;background:#f7f2e8}
.article-hero__inner{max-width:920px}
.article-kicker{margin:0 0 18px;color:#1b6cff;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.article-hero h1{max-width:900px;margin:0;color:#071d36;font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.045em}
.article-dek{max-width:760px;margin:24px 0 0;color:#536579;font-size:clamp(18px,2vw,22px);line-height:1.5}
.article-visual{width:min(1220px,calc(100% - 48px));margin:0 auto;padding:48px 0 64px;background:#f7f2e8}
.article-visual img{display:block;width:100%;height:auto;border-radius:12px;box-shadow:0 24px 54px rgba(7,29,54,.16)}
.article-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:min(1220px,calc(100% - 48px));margin:0 auto;padding:28px 0 0;color:#6b7b8e;font-size:13px}
.article-breadcrumb a{color:#071d36;font-weight:750;text-decoration:underline;text-decoration-color:#1b6cff;text-underline-offset:4px}
.article-breadcrumb [aria-current=page]{color:#536579}
.article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:13px 0 0;color:#536579;font-size:13px}
.article-meta span+span::before{content:'•';margin-right:18px;color:#8da0b4}
.article-layout{display:grid;grid-template-columns:minmax(0,780px) minmax(180px,260px);gap:72px;align-items:start;padding:76px 0 92px}
.article-body{min-width:0;color:#243b55;font-size:18px;line-height:1.72}
.article-body>*:first-child{margin-top:0}
.article-body p{margin:0 0 24px}
.article-body h2{margin:68px 0 20px;color:#071d36;font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.035em}
.article-body h2:first-of-type{margin-top:42px}
.article-body h3{margin:30px 0 8px;color:#071d36;font-size:19px;line-height:1.35}
.article-body strong{color:#071d36}
.article-intro{font-size:21px;line-height:1.62}
.article-tracking-table{width:100%;margin:34px 0;border-collapse:collapse;border:1px solid #dce3e7;background:#fff;font-size:15px}
.article-tracking-table th,.article-tracking-table td{padding:15px 16px;border:1px solid #dce3e7;text-align:left;vertical-align:top}
.article-tracking-table th{background:#071d36;color:#fff;font-size:13px;letter-spacing:.04em}
.article-tracking-table tr:nth-child(even) td{background:#f7faff}
.article-aside{position:sticky;top:112px;padding:24px;border-top:3px solid #1b6cff;background:#f7faff}
.article-aside__label{margin:0 0 10px;color:#1b6cff;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.article-aside p{margin:0;color:#536579;font-size:14px;line-height:1.55}
.article-aside a{display:inline-block;margin-top:14px;color:#071d36;font-size:14px;font-weight:850;text-decoration:underline;text-decoration-color:#1b6cff;text-underline-offset:4px}
.article-close{margin:58px 0 0;padding:36px;background:#071d36;color:#fff}
.article-close h2{margin:0 0 16px;color:#fff}
.article-close p{margin-bottom:22px;color:#dce7f5}
.article-close .btn{background:#1b6cff;color:#fff}
.article-faq{margin-top:72px;padding-top:54px;border-top:1px solid #dce3e7}
.article-faq h2{margin-top:0}
.article-faq details{border-bottom:1px solid #dce3e7}
.article-faq summary{position:relative;padding:20px 34px 20px 0;color:#071d36;font-size:18px;font-weight:850;cursor:pointer;list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:'+';position:absolute;right:3px;top:16px;color:#1b6cff;font-size:25px;font-weight:400}
.article-faq details[open] summary::after{content:'−'}
.article-faq details p{padding:0 0 20px;margin:0;color:#536579;font-size:16px}
.article-related{margin-top:42px;color:#536579;font-size:15px}
.article-related strong{color:#071d36}
@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:36px}.article-aside{position:static;max-width:680px;order:-1}.article-body{font-size:17px}}
@media(max-width:650px){.article-hero{padding:0}.article-breadcrumb{width:calc(100% - 30px);padding-top:18px;font-size:12px}.article-visual{width:calc(100% - 30px);padding:20px 0 42px}.article-layout{padding:52px 0 64px}.article-body h2{margin-top:52px}.article-intro{font-size:19px}.article-tracking-table{font-size:14px}.article-tracking-table th,.article-tracking-table td{padding:12px 10px}.article-close{padding:28px 23px}.article-faq{margin-top:56px;padding-top:42px}}
