:root {
    --ma-article-ink: #e9f2ff;
    --ma-article-muted: #a8b7d2;
    --ma-article-panel: rgba(10, 20, 45, .82);
    --ma-article-line: rgba(148, 163, 184, .18);
    --ma-article-cyan: #22d3ee;
    --ma-article-blue: #3b82f6;
    --ma-article-violet: #8b5cf6;
    --ma-article-pink: #ec4899;
}

.ma-articles,
.ma-article-detail {
    color: var(--ma-article-ink);
    background:
        radial-gradient(circle at 12% 7%, rgba(34, 211, 238, .09), transparent 28rem),
        radial-gradient(circle at 88% 15%, rgba(139, 92, 246, .12), transparent 34rem),
        linear-gradient(180deg, #071124 0%, #0b1224 42%, #070d1b 100%);
    min-height: 70vh;
}

.ma-articles-hero {
    border-bottom: 1px solid rgba(125, 211, 252, .14);
    background:
        linear-gradient(120deg, rgba(2, 8, 23, .94), rgba(23, 37, 84, .82)),
        repeating-linear-gradient(90deg, transparent 0 79px, rgba(255, 255, 255, .025) 80px);
}

.ma-articles-hero__inner {
    padding-top: clamp(4.5rem, 9vw, 8rem);
    padding-bottom: clamp(3.5rem, 7vw, 6rem);
}

.ma-articles-hero__copy h1,
.ma-article-hero h1 {
    color: #fff;
    text-wrap: balance;
    letter-spacing: -.045em;
    text-shadow: 0 20px 60px rgba(2, 8, 23, .65);
}

.ma-articles-hero__copy h1 {
    max-width: 900px;
    font-size: clamp(2.4rem, 6vw, 5.5rem);
    line-height: .98;
    background: linear-gradient(100deg, #fff 15%, #bae6fd 48%, #c4b5fd 82%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-articles-hero__copy > p {
    max-width: 760px;
    color: #b8c7de;
    font-size: clamp(1rem, 2vw, 1.22rem);
    line-height: 1.8;
}

.ma-articles-eyebrow {
    box-shadow: inset 0 0 0 1px rgba(103, 232, 249, .22), 0 12px 35px rgba(8, 145, 178, .12);
    background: linear-gradient(120deg, rgba(6, 182, 212, .15), rgba(99, 102, 241, .15));
    color: #a5f3fc;
}

.ma-articles-search {
    padding: 1.1rem;
    border: 1px solid rgba(125, 211, 252, .17);
    border-radius: 1.4rem;
    background: rgba(3, 10, 27, .56);
    box-shadow: 0 25px 70px rgba(2, 8, 23, .38);
    backdrop-filter: blur(18px);
}

.ma-articles-search label {
    color: #dbeafe;
}

.ma-articles-search > div {
    border-color: rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .88);
}

.ma-articles-search input {
    color: #fff;
}

.ma-articles-search button {
    border: 0;
    background: linear-gradient(135deg, var(--ma-article-cyan), var(--ma-article-blue) 48%, var(--ma-article-violet));
    color: #fff;
    box-shadow: 0 14px 34px rgba(59, 130, 246, .28);
}

.ma-articles-library {
    padding-top: clamp(2.4rem, 5vw, 4.5rem);
    padding-bottom: clamp(4rem, 8vw, 8rem);
}

.ma-articles-filters {
    gap: .7rem;
    padding: .8rem;
    border: 1px solid var(--ma-article-line);
    border-radius: 1.25rem;
    background: rgba(2, 8, 23, .52);
    box-shadow: 0 22px 60px rgba(2, 8, 23, .2);
}

.ma-articles-filters a {
    border: 1px solid rgba(148, 163, 184, .14);
    color: #bfd0e7;
    background: rgba(15, 23, 42, .68);
    transition: transform .2s ease, border-color .2s ease, background .2s ease, color .2s ease;
}

.ma-articles-filters a:hover,
.ma-articles-filters a[aria-current="page"] {
    transform: translateY(-2px);
    border-color: rgba(103, 232, 249, .48);
    background: linear-gradient(135deg, rgba(6, 182, 212, .24), rgba(99, 102, 241, .24));
    color: #fff;
}

.ma-articles-grid {
    gap: 1.5rem;
}

.ma-article-card {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 1.55rem;
    background:
        linear-gradient(160deg, rgba(17, 29, 58, .96), rgba(8, 16, 35, .96));
    box-shadow: 0 24px 65px rgba(2, 8, 23, .3);
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.ma-article-card:hover {
    transform: translateY(-8px);
    border-color: rgba(103, 232, 249, .36);
    box-shadow: 0 34px 80px rgba(2, 8, 23, .5), 0 0 0 1px rgba(99, 102, 241, .12);
}

.ma-article-card__visual {
    position: relative;
    display: block;
    min-height: 225px;
    isolation: isolate;
    background: #172554;
}

.ma-article-card__visual img {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1), filter .35s ease;
}

.ma-article-card:hover .ma-article-card__visual img {
    transform: scale(1.055);
    filter: saturate(1.16) contrast(1.04);
}

.ma-article-card__shade {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(180deg, rgba(2, 8, 23, .04), rgba(2, 8, 23, .22) 45%, rgba(2, 8, 23, .9)),
        linear-gradient(115deg, rgba(6, 182, 212, .08), rgba(99, 102, 241, .22));
}

.ma-article-card__grid {
    opacity: .32;
    mix-blend-mode: screen;
}

.ma-article-card__icon {
    box-shadow: 0 14px 30px rgba(2, 8, 23, .35);
    backdrop-filter: blur(12px);
}

.ma-article-card__category,
.ma-article-card__featured {
    backdrop-filter: blur(12px);
}

.ma-article-card__body {
    padding: 1.45rem 1.45rem 1.55rem;
}

.ma-article-card__meta {
    color: #8fa5c4;
}

.ma-article-card h2 a {
    color: #f8fbff;
    transition: color .2s ease;
}

.ma-article-card:hover h2 a {
    color: #a5f3fc;
}

.ma-article-card__body p {
    color: #a8b7cf;
    line-height: 1.75;
}

.ma-article-card__cta {
    color: #67e8f9;
}

.ma-article-card.is-featured {
    border-color: rgba(192, 132, 252, .35);
    box-shadow: 0 28px 75px rgba(76, 29, 149, .22);
}

.ma-articles-pagination {
    border: 1px solid var(--ma-article-line);
    background: rgba(2, 8, 23, .62);
}

.ma-articles-pagination a {
    background: linear-gradient(135deg, #0891b2, #4f46e5);
    color: #fff;
}

.ma-articles-notice {
    border: 1px solid rgba(56, 189, 248, .22);
    background: linear-gradient(135deg, rgba(8, 47, 73, .42), rgba(30, 27, 75, .5));
    color: #c8d8ec;
}

.ma-article-reading-progress {
    position: fixed;
    z-index: 10050;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    transform: scaleX(0);
    transform-origin: left center;
    background: linear-gradient(90deg, var(--ma-article-cyan), var(--ma-article-blue), var(--ma-article-violet), var(--ma-article-pink));
    box-shadow: 0 0 22px rgba(34, 211, 238, .65);
}

.ma-article-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid rgba(125, 211, 252, .12);
    background:
        radial-gradient(circle at 20% 0%, rgba(34, 211, 238, .14), transparent 34rem),
        radial-gradient(circle at 90% 35%, rgba(139, 92, 246, .17), transparent 36rem),
        linear-gradient(145deg, #030817 0%, #0b1b3b 52%, #17133c 100%);
}

.ma-article-hero__inner {
    padding-top: clamp(3rem, 7vw, 6.5rem);
    padding-bottom: clamp(3rem, 6vw, 5.5rem);
}

.ma-article-hero__grid {
    align-items: center;
    gap: clamp(2rem, 5vw, 5rem);
}

.ma-article-hero h1 {
    max-width: 900px;
    font-size: clamp(2.25rem, 5.4vw, 5rem);
    line-height: 1.02;
    background: linear-gradient(105deg, #fff 12%, #dbeafe 52%, #c4b5fd);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-article-hero h1 + p {
    color: #b8c7dd;
    font-size: clamp(1rem, 1.6vw, 1.18rem);
    line-height: 1.8;
}

.ma-article-breadcrumb,
.ma-article-breadcrumb a {
    color: #93a8c7;
}

.ma-article-byline {
    flex-wrap: wrap;
}

.ma-article-byline span,
.ma-article-byline time {
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(15, 23, 42, .5);
    color: #c2d3e9;
}

.ma-article-hero__media {
    position: relative;
}

.ma-article-hero__media figure {
    position: relative;
    overflow: hidden;
    margin: 0;
    aspect-ratio: 1200 / 630;
    border: 1px solid rgba(191, 219, 254, .22);
    border-radius: 1.7rem;
    background: #111c3d;
    box-shadow: 0 35px 90px rgba(2, 8, 23, .55), 0 0 0 8px rgba(255, 255, 255, .025);
}

.ma-article-hero__media figure::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 50%, rgba(2, 8, 23, .25));
    pointer-events: none;
}

.ma-article-hero__media figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ma-article-hero__card {
    position: relative;
    z-index: 2;
    width: calc(100% - 2rem);
    margin: -2.1rem auto 0;
    border: 1px solid rgba(125, 211, 252, .2);
    background: rgba(5, 13, 30, .86);
    box-shadow: 0 22px 55px rgba(2, 8, 23, .48);
    backdrop-filter: blur(18px);
}

.ma-article-layout {
    gap: clamp(2rem, 5vw, 5rem);
    padding-top: clamp(3rem, 6vw, 6rem);
    padding-bottom: clamp(3rem, 7vw, 7rem);
}

.ma-article-aside__box {
    border: 1px solid var(--ma-article-line);
    background: rgba(8, 16, 35, .8);
    box-shadow: 0 22px 55px rgba(2, 8, 23, .25);
    backdrop-filter: blur(15px);
}

.ma-article-aside__box > span {
    color: #a5f3fc;
}

.ma-article-aside__box a {
    color: #aebed6;
}

.ma-article-aside__box a:hover {
    color: #67e8f9;
}

.ma-article-prose {
    border: 1px solid rgba(148, 163, 184, .14);
    border-radius: 1.7rem;
    padding: clamp(1.45rem, 4vw, 3.5rem);
    background:
        linear-gradient(160deg, rgba(15, 28, 55, .92), rgba(6, 13, 29, .95));
    box-shadow: 0 30px 80px rgba(2, 8, 23, .32);
    color: #cbd8e8;
}

.ma-article-prose h2 {
    margin-top: 2.7rem;
    color: #f8fbff;
    letter-spacing: -.025em;
}

.ma-article-prose h3 {
    margin-top: 2rem;
    color: #c4b5fd;
}

.ma-article-prose p,
.ma-article-prose li {
    color: #c1cee0;
    font-size: 1.04rem;
    line-height: 1.9;
}

.ma-article-prose strong {
    color: #f8fbff;
}

.ma-article-prose a {
    color: #67e8f9;
    text-decoration-color: rgba(103, 232, 249, .35);
    text-underline-offset: .18em;
}

.ma-article-prose ul,
.ma-article-prose ol {
    padding: 1.1rem 1.2rem 1.1rem 2.3rem;
    border-left: 3px solid rgba(34, 211, 238, .45);
    border-radius: 0 1rem 1rem 0;
    background: rgba(15, 23, 42, .62);
}

.ma-article-prose blockquote {
    border: 1px solid rgba(167, 139, 250, .25);
    border-left: 4px solid #8b5cf6;
    border-radius: 0 1.2rem 1.2rem 0;
    background: linear-gradient(135deg, rgba(76, 29, 149, .2), rgba(8, 145, 178, .12));
    color: #e0e7ff;
}

.ma-article-tags span {
    border-color: rgba(103, 232, 249, .2);
    background: rgba(8, 47, 73, .38);
    color: #a5f3fc;
}

.ma-article-cta {
    overflow: hidden;
    border: 1px solid rgba(125, 211, 252, .2);
    background:
        radial-gradient(circle at 90% 10%, rgba(236, 72, 153, .18), transparent 20rem),
        linear-gradient(135deg, rgba(8, 145, 178, .25), rgba(79, 70, 229, .25));
    box-shadow: 0 28px 75px rgba(2, 8, 23, .35);
}

.ma-article-cta h2 {
    color: #fff;
}

.ma-article-cta p {
    color: #bdcce1;
}

.ma-article-related {
    border-top: 1px solid rgba(148, 163, 184, .12);
    background: rgba(2, 8, 23, .5);
}

.ma-article-related header h2 {
    color: #fff;
}

.ma-article-related__grid > article {
    overflow: hidden;
    border: 1px solid rgba(148, 163, 184, .15);
    background: linear-gradient(155deg, rgba(17, 29, 58, .96), rgba(8, 16, 35, .98));
    box-shadow: 0 24px 65px rgba(2, 8, 23, .24);
}

.ma-article-related__image {
    display: block;
    overflow: hidden;
    margin: -1.3rem -1.3rem 1.1rem;
    aspect-ratio: 1200 / 630;
}

.ma-article-related__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.ma-article-related__grid > article:hover .ma-article-related__image img {
    transform: scale(1.045);
}

.ma-article-related__grid h3 a {
    color: #f8fbff;
}

.ma-article-related__grid p {
    color: #aab9cf;
}

@media (max-width: 991px) {
    .ma-article-hero__grid {
        grid-template-columns: 1fr;
    }

    .ma-article-hero__media {
        max-width: 760px;
    }

    .ma-article-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .ma-articles-hero__inner {
        padding-top: 3.5rem;
    }

    .ma-articles-filters {
        margin-inline: -.25rem;
        padding: .65rem;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .ma-articles-filters a {
        flex: 0 0 auto;
    }

    .ma-article-card__visual {
        min-height: 205px;
    }

    .ma-article-hero__card {
        width: calc(100% - 1rem);
    }

    .ma-article-prose {
        border-radius: 1.2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ma-article-card,
    .ma-article-card__visual img,
    .ma-article-related__image img {
        transition: none !important;
    }
}

/* 2026-07-29 light editorial theme */
.ma-articles,
.ma-article-detail {
    --ma-article-ink: #172033;
    --ma-article-muted: #5e6c84;
    --ma-article-panel: rgba(255, 255, 255, .94);
    --ma-article-line: rgba(71, 85, 105, .15);
    color: #243047;
    background:
        radial-gradient(circle at 7% 3%, rgba(34, 211, 238, .12), transparent 27rem),
        radial-gradient(circle at 94% 12%, rgba(139, 92, 246, .11), transparent 34rem),
        linear-gradient(180deg, #f8fbff 0%, #f3f7ff 48%, #ffffff 100%);
}

.ma-articles-hero {
    border-bottom-color: rgba(79, 70, 229, .13);
    background:
        radial-gradient(circle at 12% 8%, rgba(34, 211, 238, .22), transparent 29rem),
        radial-gradient(circle at 88% 18%, rgba(139, 92, 246, .19), transparent 32rem),
        linear-gradient(128deg, #f8fdff 0%, #eef5ff 48%, #f5f1ff 100%);
}

.ma-articles-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(79, 70, 229, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(79, 70, 229, .035) 1px, transparent 1px);
    background-size: 72px 72px;
}

.ma-articles-hero__copy h1 {
    text-shadow: none;
    background: linear-gradient(100deg, #15233c 10%, #075985 49%, #5b21b6 88%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-articles-hero__copy > p {
    color: #50617b;
}

.ma-articles-eyebrow {
    border-color: rgba(79, 70, 229, .17);
    background: rgba(255, 255, 255, .72);
    color: #4338ca;
    box-shadow: 0 14px 35px rgba(79, 70, 229, .09);
    backdrop-filter: blur(14px);
}

.ma-articles-hero__meta span,
.ma-articles-hero__meta a {
    border-color: rgba(71, 85, 105, .14);
    background: rgba(255, 255, 255, .75);
    color: #34445e;
    box-shadow: 0 10px 28px rgba(51, 65, 85, .07);
}

.ma-articles-hero__meta strong {
    color: #4f46e5;
}

.ma-articles-search {
    border-color: rgba(79, 70, 229, .14);
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 25px 65px rgba(51, 65, 85, .11);
}

.ma-articles-search label {
    color: #25324a;
}

.ma-articles-search > div {
    border-color: rgba(71, 85, 105, .17);
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .8);
}

.ma-articles-search input {
    color: #182238;
}

.ma-articles-search input::placeholder {
    color: #8a97aa;
}

.ma-articles-filters {
    border-color: rgba(71, 85, 105, .13);
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 18px 48px rgba(51, 65, 85, .09);
}

.ma-articles-filters a {
    border-color: rgba(71, 85, 105, .13);
    color: #506078;
    background: #f7f9fd;
}

.ma-articles-filters a:hover,
.ma-articles-filters a[aria-current="page"] {
    border-color: rgba(79, 70, 229, .28);
    color: #3730a3;
    background: linear-gradient(135deg, #e6faff, #eeebff);
    box-shadow: 0 10px 24px rgba(79, 70, 229, .09);
}

.ma-article-card {
    border-color: rgba(71, 85, 105, .13);
    background: #fff;
    box-shadow: 0 22px 55px rgba(51, 65, 85, .1);
}

.ma-article-card:hover {
    border-color: rgba(79, 70, 229, .27);
    box-shadow: 0 30px 65px rgba(51, 65, 85, .16), 0 0 0 1px rgba(99, 102, 241, .06);
}

.ma-article-card__body {
    background: linear-gradient(180deg, #ffffff, #fbfcff);
}

.ma-article-card__meta {
    color: #718096;
}

.ma-article-card h2 a {
    color: #172033;
}

.ma-article-card:hover h2 a {
    color: #4338ca;
}

.ma-article-card__body p {
    color: #637089;
}

.ma-article-card__cta {
    color: #4f46e5;
}

.ma-article-card.is-featured {
    border-color: rgba(124, 58, 237, .22);
    background: linear-gradient(180deg, #fff, #fbf9ff);
    box-shadow: 0 26px 60px rgba(109, 40, 217, .12);
}

.ma-articles-pagination {
    border-color: rgba(71, 85, 105, .14);
    background: #fff;
    color: #526078;
    box-shadow: 0 16px 40px rgba(51, 65, 85, .08);
}

.ma-articles-notice {
    border-color: rgba(14, 116, 144, .17);
    background: linear-gradient(135deg, #ecfeff, #eef2ff);
    color: #42536c;
}

.ma-articles-notice strong {
    color: #164e63;
}

.ma-articles-empty {
    border-color: rgba(71, 85, 105, .14);
    background: #fff;
    color: #53627a;
    box-shadow: 0 20px 55px rgba(51, 65, 85, .09);
}

.ma-articles-empty h1,
.ma-articles-empty h2 {
    color: #182238;
}

.ma-article-hero {
    border-bottom-color: rgba(79, 70, 229, .13);
    background:
        radial-gradient(circle at 16% 0%, rgba(34, 211, 238, .18), transparent 32rem),
        radial-gradient(circle at 92% 28%, rgba(139, 92, 246, .16), transparent 34rem),
        linear-gradient(145deg, #fbfdff 0%, #edf6ff 54%, #f6f1ff 100%);
}

.ma-article-hero__mesh {
    opacity: .35;
}

.ma-article-hero h1 {
    text-shadow: none;
    background: linear-gradient(105deg, #172033 8%, #075985 52%, #5b21b6);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ma-article-hero h1 + p {
    color: #53637b;
}

.ma-article-breadcrumb,
.ma-article-breadcrumb a {
    color: #687890;
}

.ma-article-breadcrumb a:hover {
    color: #4338ca;
}

.ma-article-byline span,
.ma-article-byline time {
    border-color: rgba(71, 85, 105, .13);
    background: rgba(255, 255, 255, .72);
    color: #53627a;
}

.ma-article-hero__media figure {
    border-color: rgba(79, 70, 229, .16);
    background: #eef2ff;
    box-shadow: 0 30px 70px rgba(51, 65, 85, .18), 0 0 0 8px rgba(255, 255, 255, .45);
}

.ma-article-hero__card {
    border-color: rgba(79, 70, 229, .15);
    background: rgba(255, 255, 255, .92);
    color: #26334b;
    box-shadow: 0 20px 48px rgba(51, 65, 85, .15);
}

.ma-article-hero__card strong {
    color: #26334b;
}

.ma-article-hero__card a {
    color: #fff;
    background: linear-gradient(135deg, #0891b2, #4f46e5);
}

.ma-article-aside__box {
    border-color: rgba(71, 85, 105, .13);
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 18px 45px rgba(51, 65, 85, .09);
}

.ma-article-aside__box > span {
    color: #4338ca;
}

.ma-article-aside__box a {
    color: #5b6980;
}

.ma-article-aside__box a:hover {
    color: #4338ca;
    background: #eef2ff;
}

.ma-article-prose {
    border-color: rgba(71, 85, 105, .13);
    background: #fff;
    box-shadow: 0 24px 65px rgba(51, 65, 85, .1);
    color: #35435a;
}

.ma-article-prose h2 {
    color: #172033;
}

.ma-article-prose h3 {
    color: #5b21b6;
}

.ma-article-prose p,
.ma-article-prose li {
    color: #45546b;
}

.ma-article-prose strong {
    color: #182238;
}

.ma-article-prose a {
    color: #4338ca;
    text-decoration-color: rgba(79, 70, 229, .28);
}

.ma-article-prose ul,
.ma-article-prose ol {
    border-left-color: #22b8cf;
    background: #f6f9fd;
}

.ma-article-prose blockquote {
    border-color: rgba(124, 58, 237, .17);
    border-left-color: #7c3aed;
    background: linear-gradient(135deg, #faf5ff, #ecfeff);
    color: #3d4660;
}

.ma-article-tags span {
    border-color: rgba(79, 70, 229, .15);
    background: #eef2ff;
    color: #4338ca;
}

.ma-article-cta {
    border-color: rgba(79, 70, 229, .16);
    background:
        radial-gradient(circle at 90% 10%, rgba(236, 72, 153, .1), transparent 20rem),
        linear-gradient(135deg, #ecfeff, #eef2ff 58%, #faf5ff);
    box-shadow: 0 24px 60px rgba(51, 65, 85, .11);
}

.ma-article-cta h2 {
    color: #172033;
}

.ma-article-cta p {
    color: #596980;
}

.ma-article-cta a {
    color: #fff;
}

.ma-article-cta a + a {
    color: #4338ca;
    border-color: rgba(79, 70, 229, .2);
    background: #fff;
}

.ma-article-related {
    border-top-color: rgba(71, 85, 105, .12);
    background: linear-gradient(180deg, #f5f8ff, #ffffff);
}

.ma-article-related header > span {
    color: #4f46e5;
}

.ma-article-related header h2 {
    color: #172033;
}

.ma-article-related header p {
    color: #617089;
}

.ma-article-related__grid > article {
    border-color: rgba(71, 85, 105, .13);
    background: #fff;
    box-shadow: 0 20px 52px rgba(51, 65, 85, .1);
}

.ma-article-related__grid h3 a {
    color: #172033;
}

.ma-article-related__grid p {
    color: #627089;
}

/* 2026-07-29 compact editorial heroes */
@keyframes maArticleHeroDrift {
    0%,
    100% {
        transform: translate3d(-2%, -1%, 0) scale(1);
    }
    50% {
        transform: translate3d(3%, 2%, 0) scale(1.06);
    }
}

.ma-articles-hero {
    position: relative;
    overflow: hidden;
}

.ma-articles-hero__inner {
    position: relative;
    z-index: 1;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .75fr);
    align-items: center;
    gap: clamp(2rem, 4vw, 4rem);
    padding-top: clamp(3rem, 5vw, 4.5rem);
    padding-bottom: clamp(2.75rem, 4.5vw, 4rem);
}

.ma-articles-hero__copy {
    max-width: 760px;
}

.ma-articles-hero__copy h1 {
    max-width: 760px;
    margin-bottom: .9rem;
    font-size: clamp(2.35rem, 4.45vw, 4.25rem);
    line-height: 1.01;
}

.ma-articles-hero__copy > p {
    max-width: 680px;
    margin-bottom: 1.15rem;
    font-size: clamp(.98rem, 1.45vw, 1.14rem);
    line-height: 1.62;
}

.ma-articles-hero__meta {
    gap: .6rem;
}

.ma-articles-search {
    width: 100%;
    max-width: 430px;
    justify-self: end;
}

.ma-article-hero::before,
.ma-article-hero::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(1px);
}

.ma-article-hero::before {
    width: clamp(20rem, 38vw, 38rem);
    height: clamp(20rem, 38vw, 38rem);
    left: -12rem;
    top: -18rem;
    background: radial-gradient(circle, rgba(14, 116, 144, .14), rgba(30, 64, 175, .055) 48%, transparent 72%);
    animation: maArticleHeroDrift 16s ease-in-out infinite;
}

.ma-article-hero::after {
    width: clamp(24rem, 42vw, 42rem);
    height: clamp(24rem, 42vw, 42rem);
    right: -15rem;
    bottom: -23rem;
    background: radial-gradient(circle, rgba(91, 33, 182, .16), rgba(67, 56, 202, .055) 50%, transparent 72%);
    animation: maArticleHeroDrift 19s ease-in-out infinite reverse;
}

.ma-article-hero__mesh {
    position: absolute;
    z-index: 0;
    inset: -18%;
    opacity: .42;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 38%, rgba(14, 116, 144, .09), transparent 27%),
        radial-gradient(circle at 76% 62%, rgba(91, 33, 182, .1), transparent 30%),
        linear-gradient(rgba(30, 64, 175, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(91, 33, 182, .035) 1px, transparent 1px);
    background-size: auto, auto, 70px 70px, 70px 70px;
    animation: maArticleHeroDrift 22s ease-in-out infinite;
}

.ma-article-hero__inner {
    position: relative;
    z-index: 1;
    padding-top: clamp(1.9rem, 3.5vw, 3rem);
    padding-bottom: clamp(2rem, 3.6vw, 3.15rem);
}

.ma-article-hero__grid {
    gap: clamp(1.75rem, 4vw, 4rem);
}

.ma-article-hero h1 {
    max-width: 820px;
    margin-top: .8rem;
    margin-bottom: .85rem;
    font-size: clamp(2.1rem, 4.05vw, 3.85rem);
    line-height: 1.015;
}

.ma-article-hero h1 + p {
    max-width: 810px;
    margin-bottom: 1rem;
    font-size: clamp(.96rem, 1.35vw, 1.08rem);
    line-height: 1.58;
}

.ma-article-byline {
    gap: .5rem;
}

.ma-article-byline span,
.ma-article-byline time {
    padding: .55rem .78rem;
}

.ma-article-hero__media {
    max-width: 220px;
    justify-self: end;
}

.ma-article-hero__media figure {
    border-radius: 1.35rem;
}

.ma-article-hero__card {
    margin-top: -1.55rem;
}

@media (max-width: 991px) {
    .ma-articles-hero__inner {
        grid-template-columns: 1fr;
    }

    .ma-articles-search {
        max-width: 680px;
        justify-self: start;
    }

    .ma-article-hero__media {
        width: min(100%, 420px);
        max-width: 420px;
        justify-self: start;
    }
}

@media (max-width: 640px) {
    .ma-articles-hero__inner {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .ma-articles-hero__copy h1 {
        font-size: clamp(2.2rem, 12vw, 3.35rem);
    }

    .ma-article-hero__inner {
        padding-top: 1.5rem;
        padding-bottom: 2.25rem;
    }

    .ma-article-hero h1 {
        font-size: clamp(2rem, 10.5vw, 3rem);
    }
}

@media (prefers-reduced-motion: reduce) {
    .ma-article-hero::before,
    .ma-article-hero::after,
    .ma-article-hero__mesh {
        animation: none !important;
    }
}

.ma-article-related__grid > article > span,
.ma-article-related__grid > article > a:last-child {
    color: #4f46e5;
}

/* 2026-07-29 editorial discovery upgrade */
.ma-articles-spotlight {
    margin-top: clamp(1.5rem, 3vw, 2.5rem);
    padding: clamp(1rem, 2vw, 1.35rem);
    border: 1px solid rgba(79, 70, 229, .13);
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at 95% 0, rgba(139, 92, 246, .11), transparent 19rem),
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(244, 248, 255, .95));
    box-shadow: 0 22px 60px rgba(51, 65, 85, .1);
}

.ma-articles-spotlight > header,
.ma-articles-toolbar {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
}

.ma-articles-spotlight > header {
    padding: .15rem .2rem 1rem;
}

.ma-articles-spotlight > header span,
.ma-articles-toolbar > div:first-child > span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .35rem;
    color: #4f46e5;
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ma-articles-spotlight > header h2,
.ma-articles-toolbar h2 {
    margin: 0;
    color: #172033;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
    font-weight: 900;
    letter-spacing: -.035em;
}

.ma-articles-spotlight > header > p {
    max-width: 440px;
    margin: 0;
    color: #637089;
    font-size: .9rem;
    line-height: 1.55;
}

.ma-articles-spotlight__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(250px, .72fr);
    grid-template-rows: repeat(2, minmax(145px, 1fr));
    gap: .9rem;
}

.ma-spotlight-card {
    min-width: 0;
    overflow: hidden;
    border-radius: 1.25rem;
    box-shadow: 0 17px 40px rgba(15, 23, 42, .15);
}

.ma-spotlight-card.is-primary {
    grid-row: 1 / 3;
}

.ma-spotlight-card > a {
    position: relative;
    display: block;
    height: 100%;
    min-height: 155px;
    overflow: hidden;
    color: #fff;
    isolation: isolate;
}

.ma-spotlight-card.is-primary > a {
    min-height: 330px;
}

.ma-spotlight-card img {
    position: absolute;
    z-index: -2;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.2, .8, .2, 1), filter .3s ease;
}

.ma-spotlight-card:hover img {
    transform: scale(1.045);
    filter: saturate(1.08);
}

.ma-spotlight-card__overlay {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(15, 23, 42, .05) 16%, rgba(15, 23, 42, .82) 100%),
        linear-gradient(115deg, rgba(8, 145, 178, .12), rgba(79, 70, 229, .22));
}

.ma-spotlight-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    gap: .55rem;
    padding: 1.1rem;
}

.ma-spotlight-card.is-primary .ma-spotlight-card__content {
    padding: clamp(1.3rem, 3vw, 2rem);
}

.ma-spotlight-card__category,
.ma-spotlight-card__meta {
    display: inline-flex;
    width: max-content;
    max-width: 100%;
    align-items: center;
    gap: .42rem;
    font-size: .7rem;
    font-weight: 850;
}

.ma-spotlight-card__category {
    padding: .38rem .58rem;
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 999px;
    background: rgba(15, 23, 42, .34);
    backdrop-filter: blur(10px);
}

.ma-spotlight-card strong {
    max-width: 760px;
    color: #fff;
    font-size: clamp(1.02rem, 1.8vw, 1.55rem);
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.ma-spotlight-card.is-primary strong {
    font-size: clamp(1.45rem, 3vw, 2.45rem);
}

.ma-spotlight-card__meta {
    color: rgba(255, 255, 255, .84);
}

.ma-spotlight-card__meta i {
    margin-left: .15rem;
    transition: transform .2s ease;
}

.ma-spotlight-card:hover .ma-spotlight-card__meta i {
    transform: translateX(4px);
}

.ma-articles-toolbar {
    margin-top: clamp(2rem, 4vw, 3.5rem);
    margin-bottom: 1rem;
    padding: 0 .15rem;
}

.ma-articles-toolbar h2 {
    display: inline;
}

.ma-articles-toolbar > div:first-child > p {
    display: inline;
    margin: 0 0 0 .55rem;
    color: #718096;
    font-size: .78rem;
}

.ma-articles-toolbar > div:first-child > p strong {
    color: #4338ca;
}

.ma-articles-toolbar__actions,
.ma-articles-view-toggle {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.ma-articles-toolbar__actions > button,
.ma-articles-view-toggle {
    min-height: 42px;
    border: 1px solid rgba(71, 85, 105, .14);
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 10px 25px rgba(51, 65, 85, .07);
}

.ma-articles-toolbar__actions button {
    display: inline-flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .55rem .75rem;
    border: 0;
    border-radius: .75rem;
    background: transparent;
    color: #59677d;
    font-size: .76rem;
    font-weight: 850;
    cursor: pointer;
}

.ma-articles-toolbar__actions button:hover,
.ma-articles-toolbar__actions button[aria-pressed="true"] {
    background: linear-gradient(135deg, #ecfeff, #eeebff);
    color: #4338ca;
}

.ma-articles-toolbar__actions button b {
    display: grid;
    min-width: 19px;
    height: 19px;
    place-items: center;
    padding: 0 .3rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #4338ca;
    font-size: .62rem;
}

.ma-article-card {
    position: relative;
}

.ma-article-card__save {
    position: absolute;
    z-index: 5;
    top: .8rem;
    right: .8rem;
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 12px;
    background: rgba(255, 255, 255, .88);
    color: #334155;
    box-shadow: 0 10px 28px rgba(15, 23, 42, .18);
    backdrop-filter: blur(12px);
    cursor: pointer;
    transition: transform .2s ease, color .2s ease, background .2s ease;
}

.ma-article-card__save:hover {
    transform: translateY(-2px);
}

.ma-article-card__save[aria-pressed="true"] {
    background: #4f46e5;
    color: #fff;
}

.ma-articles-grid[data-view="list"] {
    grid-template-columns: 1fr;
}

.ma-articles-grid[data-view="list"] .ma-article-card {
    display: grid;
    grid-template-columns: minmax(230px, 31%) minmax(0, 1fr);
}

.ma-articles-grid[data-view="list"] .ma-article-card__visual {
    min-height: 230px;
}

.ma-articles-grid[data-view="list"] .ma-article-card__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ma-articles-saved-empty {
    padding: 2.5rem;
    border: 1px dashed rgba(79, 70, 229, .25);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .78);
    color: #637089;
    text-align: center;
}

.ma-articles-saved-empty i {
    margin-bottom: .75rem;
    color: #6366f1;
    font-size: 1.8rem;
}

.ma-articles-pagination__numbers {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.ma-articles-pagination__numbers a {
    display: grid;
    min-width: 34px;
    height: 34px;
    place-items: center;
    padding: 0 .4rem;
    border-radius: .7rem;
    color: #59677d;
    text-decoration: none;
}

.ma-articles-pagination__numbers a:hover,
.ma-articles-pagination__numbers a[aria-current="page"] {
    background: linear-gradient(135deg, #e6faff, #eeebff);
    color: #3730a3;
}

.ma-articles-pagination__numbers a[aria-current="page"] {
    box-shadow: inset 0 0 0 1px rgba(79, 70, 229, .18);
    font-weight: 900;
}

.ma-articles-pagination__numbers i {
    color: #94a3b8;
    font-style: normal;
}

@media (max-width: 820px) {
    .ma-articles-spotlight__grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
    }

    .ma-spotlight-card.is-primary {
        grid-column: 1 / 3;
        grid-row: auto;
    }

    .ma-articles-toolbar {
        align-items: center;
    }

    .ma-articles-grid[data-view="list"] .ma-article-card {
        grid-template-columns: minmax(180px, 38%) minmax(0, 1fr);
    }

    .ma-articles-pagination__numbers a:not([aria-current="page"]):not(:first-of-type):not(:last-of-type),
    .ma-articles-pagination__numbers i {
        display: none;
    }
}

@media (max-width: 640px) {
    .ma-articles-spotlight > header,
    .ma-articles-toolbar {
        align-items: flex-start;
        flex-direction: column;
        gap: .8rem;
    }

    .ma-articles-spotlight > header > p {
        font-size: .82rem;
    }

    .ma-articles-spotlight__grid {
        grid-template-columns: 1fr;
    }

    .ma-spotlight-card.is-primary {
        grid-column: auto;
    }

    .ma-spotlight-card.is-primary > a,
    .ma-spotlight-card > a {
        min-height: 235px;
    }

    .ma-articles-toolbar__actions {
        width: 100%;
        justify-content: space-between;
    }

    .ma-articles-grid[data-view="list"] .ma-article-card {
        display: block;
    }

    .ma-articles-grid[data-view="list"] .ma-article-card__visual {
        min-height: 190px;
    }

    .ma-articles-pagination {
        flex-wrap: wrap;
        justify-content: center;
    }

    .ma-articles-pagination__numbers {
        order: -1;
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ma-spotlight-card img,
    .ma-spotlight-card__meta i,
    .ma-article-card__save {
        transition: none !important;
    }
}


/* 2026-08-09 · four-card editorial grid and enriched depth */
@media (min-width:1200px){
  .ma-articles-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
  .ma-articles-spotlight__grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr;gap:1rem}
  .ma-spotlight-card.is-primary{grid-row:auto}
  .ma-spotlight-card>a,.ma-spotlight-card.is-primary>a{min-height:266px;padding:1.25rem}
  .ma-spotlight-card strong,.ma-spotlight-card.is-primary strong{font-size:clamp(1rem,1.24vw,1.28rem);line-height:1.16}
  .ma-article-card__visual{min-height:186px}
  .ma-article-card__body{padding:1.12rem 1.12rem 1.28rem}
  .ma-article-card h2{font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.22}
}
.ma-article-card,.ma-spotlight-card{box-shadow:0 24px 60px rgba(15,23,42,.14),0 8px 24px rgba(79,70,229,.09)}
.ma-article-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.74)}
.ma-article-card:hover,.ma-spotlight-card:hover{box-shadow:0 34px 78px rgba(15,23,42,.19),0 12px 32px rgba(79,70,229,.16)}
@media (prefers-reduced-motion:reduce){.ma-article-card,.ma-spotlight-card{transition:none!important}}

/* 2026-08-09 · enriched articles hero aurora */
@keyframes maArticlesAuroraOrbit {
  0%,100%{transform:translate3d(0,0,0) rotate(-8deg) scale(1)}
  50%{transform:translate3d(-4%,5%,0) rotate(9deg) scale(1.08)}
}
@keyframes maArticlesConstellationFloat {
  0%,100%{transform:translate3d(0,0,0);opacity:.56}
  50%{transform:translate3d(14px,-9px,0);opacity:.9}
}
@keyframes maArticlesFrameDrift {
  0%,100%{transform:rotate(14deg) translate3d(0,0,0)}
  50%{transform:rotate(20deg) translate3d(10px,-8px,0)}
}
.ma-articles-hero{
  isolation:isolate;
  border-bottom-color:rgba(67,56,202,.19);
  background:
    radial-gradient(circle at 9% 18%,rgba(34,211,238,.34) 0,rgba(34,211,238,.12) 18%,transparent 38%),
    radial-gradient(circle at 86% 14%,rgba(124,58,237,.30) 0,rgba(124,58,237,.12) 20%,transparent 42%),
    radial-gradient(circle at 60% 92%,rgba(59,130,246,.20) 0,transparent 34%),
    linear-gradient(132deg,#f3fbff 0%,#dfeaff 43%,#ebe6ff 73%,#f8fbff 100%);
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.75),inset 0 -34px 72px rgba(79,70,229,.055),0 24px 70px rgba(30,64,175,.08);
}
.ma-articles-hero::before{
  z-index:0;
  opacity:.78;
  background-image:
    linear-gradient(rgba(49,46,129,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,46,129,.055) 1px,transparent 1px),
    radial-gradient(circle,rgba(37,99,235,.18) 1.25px,transparent 1.6px);
  background-size:64px 64px,64px 64px,32px 32px;
  -webkit-mask-image:linear-gradient(100deg,rgba(0,0,0,.86),rgba(0,0,0,.26) 58%,rgba(0,0,0,.72));
  mask-image:linear-gradient(100deg,rgba(0,0,0,.86),rgba(0,0,0,.26) 58%,rgba(0,0,0,.72));
}
.ma-articles-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(30rem,52vw,54rem);
  aspect-ratio:1;
  right:clamp(-19rem,-13vw,-8rem);
  top:clamp(-25rem,-24vw,-12rem);
  border-radius:50%;
  pointer-events:none;
  opacity:.48;
  filter:blur(38px);
  background:conic-gradient(from 210deg,rgba(14,165,233,.48),rgba(99,102,241,.42),rgba(168,85,247,.34),rgba(14,165,233,.48));
  mix-blend-mode:multiply;
  animation:maArticlesAuroraOrbit 18s ease-in-out infinite;
}
.ma-articles-hero__inner{
  z-index:2;
}
.ma-articles-hero__inner::before{
  content:"";
  position:absolute;
  z-index:0;
  left:52%;
  top:24%;
  width:5px;
  height:5px;
  border-radius:50%;
  pointer-events:none;
  background:rgba(255,255,255,.95);
  box-shadow:
    46px 78px 0 1px rgba(59,130,246,.30),
    112px -18px 0 2px rgba(255,255,255,.72),
    184px 112px 0 1px rgba(99,102,241,.34),
    268px 22px 0 2px rgba(255,255,255,.76),
    346px 146px 0 1px rgba(14,165,233,.34),
    422px 66px 0 2px rgba(255,255,255,.68),
    506px 182px 0 1px rgba(124,58,237,.28);
  animation:maArticlesConstellationFloat 9s ease-in-out infinite;
}
.ma-articles-hero__inner::after{
  content:"";
  position:absolute;
  z-index:0;
  right:31%;
  bottom:13%;
  width:clamp(5rem,8vw,8rem);
  aspect-ratio:1;
  border:1px solid rgba(79,70,229,.18);
  border-radius:28px;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(129,140,248,.08));
  box-shadow:16px 20px 48px rgba(79,70,229,.10),inset 0 1px 0 rgba(255,255,255,.72);
  animation:maArticlesFrameDrift 13s ease-in-out infinite;
}
.ma-articles-hero__copy,
.ma-articles-search{
  position:relative;
  z-index:2;
}
.ma-articles-hero__copy h1{
  text-shadow:0 18px 38px rgba(30,64,175,.12);
}
.ma-articles-eyebrow{
  border:1px solid rgba(79,70,229,.16);
  background:linear-gradient(120deg,rgba(255,255,255,.86),rgba(238,242,255,.68));
  box-shadow:0 14px 36px rgba(67,56,202,.11),inset 0 1px 0 rgba(255,255,255,.86);
}
.ma-articles-hero__meta span,
.ma-articles-hero__meta a{
  border-color:rgba(67,56,202,.15);
  background:linear-gradient(140deg,rgba(255,255,255,.88),rgba(238,242,255,.72));
  box-shadow:0 13px 32px rgba(30,64,175,.10),inset 0 1px 0 rgba(255,255,255,.86);
}
.ma-articles-search{
  overflow:hidden;
  border-color:rgba(79,70,229,.18);
  background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(241,245,255,.70));
  box-shadow:0 30px 76px rgba(49,46,129,.15),0 8px 26px rgba(14,165,233,.08),inset 0 1px 0 rgba(255,255,255,.90);
}
.ma-articles-search::before{
  content:"";
  position:absolute;
  inset:-55% 34% 52% -12%;
  pointer-events:none;
  transform:rotate(-12deg);
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.74),transparent);
}
@media (max-width:991px){
  .ma-articles-hero__inner::after{right:8%;bottom:18%;opacity:.52}
  .ma-articles-hero__inner::before{left:44%;top:36%}
}
@media (max-width:640px){
  .ma-articles-hero{
    background:
      radial-gradient(circle at 6% 12%,rgba(34,211,238,.26),transparent 38%),
      radial-gradient(circle at 92% 28%,rgba(124,58,237,.23),transparent 44%),
      linear-gradient(145deg,#f3fbff 0%,#e4edff 52%,#f2ecff 100%);
  }
  .ma-articles-hero::before{background-size:44px 44px,44px 44px,22px 22px}
  .ma-articles-hero::after{width:26rem;right:-18rem;top:-12rem;filter:blur(30px);opacity:.38}
  .ma-articles-hero__inner::before,.ma-articles-hero__inner::after{display:none}
  .ma-articles-search{box-shadow:0 22px 54px rgba(49,46,129,.13),0 7px 20px rgba(14,165,233,.07)}
}
@media (prefers-reduced-motion:reduce){
  .ma-articles-hero::after,
  .ma-articles-hero__inner::before,
  .ma-articles-hero__inner::after{animation:none!important}
}

/* 2026-08-09 · articles hero contrast finish */
.ma-articles-hero__meta span{color:#334155!important}
.ma-articles-hero__meta a{color:#4338ca!important}
.ma-articles-hero__meta strong{color:#4f46e5!important}
.ma-articles-search::before{z-index:0}
.ma-articles-search>label,
.ma-articles-search>div{position:relative;z-index:1}
.ma-articles-search input::placeholder{color:#718096;opacity:1}

/* 2026-08-09 · articles hero knowledge network v3 */
@keyframes maArticlesOrbitSpin {
  to{transform:rotate(360deg)}
}
@keyframes maArticlesOrbitSpinReverse {
  to{transform:rotate(-360deg)}
}
@keyframes maArticlesNodePulse {
  0%,100%{transform:scale(.82);opacity:.55}
  50%{transform:scale(1.24);opacity:1}
}
@keyframes maArticlesSearchLift {
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(0,-4px,0)}
}
.ma-articles-hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.20),transparent 34%,rgba(99,102,241,.055) 68%,rgba(255,255,255,.14)),
    radial-gradient(ellipse at 10% 20%,rgba(34,211,238,.38) 0,rgba(34,211,238,.13) 20%,transparent 40%),
    radial-gradient(ellipse at 88% 9%,rgba(124,58,237,.36) 0,rgba(124,58,237,.14) 22%,transparent 44%),
    radial-gradient(ellipse at 56% 100%,rgba(37,99,235,.23) 0,transparent 38%),
    linear-gradient(132deg,#f2fcff 0%,#dce9ff 40%,#e8e3ff 72%,#f8fbff 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),inset 0 -46px 92px rgba(67,56,202,.065),0 30px 86px rgba(30,64,175,.10);
}
.ma-articles-hero::before{
  opacity:.86;
  background-image:
    linear-gradient(rgba(49,46,129,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(49,46,129,.06) 1px,transparent 1px),
    radial-gradient(circle,rgba(37,99,235,.22) 1.25px,transparent 1.7px),
    repeating-linear-gradient(135deg,transparent 0 127px,rgba(79,70,229,.035) 128px,transparent 129px 256px);
  background-size:64px 64px,64px 64px,32px 32px,256px 256px;
  -webkit-mask-image:linear-gradient(98deg,#000 0%,rgba(0,0,0,.38) 52%,rgba(0,0,0,.82) 100%);
  mask-image:linear-gradient(98deg,#000 0%,rgba(0,0,0,.38) 52%,rgba(0,0,0,.82) 100%);
}
.ma-articles-hero::after{
  width:clamp(34rem,57vw,60rem);
  right:clamp(-21rem,-14vw,-9rem);
  top:clamp(-28rem,-26vw,-14rem);
  opacity:.52;
  filter:blur(45px);
  background:conic-gradient(from 198deg,rgba(6,182,212,.52),rgba(59,130,246,.34),rgba(99,102,241,.48),rgba(168,85,247,.38),rgba(6,182,212,.52));
}
.ma-articles-hero__orb{
  display:block;
  z-index:1;
  border-radius:50%;
  pointer-events:none;
  filter:none;
  background:transparent;
  opacity:.68;
}
.ma-articles-hero__orb::before,
.ma-articles-hero__orb::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.ma-articles-hero__orb::before{
  width:13px;
  height:13px;
  top:50%;
  left:-7px;
  background:#fff;
  border:3px solid rgba(79,70,229,.42);
  box-shadow:0 0 0 9px rgba(99,102,241,.08),0 0 34px rgba(37,99,235,.40);
  animation:maArticlesNodePulse 3.8s ease-in-out infinite;
}
.ma-articles-hero__orb::after{
  inset:17%;
  border:1px dashed rgba(67,56,202,.20);
}
.ma-articles-hero__orb--one{
  width:clamp(22rem,36vw,34rem);
  height:clamp(22rem,36vw,34rem);
  top:clamp(-14rem,-13vw,-8rem);
  right:clamp(-6rem,-2vw,1rem);
  border:1px solid rgba(79,70,229,.20);
  box-shadow:0 0 0 34px rgba(99,102,241,.035),0 0 0 92px rgba(14,165,233,.025),inset 0 0 70px rgba(255,255,255,.16);
  animation:maArticlesOrbitSpin 30s linear infinite;
}
.ma-articles-hero__orb--two{
  width:clamp(25rem,42vw,42rem);
  height:clamp(25rem,42vw,42rem);
  left:34%;
  bottom:clamp(-34rem,-30vw,-20rem);
  border:1px solid rgba(14,165,233,.18);
  box-shadow:0 0 0 42px rgba(14,165,233,.028),0 0 0 112px rgba(79,70,229,.022),inset 0 0 84px rgba(255,255,255,.17);
  animation:maArticlesOrbitSpinReverse 38s linear infinite;
}
.ma-articles-hero__orb--two::before{
  top:18%;
  left:7%;
  border-color:rgba(14,165,233,.42);
  animation-delay:-1.7s;
}
.ma-articles-hero__copy{
  isolation:isolate;
  padding-left:clamp(.9rem,1.5vw,1.4rem);
}
.ma-articles-hero__copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;
  top:.2rem;
  bottom:.2rem;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,rgba(6,182,212,.12),#38bdf8 28%,#6366f1 66%,rgba(124,58,237,.12));
  box-shadow:0 0 22px rgba(59,130,246,.30);
}
.ma-articles-hero__copy::after{
  content:"AI";
  position:absolute;
  z-index:-1;
  right:-1.2rem;
  top:-4.4rem;
  pointer-events:none;
  color:transparent;
  font-size:clamp(7rem,13vw,12rem);
  font-weight:950;
  line-height:1;
  letter-spacing:-.08em;
  -webkit-text-stroke:1px rgba(67,56,202,.075);
  text-shadow:0 24px 60px rgba(37,99,235,.035);
}
.ma-articles-hero__copy h1{
  filter:drop-shadow(0 18px 24px rgba(30,64,175,.10));
}
.ma-articles-eyebrow{
  box-shadow:0 16px 40px rgba(67,56,202,.13),0 3px 10px rgba(14,165,233,.06),inset 0 1px 0 rgba(255,255,255,.92);
}
.ma-articles-hero__meta span,
.ma-articles-hero__meta a{
  backdrop-filter:blur(16px) saturate(1.18);
  -webkit-backdrop-filter:blur(16px) saturate(1.18);
  box-shadow:0 15px 38px rgba(30,64,175,.12),0 2px 8px rgba(79,70,229,.06),inset 0 1px 0 rgba(255,255,255,.92);
}
.ma-articles-search{
  border:1px solid rgba(79,70,229,.21);
  outline:1px solid rgba(255,255,255,.58);
  outline-offset:-5px;
  background:
    radial-gradient(circle at 90% 5%,rgba(129,140,248,.14),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.93),rgba(239,244,255,.76));
  box-shadow:0 34px 92px rgba(49,46,129,.18),0 12px 34px rgba(14,165,233,.09),inset 0 1px 0 rgba(255,255,255,.96);
  transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.ma-articles-search:hover,
.ma-articles-search:focus-within{
  transform:translateY(-4px);
  border-color:rgba(79,70,229,.30);
  box-shadow:0 42px 105px rgba(49,46,129,.21),0 15px 38px rgba(14,165,233,.11),inset 0 1px 0 rgba(255,255,255,.96);
}
.ma-articles-search>div{
  box-shadow:0 18px 45px -26px rgba(49,46,129,.30),inset 0 1px 0 rgba(255,255,255,.94);
}
.ma-articles-search button{
  box-shadow:0 13px 28px rgba(79,70,229,.23),inset 0 1px 0 rgba(255,255,255,.22);
}
@media (max-width:991px){
  .ma-articles-hero__orb--one{right:-11rem;top:-10rem;opacity:.45}
  .ma-articles-hero__orb--two{left:48%;bottom:-30rem;opacity:.34}
  .ma-articles-hero__copy::after{right:1rem;top:-3.1rem;font-size:8rem}
}
@media (max-width:640px){
  .ma-articles-hero__copy{padding-left:.8rem}
  .ma-articles-hero__copy::after{display:none}
  .ma-articles-hero__orb--one{width:21rem;height:21rem;right:-14rem;top:-8rem;opacity:.34}
  .ma-articles-hero__orb--two{display:none}
  .ma-articles-search:hover,.ma-articles-search:focus-within{transform:none}
}
@media (prefers-reduced-motion:reduce){
  .ma-articles-hero__orb,
  .ma-articles-hero__orb::before,
  .ma-articles-search{animation:none!important;transition:none!important}
  .ma-articles-search:hover,.ma-articles-search:focus-within{transform:none}
}

/* 2026-08-09 · premium editorial cards v4 */
@keyframes maArticleCardSheenV4 {
  0%{transform:translate3d(-150%,0,0) skewX(-19deg);opacity:0}
  20%{opacity:.68}
  62%,100%{transform:translate3d(235%,0,0) skewX(-19deg);opacity:0}
}
@keyframes maArticleBadgeGlowV4 {
  0%,100%{box-shadow:0 10px 24px rgba(15,23,42,.20),0 0 0 0 rgba(129,140,248,0)}
  50%{box-shadow:0 12px 28px rgba(15,23,42,.24),0 0 0 5px rgba(129,140,248,.09)}
}
.ma-articles-grid .ma-article-card{
  --ma-card-accent:#6366f1;
  --ma-card-accent-soft:rgba(99,102,241,.18);
  --ma-card-accent-glow:rgba(99,102,241,.24);
  isolation:isolate;
  border:1px solid rgba(99,102,241,.16);
  background:linear-gradient(155deg,#fff 0%,#fbfcff 62%,#f4f2ff 100%);
  box-shadow:
    0 38px 88px -34px rgba(30,41,59,.42),
    0 20px 48px -30px var(--ma-card-accent-glow),
    0 8px 20px rgba(79,70,229,.07),
    inset 0 1px 0 rgba(255,255,255,.98);
  transform:translateZ(0);
  transition:transform .38s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .38s ease;
}
.ma-articles-grid .ma-article-card:nth-child(8n+2){--ma-card-accent:#0ea5e9;--ma-card-accent-soft:rgba(14,165,233,.18);--ma-card-accent-glow:rgba(14,165,233,.25)}
.ma-articles-grid .ma-article-card:nth-child(8n+3){--ma-card-accent:#8b5cf6;--ma-card-accent-soft:rgba(139,92,246,.18);--ma-card-accent-glow:rgba(139,92,246,.25)}
.ma-articles-grid .ma-article-card:nth-child(8n+4){--ma-card-accent:#06b6d4;--ma-card-accent-soft:rgba(6,182,212,.18);--ma-card-accent-glow:rgba(6,182,212,.25)}
.ma-articles-grid .ma-article-card:nth-child(8n+5){--ma-card-accent:#a855f7;--ma-card-accent-soft:rgba(168,85,247,.17);--ma-card-accent-glow:rgba(168,85,247,.24)}
.ma-articles-grid .ma-article-card:nth-child(8n+6){--ma-card-accent:#2563eb;--ma-card-accent-soft:rgba(37,99,235,.17);--ma-card-accent-glow:rgba(37,99,235,.24)}
.ma-articles-grid .ma-article-card:nth-child(8n+7){--ma-card-accent:#7c3aed;--ma-card-accent-soft:rgba(124,58,237,.17);--ma-card-accent-glow:rgba(124,58,237,.24)}
.ma-articles-grid .ma-article-card:nth-child(8n+8){--ma-card-accent:#0891b2;--ma-card-accent-soft:rgba(8,145,178,.17);--ma-card-accent-glow:rgba(8,145,178,.24)}
.ma-articles-grid .ma-article-card::before{
  content:"";
  position:absolute;
  z-index:7;
  top:0;
  left:14%;
  width:72%;
  height:3px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,var(--ma-card-accent) 22%,#fff 50%,var(--ma-card-accent) 78%,transparent);
  opacity:.86;
  filter:drop-shadow(0 0 8px var(--ma-card-accent-glow));
  transition:width .35s ease,left .35s ease,opacity .35s ease;
}
.ma-articles-grid .ma-article-card::after{
  z-index:6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.94),inset 0 0 0 1px rgba(255,255,255,.22);
}
.ma-articles-grid .ma-article-card:hover{
  transform:translate3d(0,-10px,0) scale(1.008);
  border-color:var(--ma-card-accent-soft);
  box-shadow:
    0 54px 112px -38px rgba(30,41,59,.52),
    0 27px 62px -32px var(--ma-card-accent-glow),
    0 12px 30px rgba(79,70,229,.11),
    inset 0 1px 0 rgba(255,255,255,1);
}
.ma-articles-grid .ma-article-card:hover::before{left:5%;width:90%;opacity:1}
.ma-article-card__visual{
  overflow:hidden;
  border-bottom:1px solid rgba(99,102,241,.12);
  background:linear-gradient(135deg,#172554,#4338ca);
}
.ma-article-card__visual::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-22%;
  bottom:-22%;
  left:-36%;
  width:28%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transform:translate3d(-150%,0,0) skewX(-19deg);
}
.ma-article-card__visual::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 12%,var(--ma-card-accent-soft),transparent 34%),
    linear-gradient(115deg,transparent 47%,rgba(255,255,255,.10) 48%,transparent 49%);
  mix-blend-mode:screen;
  opacity:.78;
}
.ma-article-card:hover .ma-article-card__visual::before{animation:maArticleCardSheenV4 1.05s cubic-bezier(.2,.65,.2,1) both}
.ma-article-card__visual img{
  filter:saturate(1.09) contrast(1.045) brightness(.96);
  transform:scale(1.012);
  transition:transform .72s cubic-bezier(.16,.72,.2,1),filter .4s ease;
}
.ma-article-card:hover .ma-article-card__visual img{
  transform:scale(1.075);
  filter:saturate(1.25) contrast(1.07) brightness(1.01);
}
.ma-article-card__shade{
  background:
    linear-gradient(180deg,rgba(2,6,23,.03),rgba(2,6,23,.08) 34%,rgba(2,6,23,.76) 100%),
    radial-gradient(circle at 12% 12%,var(--ma-card-accent-soft),transparent 42%),
    linear-gradient(115deg,rgba(14,165,233,.08),rgba(99,102,241,.19));
}
.ma-article-card__grid{opacity:.43;filter:drop-shadow(0 0 5px rgba(255,255,255,.22))}
.ma-article-card__icon{
  border:1px solid rgba(255,255,255,.55);
  background:linear-gradient(145deg,rgba(255,255,255,.36),rgba(15,23,42,.28));
  color:#fff;
  box-shadow:0 16px 34px rgba(2,8,23,.30),inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter:blur(16px) saturate(1.35);
  -webkit-backdrop-filter:blur(16px) saturate(1.35);
  transition:transform .35s ease,background .35s ease,box-shadow .35s ease;
}
.ma-article-card:hover .ma-article-card__icon{
  transform:translateY(-2px) rotate(-5deg) scale(1.06);
  background:linear-gradient(145deg,rgba(255,255,255,.55),var(--ma-card-accent-soft));
  box-shadow:0 18px 38px rgba(2,8,23,.34),0 0 26px var(--ma-card-accent-glow);
}
.ma-article-card__category,
.ma-article-card__featured{
  border:1px solid rgba(255,255,255,.42);
  background:linear-gradient(140deg,rgba(15,23,42,.58),rgba(30,41,59,.31));
  box-shadow:0 10px 24px rgba(2,8,23,.22),inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter:blur(16px) saturate(1.28);
  -webkit-backdrop-filter:blur(16px) saturate(1.28);
}
.ma-article-card__featured{
  background:linear-gradient(135deg,rgba(124,58,237,.80),rgba(37,99,235,.72));
  animation:maArticleBadgeGlowV4 4s ease-in-out infinite;
}
.ma-article-card__body{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.86);
  background:
    radial-gradient(circle at 100% 0,var(--ma-card-accent-soft),transparent 42%),
    linear-gradient(160deg,#fff 0%,#fbfcff 66%,#f7f5ff 100%);
}
.ma-article-card__body::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:110px;
  height:110px;
  right:-62px;
  bottom:-70px;
  border:1px solid var(--ma-card-accent-soft);
  border-radius:50%;
  box-shadow:0 0 0 24px rgba(99,102,241,.025),0 0 0 50px rgba(14,165,233,.018);
}
.ma-article-card__meta{gap:.42rem;color:#64748b}
.ma-article-card__meta span{
  padding:.26rem .42rem;
  border:1px solid rgba(99,102,241,.09);
  border-radius:999px;
  background:rgba(255,255,255,.64);
  box-shadow:0 5px 14px rgba(51,65,85,.055);
}
.ma-article-card__meta i{color:var(--ma-card-accent)}
.ma-article-card h2 a{
  color:#151d32;
  text-shadow:0 1px 0 rgba(255,255,255,.85);
  transition:color .25s ease,text-shadow .25s ease;
}
.ma-article-card:hover h2 a{color:#3730a3;text-shadow:0 8px 20px var(--ma-card-accent-soft)}
.ma-article-card__body p{color:#58677e}
.ma-article-card__cta{
  position:relative;
  color:#4338ca;
  font-weight:900;
  text-decoration:none;
}
.ma-article-card__cta::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:28px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--ma-card-accent),transparent);
  transition:width .28s ease;
}
.ma-article-card:hover .ma-article-card__cta::after{width:100%}
.ma-article-card__cta i{transition:transform .25s ease}
.ma-article-card:hover .ma-article-card__cta i{transform:translateX(4px)}
.ma-article-card__save{
  border-color:rgba(255,255,255,.76);
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(238,242,255,.83));
  box-shadow:0 16px 34px rgba(15,23,42,.24),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px) saturate(1.28);
  -webkit-backdrop-filter:blur(18px) saturate(1.28);
}
.ma-article-card__save:hover{transform:translateY(-3px) scale(1.04);color:#4f46e5;box-shadow:0 20px 42px rgba(15,23,42,.27),0 0 0 4px rgba(99,102,241,.10)}
.ma-article-card__save[aria-pressed="true"]{background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 16px 34px rgba(79,70,229,.31),0 0 0 4px rgba(99,102,241,.12)}

.ma-articles-spotlight .ma-spotlight-card{
  position:relative;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.62);
  box-shadow:0 38px 88px -34px rgba(15,23,42,.58),0 16px 38px -20px rgba(79,70,229,.34),inset 0 1px 0 rgba(255,255,255,.72);
  transform:translateZ(0);
  transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s ease,border-color .3s ease;
}
.ma-articles-spotlight .ma-spotlight-card::before{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  left:12%;
  width:76%;
  height:3px;
  border-radius:0 0 99px 99px;
  background:linear-gradient(90deg,transparent,#67e8f9 24%,#fff 50%,#a78bfa 76%,transparent);
  filter:drop-shadow(0 0 9px rgba(99,102,241,.46));
}
.ma-articles-spotlight .ma-spotlight-card::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 -60px 80px rgba(2,6,23,.08);
}
.ma-articles-spotlight .ma-spotlight-card:hover{
  transform:translate3d(0,-8px,0) scale(1.008);
  border-color:rgba(165,180,252,.78);
  box-shadow:0 54px 112px -38px rgba(15,23,42,.68),0 24px 56px -24px rgba(79,70,229,.48),0 0 0 1px rgba(129,140,248,.10);
}
.ma-spotlight-card>a::before{
  content:"";
  position:absolute;
  z-index:2;
  top:-24%;
  bottom:-24%;
  left:-42%;
  width:30%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.30),transparent);
  transform:translate3d(-145%,0,0) skewX(-19deg);
}
.ma-spotlight-card:hover>a::before{animation:maArticleCardSheenV4 1.1s cubic-bezier(.2,.65,.2,1) both}
.ma-spotlight-card img{filter:saturate(1.12) contrast(1.07) brightness(.94);transform:scale(1.012);transition:transform .72s cubic-bezier(.16,.72,.2,1),filter .4s ease}
.ma-spotlight-card:hover img{transform:scale(1.075);filter:saturate(1.27) contrast(1.09) brightness(1.01)}
.ma-spotlight-card__overlay{
  background:
    linear-gradient(180deg,rgba(15,23,42,.015) 8%,rgba(15,23,42,.16) 44%,rgba(8,15,35,.91) 100%),
    radial-gradient(circle at 12% 4%,rgba(34,211,238,.20),transparent 40%),
    linear-gradient(115deg,rgba(8,145,178,.08),rgba(79,70,229,.27));
}
.ma-spotlight-card__content{text-shadow:0 4px 18px rgba(2,6,23,.56)}
.ma-spotlight-card__category{
  border-color:rgba(255,255,255,.48);
  background:linear-gradient(135deg,rgba(15,23,42,.62),rgba(49,46,129,.38));
  box-shadow:0 12px 26px rgba(2,6,23,.26),inset 0 1px 0 rgba(255,255,255,.27);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
}
.ma-spotlight-card strong{filter:drop-shadow(0 8px 18px rgba(2,6,23,.30))}
.ma-spotlight-card__meta{color:rgba(255,255,255,.94)}
.ma-spotlight-card__meta i{filter:drop-shadow(0 0 8px rgba(165,180,252,.9))}

@media (max-width:767px){
  .ma-articles-grid .ma-article-card:hover,
  .ma-articles-spotlight .ma-spotlight-card:hover{transform:translateY(-4px)}
  .ma-article-card__visual::before,.ma-spotlight-card>a::before{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ma-articles-grid .ma-article-card,
  .ma-articles-grid .ma-article-card::before,
  .ma-article-card__visual img,
  .ma-article-card__icon,
  .ma-article-card__save,
  .ma-articles-spotlight .ma-spotlight-card,
  .ma-spotlight-card img{animation:none!important;transition:none!important}
  .ma-articles-grid .ma-article-card:hover,
  .ma-articles-spotlight .ma-spotlight-card:hover{transform:none}
  .ma-article-card__featured{animation:none!important}
}

/* 2026-08-09 · editorial card studio v5 */
@keyframes maCardRailBreathV5{
  0%,100%{opacity:.72;filter:drop-shadow(0 0 6px var(--ma-card-accent-glow))}
  50%{opacity:1;filter:drop-shadow(0 0 14px var(--ma-card-accent-glow))}
}
@keyframes maCardCornerPulseV5{
  0%,100%{transform:scale(.92);opacity:.28}
  50%{transform:scale(1.08);opacity:.52}
}
.ma-articles-library{
  position:relative;
  isolation:isolate;
}
.ma-articles-library::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:clamp(1rem,2vw,1.6rem) clamp(-1rem,-1vw,-.25rem) clamp(2rem,4vw,3.4rem);
  border:1px solid rgba(99,102,241,.08);
  border-radius:clamp(1.8rem,3.2vw,3rem);
  pointer-events:none;
  background:
    radial-gradient(circle at 2% 12%,rgba(34,211,238,.12),transparent 24rem),
    radial-gradient(circle at 98% 30%,rgba(139,92,246,.12),transparent 28rem),
    radial-gradient(circle at 52% 78%,rgba(99,102,241,.07),transparent 30rem),
    linear-gradient(145deg,rgba(255,255,255,.56),rgba(238,242,255,.30));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86),0 34px 100px rgba(79,70,229,.055);
}
.ma-articles-library::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:2rem 0 3rem;
  border-radius:2.5rem;
  pointer-events:none;
  opacity:.34;
  background-image:
    radial-gradient(circle,rgba(79,70,229,.18) 1px,transparent 1.5px),
    linear-gradient(115deg,transparent 0 49.7%,rgba(99,102,241,.045) 50%,transparent 50.3%);
  background-size:26px 26px,180px 180px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent);
}
.ma-articles-filters{
  position:relative;
  z-index:2;
  border-color:rgba(99,102,241,.14);
  background:linear-gradient(135deg,rgba(255,255,255,.91),rgba(245,247,255,.80));
  box-shadow:0 28px 66px -34px rgba(51,65,85,.34),0 12px 34px rgba(79,70,229,.07),inset 0 1px 0 rgba(255,255,255,.98);
  backdrop-filter:blur(18px) saturate(1.18);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
}
.ma-articles-filters a{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.ma-articles-filters a:hover,
.ma-articles-filters a[aria-current="page"]{
  box-shadow:0 13px 30px rgba(79,70,229,.13),0 0 0 1px rgba(255,255,255,.7),inset 0 1px 0 rgba(255,255,255,.92);
}

.ma-articles-spotlight{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(99,102,241,.16);
  background:
    radial-gradient(circle at 96% -4%,rgba(139,92,246,.19),transparent 22rem),
    radial-gradient(circle at 0 110%,rgba(34,211,238,.13),transparent 20rem),
    linear-gradient(138deg,rgba(255,255,255,.98),rgba(242,246,255,.91));
  box-shadow:0 44px 106px -46px rgba(30,41,59,.43),0 18px 54px -34px rgba(79,70,229,.30),inset 0 1px 0 rgba(255,255,255,.98);
}
.ma-articles-spotlight::before{
  content:"";
  position:absolute;
  z-index:0;
  width:17rem;
  height:17rem;
  right:-8.5rem;
  top:-10rem;
  border:1px solid rgba(124,58,237,.15);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(99,102,241,.035),0 0 0 82px rgba(14,165,233,.022);
}
.ma-articles-spotlight::after{
  content:"";
  position:absolute;
  z-index:0;
  left:-2rem;
  bottom:-3rem;
  width:14rem;
  height:9rem;
  opacity:.30;
  background-image:radial-gradient(circle,rgba(14,165,233,.36) 1px,transparent 1.6px);
  background-size:18px 18px;
  transform:rotate(-8deg);
  -webkit-mask-image:radial-gradient(ellipse,#000,transparent 70%);
  mask-image:radial-gradient(ellipse,#000,transparent 70%);
}
.ma-articles-spotlight>header,
.ma-articles-spotlight__grid{position:relative;z-index:1}
.ma-articles-spotlight>header>div>span{
  padding:.36rem .58rem;
  border:1px solid rgba(99,102,241,.13);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(238,242,255,.94),rgba(236,254,255,.86));
  box-shadow:0 8px 22px rgba(79,70,229,.08),inset 0 1px 0 #fff;
}
.ma-articles-spotlight>header h2{
  text-shadow:0 10px 28px rgba(79,70,229,.10);
}
.ma-articles-spotlight .ma-spotlight-card{
  border-color:rgba(255,255,255,.78);
  outline:1px solid rgba(99,102,241,.10);
  outline-offset:-4px;
  box-shadow:0 42px 92px -38px rgba(15,23,42,.72),0 18px 42px -24px rgba(79,70,229,.40),inset 0 1px 0 rgba(255,255,255,.86);
}
.ma-articles-spotlight .ma-spotlight-card:hover,
.ma-articles-spotlight .ma-spotlight-card:focus-within{
  transform:translate3d(0,-10px,0) scale(1.012);
  outline-color:rgba(129,140,248,.30);
  box-shadow:0 62px 122px -42px rgba(15,23,42,.78),0 28px 62px -26px rgba(79,70,229,.55),0 0 0 1px rgba(165,180,252,.16);
}
.ma-articles-spotlight .ma-spotlight-card__content,
.ma-articles-spotlight .ma-spotlight-card.is-primary .ma-spotlight-card__content{
  right:.58rem;
  bottom:.58rem;
  left:.58rem;
  gap:.46rem;
  padding:.72rem .76rem .76rem;
  border:1px solid rgba(255,255,255,.24);
  border-radius:1rem;
  background:linear-gradient(145deg,rgba(8,15,35,.63),rgba(30,27,75,.42));
  box-shadow:0 18px 40px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter:blur(13px) saturate(1.18);
  -webkit-backdrop-filter:blur(13px) saturate(1.18);
}
.ma-articles-spotlight .ma-spotlight-card__category{
  padding:.3rem .48rem;
  background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(99,102,241,.24));
}
.ma-articles-spotlight .ma-spotlight-card strong{
  letter-spacing:-.03em;
  text-shadow:0 5px 20px rgba(2,6,23,.68);
}
.ma-articles-spotlight .ma-spotlight-card__meta{
  color:rgba(255,255,255,.92);
}

.ma-articles-grid{
  position:relative;
  z-index:1;
  perspective:1400px;
}
.ma-articles-grid .ma-article-card{
  border-color:rgba(99,102,241,.18);
  outline:1px solid rgba(255,255,255,.76);
  outline-offset:-4px;
  background:linear-gradient(155deg,#fff 0%,#fbfcff 58%,#f2efff 100%);
  box-shadow:
    0 48px 104px -42px rgba(30,41,59,.55),
    0 24px 58px -32px var(--ma-card-accent-glow),
    0 10px 26px rgba(79,70,229,.075),
    inset 0 1px 0 rgba(255,255,255,1);
}
.ma-articles-grid .ma-article-card::before{
  height:4px;
  animation:maCardRailBreathV5 4.8s ease-in-out infinite;
}
.ma-articles-grid .ma-article-card:hover,
.ma-articles-grid .ma-article-card:focus-within{
  transform:translate3d(0,-12px,0) scale(1.012);
  outline-color:var(--ma-card-accent-soft);
  box-shadow:
    0 68px 132px -46px rgba(30,41,59,.66),
    0 34px 76px -34px var(--ma-card-accent-glow),
    0 14px 36px rgba(79,70,229,.13),
    inset 0 1px 0 rgba(255,255,255,1);
}
.ma-article-card__visual{
  border-bottom-color:var(--ma-card-accent-soft);
}
.ma-article-card__visual::after{
  opacity:.92;
  background:
    radial-gradient(circle at 10% 8%,var(--ma-card-accent-soft),transparent 34%),
    linear-gradient(115deg,transparent 46.6%,rgba(255,255,255,.13) 47%,transparent 47.4%),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(15,23,42,.14));
}
.ma-article-card__category{
  background:linear-gradient(135deg,rgba(15,23,42,.67),var(--ma-card-accent-soft));
  border-color:rgba(255,255,255,.54);
  box-shadow:0 12px 28px rgba(2,8,23,.27),0 0 22px var(--ma-card-accent-glow),inset 0 1px 0 rgba(255,255,255,.28);
}
.ma-article-card__featured{
  border-color:rgba(255,255,255,.62);
  box-shadow:0 13px 30px rgba(49,46,129,.28),0 0 24px rgba(139,92,246,.26),inset 0 1px 0 rgba(255,255,255,.30);
}
.ma-article-card__body{
  background:
    radial-gradient(circle at 102% -2%,var(--ma-card-accent-soft),transparent 44%),
    linear-gradient(152deg,#fff 0%,#fbfcff 64%,#f5f2ff 100%);
}
.ma-article-card__body::before{
  width:128px;
  height:128px;
  right:-72px;
  bottom:-82px;
  animation:maCardCornerPulseV5 6s ease-in-out infinite;
}
.ma-article-card__body::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  bottom:0;
  width:48px;
  height:48px;
  pointer-events:none;
  opacity:.34;
  background:linear-gradient(135deg,transparent 49%,var(--ma-card-accent) 50%);
  clip-path:polygon(100% 0,100% 100%,0 100%);
}
.ma-article-card h2{
  position:relative;
  padding-left:.72rem;
}
.ma-article-card h2::before{
  content:"";
  position:absolute;
  left:0;
  top:.15em;
  bottom:.15em;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,var(--ma-card-accent),rgba(99,102,241,.18));
  box-shadow:0 0 12px var(--ma-card-accent-glow);
}
.ma-article-card__meta span{
  border-color:var(--ma-card-accent-soft);
  background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,255,.68));
  box-shadow:0 7px 18px rgba(51,65,85,.07),inset 0 1px 0 #fff;
}
.ma-article-card__cta{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:.42rem;
  padding:.45rem .66rem;
  border:1px solid var(--ma-card-accent-soft);
  border-radius:.72rem;
  background:linear-gradient(135deg,rgba(255,255,255,.82),var(--ma-card-accent-soft));
  box-shadow:0 10px 24px -15px var(--ma-card-accent-glow),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.ma-article-card__cta::after{display:none}
.ma-article-card:hover .ma-article-card__cta,
.ma-article-card:focus-within .ma-article-card__cta{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#fff,var(--ma-card-accent-soft));
  box-shadow:0 14px 30px -14px var(--ma-card-accent-glow),0 0 0 3px rgba(99,102,241,.045),inset 0 1px 0 #fff;
}
.ma-articles-toolbar{
  position:relative;
  z-index:2;
  padding:.4rem .25rem;
}
.ma-articles-toolbar__actions>button,
.ma-articles-view-toggle{
  border-color:rgba(99,102,241,.13);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,247,255,.84));
  box-shadow:0 14px 34px rgba(51,65,85,.09),inset 0 1px 0 #fff;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

@media (max-width:767px){
  .ma-articles-library::before{inset:.75rem -.15rem 1.5rem;border-radius:1.5rem}
  .ma-articles-library::after{opacity:.18}
  .ma-articles-spotlight .ma-spotlight-card__content,
  .ma-articles-spotlight .ma-spotlight-card.is-primary .ma-spotlight-card__content{right:.45rem;bottom:.45rem;left:.45rem;padding:.68rem}
  .ma-articles-grid .ma-article-card:hover,
  .ma-articles-grid .ma-article-card:focus-within,
  .ma-articles-spotlight .ma-spotlight-card:hover,
  .ma-articles-spotlight .ma-spotlight-card:focus-within{transform:translateY(-4px)}
}
@media (prefers-reduced-motion:reduce){
  .ma-articles-grid .ma-article-card::before,
  .ma-article-card__body::before{animation:none!important}
  .ma-articles-grid .ma-article-card:hover,
  .ma-articles-grid .ma-article-card:focus-within,
  .ma-articles-spotlight .ma-spotlight-card:hover,
  .ma-articles-spotlight .ma-spotlight-card:focus-within{transform:none}
}