:root{--article-green:#00b968;--article-dark:#082f22;--article-red:#f43f4b;--article-line:#cfe2d9;--article-soft:#f4faf7;--article-ink:#071b15}
*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.public-article-page{width:min(100%,760px);max-width:100%;margin:0 auto;padding:18px 10px 108px;color:var(--article-ink);overflow:hidden;background:linear-gradient(180deg,#f5faf8 0,#edf4f1 100%)}
.public-article-page a{color:inherit;text-decoration:none}.public-article-brand{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 8px 16px}.public-article-brand__mark{display:grid;place-items:center;width:52px;height:52px;border:1px solid #b6e5ce;border-radius:50%;background:#fff;font-size:24px;box-shadow:0 6px 20px #164c3720}.public-article-brand strong,.public-article-brand small{display:block}.public-article-brand strong{color:#008e4f;font-size:19px}.public-article-brand small{margin-top:3px;color:#688077;font-size:12px}
.public-article-hero,.public-article-today,.public-article-search,.public-article-section{border:1px solid var(--article-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px #183c2e0a}.public-article-hero{padding:22px 18px;border-left:4px solid var(--article-green)}.public-article-kicker,.public-article-section__heading p{margin:0;color:#e22835;font-size:12px;font-weight:900;letter-spacing:.04em}.public-article-hero h1{margin:9px 0 10px;font-size:clamp(29px,8vw,44px);line-height:1.04}.public-article-hero>p:last-child{margin:0;color:#60736c;line-height:1.65}
.public-article-today{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin-top:14px;padding:14px 18px}.public-article-today>span:first-child{grid-row:1/3;font-size:22px}.public-article-today strong{color:#e22835}.public-article-today small{color:#6c7d77}.public-article-search{display:flex;gap:8px;margin-top:14px;padding:12px}.public-article-search input[type=search]{min-width:0;flex:1;border:1px solid #cedbd6;border-radius:13px;padding:13px 14px;font:inherit}.public-article-search button{flex:0 0 50px;border:0;border-radius:13px;background:var(--article-green);color:#fff;font-size:25px;font-weight:900}.public-article-alert{margin-top:14px;padding:13px 15px;border:1px solid #ffadb3;border-radius:14px;background:#fff2f3;color:#b61d29;font-weight:700}
.public-article-section{margin-top:16px;padding:16px;min-width:0}.public-article-section__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.public-article-section__heading h2{margin:5px 0 0;font-size:21px;line-height:1.2}.public-article-section__heading>a{color:#008f50;font-size:13px;font-weight:800}.public-article-featured{overflow:hidden;border:1px solid #d5e2dc;border-radius:17px}.public-article-featured__cover,.public-article-card__cover,.public-article-mini__cover{position:relative;display:grid;place-items:center;overflow:hidden;background:#eaf5ef;color:#008d50}.public-article-featured__cover{aspect-ratio:16/10}.public-article-featured__cover img,.public-article-card__cover img,.public-article-mini__cover img{width:100%;height:100%;object-fit:cover}.public-article-featured__cover>b{position:absolute;top:10px;left:10px;padding:6px 9px;border-radius:999px;background:var(--article-red);color:#fff;font-size:10px}.public-article-featured__body{padding:16px}.public-article-featured h2{margin:9px 0 7px;font-size:24px}.public-article-featured p{margin:0 0 10px;color:#53685f;line-height:1.55}.public-article-featured small,.public-article-card small,.public-article-latest-rail small{color:#697c74}.public-article-tags{display:flex;gap:7px;overflow-x:auto}.public-article-tags a{flex:none;padding:5px 9px;border-radius:999px;background:#e8f8ef;color:#007d45;font-size:12px;font-weight:800}.public-article-primary{display:block;margin-top:14px;padding:12px;border-radius:12px;background:var(--article-green);color:#fff!important;text-align:center;font-weight:900}
.public-article-topic-rail,.public-article-latest-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,78%);gap:10px;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:3px}.public-article-topic-rail>a{display:grid;gap:7px;min-height:120px;padding:15px;border:1px solid #d5e4dd;border-radius:16px;background:var(--article-soft);scroll-snap-align:start}.public-article-topic-rail>a>span{font-size:25px}.public-article-topic-rail small{color:#008d50;font-weight:800}.public-article-latest-rail>article{overflow:hidden;border:1px solid #d5e2dc;border-radius:15px;scroll-snap-align:start;background:#fff}.public-article-mini__cover{aspect-ratio:16/10;font-size:32px}.public-article-latest-rail h3{margin:10px 11px 5px;font-size:15px;line-height:1.25}.public-article-latest-rail small{display:block;margin:0 11px 12px;font-size:11px}
.public-article-popular__list{display:grid;gap:9px}.public-article-popular__list>a{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid #d7e3de;border-radius:14px}.public-article-popular__list>a>span:first-child{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#fff0f1;color:#e62432;font-weight:900}.public-article-popular__list strong,.public-article-popular__list small{display:block}.public-article-popular__list small{margin-top:4px;color:#6f817a;font-size:11px}.public-article-popular__list i{color:#e62432;font-size:24px}.public-article-result-grid{display:grid;gap:11px}.public-article-card{display:grid;grid-template-columns:110px minmax(0,1fr);overflow:hidden;border:1px solid #d5e2dc;border-radius:15px}.public-article-card__cover{min-height:130px;font-size:32px}.public-article-card__body{min-width:0;padding:12px}.public-article-card h3{margin:0 0 6px;font-size:17px}.public-article-card p{display:-webkit-box;overflow:hidden;margin:0 0 9px;color:#5d7068;font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.public-article-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;font-size:13px}.public-article-pagination a{padding:9px 10px;border:1px solid #9bdab9;border-radius:10px;color:#007d45;font-weight:800}.public-article-empty{display:grid;place-items:center;gap:5px;min-height:150px;padding:20px;border:1px dashed #9fd7ba;border-radius:15px;color:#687b73;text-align:center}.public-article-empty strong{color:#153b2e}.public-article-empty--compact{min-height:80px}
@media(min-width:620px){.public-article-page{padding-inline:16px}.public-article-featured{display:grid;grid-template-columns:48% 1fr}.public-article-featured__cover{height:100%;aspect-ratio:auto}.public-article-topic-rail{grid-auto-columns:minmax(205px,36%)}.public-article-latest-rail{grid-auto-columns:minmax(220px,37%)}.public-article-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.public-article-card{grid-template-columns:90px minmax(0,1fr)}.public-article-featured h2{font-size:21px}}

/* DMC 9.6C - desktop Library */
.public-article-desktop-grid {
    display: contents;
}

@media (min-width: 1024px) {
    body:has(.public-article-page) {
        background:
            radial-gradient(circle at 10% 5%, rgb(18 185 104 / 9%), transparent 28rem),
            radial-gradient(circle at 88% 20%, rgb(244 63 75 / 7%), transparent 24rem),
            linear-gradient(180deg, #f5fbf8 0%, #edf5f1 100%);
    }

    .public-article-page {
        display: grid;
        width: 100%;
        max-width: none;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        align-items: start;
        margin: 0;
        padding: 0 0 24px;
        overflow: visible;
        background: transparent;
        gap: 18px;
    }

    .public-article-hero {
        min-height: 236px;
        grid-column: 1 / span 8;
        grid-row: 1 / span 2;
        display: grid;
        align-content: center;
        padding: 34px 38px;
        border-left-width: 5px;
        border-radius: 26px;
        background:
            linear-gradient(120deg, rgb(255 255 255 / 98%), rgb(241 252 246 / 96%));
        box-shadow: 0 18px 44px rgb(18 74 48 / 9%);
    }

    .public-article-hero h1 {
        max-width: 720px;
        margin-top: 12px;
        font-size: clamp(38px, 4vw, 56px);
        line-height: 1.04;
        letter-spacing: -.035em;
    }

    .public-article-hero > p:last-child {
        max-width: 690px;
        font-size: 14px;
    }

    .public-article-today {
        min-height: 102px;
        grid-column: 9 / -1;
        grid-row: 1;
        align-content: center;
        margin-top: 0;
        padding: 20px 22px;
        border-radius: 22px;
        box-shadow: 0 14px 34px rgb(18 74 48 / 7%);
    }

    .public-article-today > span:first-child { font-size: 29px; }
    .public-article-today > span:nth-child(2) { font-size: 14px; }
    .public-article-today small { font-size: 12px; }

    .public-article-search {
        min-height: 116px;
        grid-column: 9 / -1;
        grid-row: 2;
        align-items: center;
        margin-top: 0;
        padding: 20px;
        border-radius: 22px;
        box-shadow: 0 14px 34px rgb(18 74 48 / 7%);
    }

    .public-article-search input[type=search] {
        min-height: 51px;
        padding-inline: 16px;
        font-size: 13px;
    }

    .public-article-search button {
        min-height: 51px;
        flex-basis: 54px;
    }

    .public-article-alert,
    .public-article-results,
    .public-article-desktop-grid {
        grid-column: 1 / -1;
    }

    .public-article-alert { margin-top: 0; }

    .public-article-results {
        margin-top: 0;
        padding: 26px;
        border-radius: 24px;
    }

    .public-article-result-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }

    .public-article-card {
        grid-template-columns: 1fr;
        align-content: start;
        border-radius: 18px;
        background: #fff;
    }

    .public-article-card__cover {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .public-article-card__body { padding: 16px; }
    .public-article-card h3 { font-size: 18px; line-height: 1.3; }

    .public-article-desktop-grid {
        display: grid;
        grid-template-columns: repeat(12, minmax(0, 1fr));
        align-items: start;
        gap: 18px;
    }

    .public-article-desktop-grid > .public-article-section {
        min-width: 0;
        margin-top: 0;
        padding: 24px;
        border-radius: 24px;
        box-shadow: 0 16px 38px rgb(18 74 48 / 8%);
    }

    .public-article-featured-section {
        grid-column: 1 / span 8;
        grid-row: 1;
    }

    .public-article-topics {
        grid-column: 9 / -1;
        grid-row: 1;
    }

    .public-article-latest {
        grid-column: 1 / span 8;
        grid-row: 2;
    }

    .public-article-popular {
        grid-column: 9 / -1;
        grid-row: 2;
    }

    .public-article-featured {
        grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
        border-radius: 20px;
    }

    .public-article-featured__cover {
        min-height: 360px;
    }

    .public-article-featured__body {
        display: grid;
        align-content: center;
        padding: 26px;
    }

    .public-article-featured h2 {
        margin-top: 13px;
        font-size: 29px;
        line-height: 1.18;
    }

    .public-article-primary {
        width: fit-content;
        min-width: 160px;
        padding-inline: 18px;
    }

    .public-article-topic-rail {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
        padding-bottom: 0;
        scroll-snap-type: none;
    }

    .public-article-topic-rail > a {
        min-height: 116px;
        padding: 14px;
    }

    .public-article-latest-rail {
        grid-auto-flow: row;
        grid-auto-columns: auto;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        overflow: visible;
        padding-bottom: 0;
        gap: 13px;
        scroll-snap-type: none;
    }

    .public-article-latest-rail > article { border-radius: 18px; }
    .public-article-mini__cover { aspect-ratio: 16 / 9; }
    .public-article-latest-rail h3 { font-size: 16px; }

    .public-article-popular__list { gap: 10px; }

    .public-article-popular__list > a {
        grid-template-columns: 38px minmax(0, 1fr) auto;
        padding: 14px;
        border-radius: 16px;
    }

    .public-article-popular__list strong {
        font-size: 13px;
        line-height: 1.35;
    }
}
/* End DMC 9.6C */