/* Articles (/blog/): reading layout on the info-page shell. Scoped to .article-page and .article-index. */
.article-page .article-hero h1{font-size:clamp(2.6rem,5.2vw,4.8rem);max-width:980px}
.article-page .article-meta{color:#aaa2b1;font-size:.86rem;margin:0 0 26px}
.article-page .article-answer{max-width:820px;padding:22px 24px;border:1px solid #c77dff40;border-radius:18px;background:radial-gradient(circle at 95% 0%,#7b2cbf2e,transparent 50%),#ffffff06}
.article-page .article-answer .option-label{margin:0 0 8px}
.article-page .article-answer p:last-child{margin:0;color:#eee7f4;font-size:1.06rem;line-height:1.7}
.article-prose h2{scroll-margin-top:125px;margin-top:44px!important}
.article-prose h3{font-size:1.25rem;color:#fff;letter-spacing:-.02em;margin:28px 0 10px}
.article-prose table{width:100%;border-collapse:collapse;margin:8px 0 24px;font-size:.92rem;display:block;overflow-x:auto}
.article-prose th,.article-prose td{border:1px solid #ffffff1c;padding:10px 12px;text-align:left;vertical-align:top}
.article-prose th{background:#c77dff14;color:#fff}
.article-prose blockquote{margin:0 0 20px;padding:14px 18px;border-left:2px solid #c77dff;background:#c77dff0d;border-radius:0 12px 12px 0}
.article-prose #faq{padding-top:35px;border-top:1px solid #ffffff17}
.article-cta{margin:40px 0 0;padding:30px;border:1px solid #c77dff3a;border-radius:22px;background:radial-gradient(circle at 85% 15%,#7b2cbf33,transparent 45%),linear-gradient(135deg,#20142a,#100d15)}
.article-cta h2{margin-top:6px!important}
.article-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.article-cta-actions a.button{text-decoration:none!important;color:#fff!important}
.info-aside .article-related-title{margin-top:22px!important}
.article-index .article-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:90px}
.article-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(160deg,#ffffff0b,#ffffff03);color:#fff;transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s}
.article-card:hover,.article-card:focus-visible{transform:translateY(-5px);border-color:#c77dff77;box-shadow:0 20px 55px #7b2cbf2b}
.article-card strong{font-size:1.3rem;letter-spacing:-.03em;line-height:1.3}
.article-card span:not(.option-label){color:#aaa4b0;font-size:.92rem;line-height:1.6}
.article-card em{margin-top:auto;font-style:normal;font-size:.8rem;color:#c9bfd3}
.article-index .article-list>.info-intro a{color:#d7a0ff;text-decoration:underline}
@media(prefers-reduced-motion:reduce){.article-card:hover{transform:none}}