.article-hero { position: relative; overflow: hidden; padding: clamp(72px,9vw,138px) max(5vw,calc((100vw - var(--max))/2 + 72px)); color: var(--paper); background: var(--ink); }
.article-hero::after { content: ""; position: absolute; right: -8vw; top: -24%; width: min(52vw,720px); aspect-ratio: 1; border: 1px solid rgba(201,130,85,.42); border-radius: 50%; box-shadow: inset 0 0 0 85px rgba(201,130,85,.025), inset 0 0 0 170px rgba(183,198,181,.025); }
.breadcrumbs { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 47px; color: #8c99a1; font: 700 9px/1.5 "Courier New", monospace; letter-spacing: .09em; text-transform: uppercase; }
.breadcrumbs a:hover { color: var(--copper); }
.article-hero-inner { position: relative; z-index: 1; max-width: 1050px; }
.article-number { display: flex; align-items: center; gap: 11px; margin-bottom: 24px; color: var(--copper); font-size: 10px; font-weight: 900; letter-spacing: .17em; text-transform: uppercase; }
.article-number::before { content: ""; width: 28px; height: 1px; background: currentColor; }
.article-hero h1 { max-width: 1020px; margin: 0; font-family: "Arial Narrow", "Segoe UI", Arial, sans-serif; font-size: clamp(49px,6.8vw,100px); font-weight: 900; line-height: .91; letter-spacing: -.07em; text-transform: uppercase; }
.article-hero h1 em { color: var(--copper); font-family: Georgia,"Times New Roman",serif; font-size: .87em; font-weight: 400; letter-spacing: -.05em; text-transform: none; }
.article-lead { max-width: 800px; margin: 32px 0 0; color: #b5bec4; font-size: clamp(17px,1.5vw,21px); line-height: 1.56; }
.article-meta { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 32px; color: #829098; font: 700 9px/1 "Courier New",monospace; letter-spacing: .07em; text-transform: uppercase; }

.article-layout { max-width: 1240px; display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: clamp(55px,8vw,110px); margin: 0 auto; padding: clamp(70px,8vw,120px) 32px; }
.article-content { min-width: 0; }
.article-content > p:first-child { margin-top: 0; color: #293942; font-size: 19px; line-height: 1.72; }
.article-content h2 { margin: 63px 0 19px; font-family: "Arial Narrow","Segoe UI",Arial,sans-serif; font-size: clamp(34px,4vw,52px); line-height: 1; letter-spacing: -.055em; }
.article-content h3 { margin: 37px 0 12px; font-size: 22px; line-height: 1.2; letter-spacing: -.035em; }
.article-content p, .article-content li { color: #46565f; font-size: 16px; line-height: 1.78; }
.article-content p { margin: 0 0 22px; }.article-content ul, .article-content ol { margin: 21px 0 28px; padding-left: 22px; }.article-content li { margin: 9px 0; padding-left: 7px; }.article-content strong { color: var(--ink); }
.article-note { margin: 39px 0; padding: 26px 28px; border-left: 5px solid var(--copper); background: var(--white); }
.article-note strong { display: block; margin-bottom: 8px; font-size: 12px; letter-spacing: .09em; text-transform: uppercase; }.article-note p { margin: 0; font-size: 14px; }
.check-table { width: 100%; min-width: 0; margin: 30px 0; border: 1px solid var(--ink); border-collapse: collapse; background: var(--white); }
.check-table th, .check-table td { padding: 16px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); vertical-align: top; }.check-table th:last-child, .check-table td:last-child { border-right: 0; }.check-table th { color: var(--ink); background: var(--paper-2); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.check-table td { color: #4f5e66; font-size: 13px; line-height: 1.5; }
.article-aside { align-self: start; position: sticky; top: 112px; }.toc, .quick-facts { padding: 22px; border: 1px solid var(--ink); background: var(--white); }.quick-facts { margin-top: 16px; background: var(--sage); }.toc > strong, .quick-facts > strong { display: block; margin-bottom: 17px; font-size: 9px; letter-spacing: .14em; text-transform: uppercase; }.toc ol { margin: 0; padding: 0; list-style: none; }.toc li { border-top: 1px solid var(--line); }.toc a { display: block; padding: 13px 0; color: #485860; font-size: 12px; line-height: 1.35; }.toc a:hover { color: var(--copper-dark); }.quick-facts p { margin: 0; color: var(--ink); font-size: 12px; line-height: 1.56; }
.partner-mention { margin-top: 68px; padding-top: 48px; border-top: 1px solid var(--ink); }.partner-mention small { color: var(--copper-dark); font-size: 9px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; }.partner-mention h2 { margin-top: 12px; }.partner-mention-card { min-height: 190px; display: flex; flex-direction: column; margin-top: 26px; padding: 23px; border: 1px solid var(--ink); background: var(--white); transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }.partner-mention-card:hover { background: var(--sage); box-shadow: 6px 6px 0 var(--ink); transform: translateY(-4px); }.partner-mention-card span { color: #66757d; font: 700 9px/1 "Courier New",monospace; letter-spacing: .09em; text-transform: uppercase; }.partner-mention-card strong { margin: 30px 0 9px; font-size: 25px; letter-spacing: -.045em; }.partner-mention-card strong a { text-decoration: underline; text-decoration-color: var(--copper); text-decoration-thickness: 2px; text-underline-offset: 5px; }.partner-mention-card strong a:hover { color: var(--copper-dark); }.partner-mention-card p { max-width: 620px; margin: 0; font-size: 13px; line-height: 1.55; }.partner-mention-card i { margin-top: auto; align-self: flex-end; font-size: 22px; font-style: normal; }
.related { padding: clamp(65px,7vw,100px) max(5vw,calc((100vw - var(--max))/2 + 72px)); color: var(--paper); background: var(--ink-2); }.related h2 { margin: 0 0 29px; font-size: clamp(34px,4vw,52px); letter-spacing: -.05em; }.related-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(244,239,229,.25); border-left: 1px solid rgba(244,239,229,.25); }.related-grid a { min-height: 145px; display: flex; flex-direction: column; justify-content: space-between; padding: 20px; border-right: 1px solid rgba(244,239,229,.25); border-bottom: 1px solid rgba(244,239,229,.25); font-size: 18px; font-weight: 850; line-height: 1.16; letter-spacing: -.03em; transition: .18s ease; }.related-grid a:hover { color: var(--ink); background: var(--copper); }.related-grid span { align-self: flex-end; font-size: 21px; }
.legal-note { margin-top: 55px; padding: 22px; border: 1px solid var(--line); color: #59666e; background: var(--paper-2); font-size: 12px; line-height: 1.6; }

@media (max-width: 900px) { .article-layout { grid-template-columns: 1fr; }.article-aside { position: static; grid-row: 1; }.toc ol { display: grid; grid-template-columns: repeat(2,1fr); gap: 0 20px; } }
@media (max-width: 620px) { .article-hero { padding: 67px 20px; }.breadcrumbs { margin-bottom: 34px; }.article-hero h1 { font-size: clamp(44px,14vw,65px); }.article-layout { padding: 56px 18px; }.toc ol, .related-grid { grid-template-columns: 1fr; }.article-content > p:first-child { font-size: 17px; }.article-content p, .article-content li { font-size: 15px; }.check-table { display: block; overflow-x: auto; }.related { padding: 58px 18px; } }