.article-page-wrapper{background:var(--color-bg);padding:clamp(1rem,5vw,2rem) clamp(.5rem,2vw,1.5rem) clamp(3rem,6vw,5rem)}.article-page{display:flex;flex-direction:column;gap:clamp(1rem,1.5vw,1.5rem);margin:0 auto;max-width:1200px}.article-breadcrumb ol{color:var(--color-secondary-light);display:flex;flex-wrap:wrap;font-size:.875rem;gap:.5rem;margin-bottom:0}.article-breadcrumb a{color:inherit;text-decoration:none}.article-breadcrumb a:focus,.article-breadcrumb a:hover{color:var(--color-primary);text-decoration:underline}.article-hero{background:var(--color-surface);border-radius:16px;box-shadow:0 24px 48px rgba(34,34,34,.08);padding:clamp(2rem,4vw,3rem)}.article-hero h1{font-size:clamp(2.5rem,4vw,3.1rem);margin-bottom:1rem;text-align:left}.article-hero li,.article-hero p{color:var(--color-secondary);font-size:1.0625rem}.article-hero ul{margin:1.25rem 0 0;padding-left:1.25rem}.article-layout{align-items:start;display:grid;gap:clamp(2rem,5vw,3rem);grid-template-columns:minmax(0,280px) minmax(0,1fr)}.article-layout>aside{align-self:start;position:sticky;top:6.25rem}.article-layout>aside.top2rem{top:2rem!important}.article-toc{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 18px 36px rgba(34,34,34,.06);padding:1.5rem}.article-toc__title{font-family:Amiri,Times New Roman,Garamond,serif;font-size:1.375rem;font-weight:600;margin-bottom:1rem;text-align:center}.article-toc nav{display:grid;gap:.5rem}.article-toc a{border-radius:12px;color:var(--color-secondary);font-weight:500;padding:.65rem .75rem;text-decoration:none;transition:background .2s ease,color .2s ease}.article-toc a.active,.article-toc a:focus,.article-toc a:hover{background:var(--color-surface);color:var(--color-primary)}.article-toc__group{border-left:2px solid rgba(30,136,229,.25);display:grid;gap:.35rem;margin-top:.5rem;padding-left:.75rem}.article-toc__toggle{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:999px;color:var(--color-secondary);display:none;font-weight:600;justify-content:space-between;padding:.6rem 1rem;width:100%}.article-toc__toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.article-content{background:var(--color-surface);border-radius:24px;box-shadow:0 24px 48px rgba(34,34,34,.08);display:flex;flex-direction:column;gap:clamp(2rem,5vw,3rem);padding:clamp(2rem,4vw,3.5rem)}.article-section{display:grid;gap:1.25rem;scroll-margin-top:110px}.article-section header h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-bottom:.25rem}.article-section header p{color:var(--color-secondary);font-size:1.0625rem;margin:0}.article-section h3{font-size:clamp(1.4rem,2.4vw,1.8rem);margin-bottom:.5rem;margin-top:1.25rem}.article-lead{color:var(--color-secondary);font-size:1.125rem}.article-grid{align-items:start;display:grid;gap:1.5rem}@media (min-width:768px){.article-grid--two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:992px){.article-grid--three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}.article-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 16px 32px rgba(34,34,34,.06);display:grid;gap:.75rem;padding:1.5rem}.article-card--accent{background:var(--color-primary);border:none;box-shadow:0 24px 40px rgba(15,95,178,.2);color:#fff}.article-card--accent li,.article-card--accent p{color:inherit}.article-callout{background:var(--color-surface-alt);border-left:4px solid var(--color-primary);border-radius:16px;color:var(--color-secondary);display:grid;gap:.5rem;padding:1.5rem}.article-callout strong{color:var(--color-primary)}.article-steps{counter-reset:article-step;display:grid;gap:1.5rem}.article-steps>li{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:16px;list-style:none;padding:1.5rem 1.5rem 1.5rem 4.5rem;position:relative}.article-steps>li:before{background:var(--color-primary);border-radius:999px;color:#fff;content:counter(article-step);counter-increment:article-step;display:grid;font-weight:600;height:2.25rem;left:1.5rem;place-items:center;position:absolute;top:1.5rem;width:2.25rem}.article-steps ul{margin-top:.75rem;padding-left:1.25rem}.article-stat{display:grid;gap:.25rem}.article-stat__value{color:var(--color-primary);font-family:Amiri,Times New Roman,Garamond,serif;font-size:2.25rem;font-weight:600}.article-links{display:flex;flex-wrap:wrap;gap:.75rem}.article-links .bt,.article-links .btm{min-width:220px;text-align:center}.article-page .bt,.article-page .btm,.article-page .btn-to-a{align-items:center;border-radius:999px;display:inline-flex;font-weight:600;gap:.35rem;justify-content:center;letter-spacing:.01em;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.article-page .btm{background:var(--color-primary);border:1px solid transparent;box-shadow:0 16px 30px rgba(15,95,178,.2);color:#fff}.article-page .btm:focus,.article-page .btm:hover{background:var(--color-primary-dark);box-shadow:0 18px 34px rgba(15,95,178,.24);color:#fff;transform:translateY(-1px)}.article-page .bt{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 12px 24px rgba(34,34,34,.08);color:var(--color-secondary)}.article-page .bt:focus,.article-page .bt:hover{border-color:var(--color-primary);box-shadow:0 16px 32px rgba(34,34,34,.12);color:var(--color-primary);transform:translateY(-1px)}.article-page .btn-to-a{background:rgba(30,136,229,.08);border:1px solid rgba(30,136,229,.35);color:var(--color-primary)}.article-page .btn-to-a:focus,.article-page .btn-to-a:hover{background:rgba(30,136,229,.16);border-color:var(--color-primary);color:var(--color-primary-dark);transform:translateY(-1px)}.article-page .bt:focus,.article-page .btm:focus,.article-page .btn-to-a:focus{outline:2px solid var(--color-primary);outline-offset:2px}.article-figure{display:grid;gap:1rem;justify-items:center}.article-figure img{border-radius:16px;box-shadow:0 18px 36px rgba(34,34,34,.1);max-width:520px;width:100%}.article-figure figcaption{color:var(--color-secondary-light);font-size:.95rem;text-align:center}.article-cta{display:grid;gap:1rem;justify-items:center;text-align:center}.article-cta p{color:var(--color-secondary);font-size:1.125rem}@media (max-width:991.98px){.article-layout{grid-template-columns:minmax(0,1fr)}.article-layout>aside,.article-toc{position:static}.article-toc__toggle{display:inline-flex}.article-steps>li{padding-left:3.5rem}.article-steps>li:before{left:1rem}}@media (max-width:575.98px){.article-page-wrapper{padding:1.5rem .75rem 3rem}.article-content,.article-hero{padding:1.75rem}.article-steps{gap:1.25rem;padding-left:0}.article-steps>li{padding:1.35rem}.article-steps>li:before{left:.95rem}.article-steps li p:first-of-type{margin-top:.25rem;padding-left:2.25rem}.article-page .bt,.article-page .btm,.article-page .btn-to-a{width:100%}}@media (min-width:992px){.article-toc__toggle{display:none}.article-toc.collapse,.article-toc.collapse:not(.show){display:block;height:auto!important;visibility:visible}}