:root {
    --service-news-cyan: #69efff;
    --service-news-mint: #5cf5bf;
    --service-news-red: #ff5f73;
    --service-news-amber: #ffca72;
    --service-news-text: #f5f9ff;
    --service-news-muted: rgba(219, 233, 250, .68);
    --service-news-panel: rgba(14, 25, 44, .88);
    --service-news-line: rgba(143, 194, 229, .17);
}

.kng-burger {
    position: relative;
}

.service-news-burger-signal {
    position: absolute;
    z-index: 3;
    top: 4px;
    right: 4px;
    width: 10px;
    height: 10px;
    border: 2px solid #101a2c;
    border-radius: 50%;
    background: var(--service-news-red);
    box-shadow: 0 0 0 4px rgba(255, 95, 115, .12), 0 0 16px rgba(255, 95, 115, .82);
}

.service-news-nav-link {
    position: relative;
}

.service-news-nav-count {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    margin-left: 2px;
    padding: 0 5px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    background: linear-gradient(145deg, #ff6478, #d92748);
    color: #fff;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    box-shadow: 0 4px 14px rgba(222, 38, 73, .32);
}

.service-news-page {
    position: relative;
    z-index: 1;
    padding-top: clamp(124px, 8vw, 142px);
    padding-bottom: 90px;
}

.service-news-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(330px, .7fr);
    align-items: center;
    min-height: 510px;
    padding: clamp(32px, 6vw, 82px);
    border: 1px solid rgba(104, 231, 250, .2);
    border-radius: 36px;
    background:
        radial-gradient(circle at 12% 22%, rgba(57, 211, 219, .2), transparent 28rem),
        radial-gradient(circle at 84% 26%, rgba(102, 83, 247, .2), transparent 26rem),
        linear-gradient(125deg, rgba(19, 47, 67, .96), rgba(8, 17, 35, .97) 50%, rgba(18, 17, 47, .98));
    box-shadow: 0 36px 110px rgba(0, 5, 20, .35), inset 0 1px rgba(255, 255, 255, .06);
}

.service-news-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .28;
    background-image:
        linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px);
    background-size: 58px 58px;
    mask-image: linear-gradient(to right, transparent, #000 45%, #000);
}

.service-news-hero__copy,
.service-news-hero__visual {
    position: relative;
    z-index: 1;
}

.service-news-hero__eyebrow {
    display: inline-flex;
    margin-bottom: 24px;
    padding: 9px 13px;
    border: 1px solid rgba(105, 239, 255, .28);
    border-radius: 999px;
    background: rgba(105, 239, 255, .08);
    color: #aaf7ff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.service-news-hero h1 {
    margin: 0;
    color: var(--service-news-text);
    font-size: clamp(44px, 6.1vw, 86px);
    line-height: .99;
    letter-spacing: -.055em;
}

.service-news-hero__copy > p {
    max-width: 700px;
    margin: 25px 0 0;
    color: var(--service-news-muted);
    font-size: clamp(16px, 2vw, 20px);
    line-height: 1.65;
}

.service-news-hero__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 34px;
    color: rgba(229, 240, 255, .66);
    font-size: 12px;
    font-weight: 750;
}

.service-news-hero__legend span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.service-news-hero__legend i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    box-shadow: 0 0 12px currentColor;
}

.service-news-hero__legend .is-green { color: var(--service-news-mint); background: currentColor; }
.service-news-hero__legend .is-amber { color: var(--service-news-amber); background: currentColor; }
.service-news-hero__legend .is-red { color: var(--service-news-red); background: currentColor; }

.service-news-hero__visual {
    min-height: 330px;
}

.service-news-orbit,
.service-news-core {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.service-news-orbit {
    border: 1px solid rgba(105, 239, 255, .18);
    box-shadow: inset 0 0 55px rgba(72, 165, 255, .05), 0 0 65px rgba(76, 76, 255, .08);
}

.service-news-orbit::before,
.service-news-orbit::after {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--service-news-cyan);
    box-shadow: 0 0 20px var(--service-news-cyan);
}

.service-news-orbit::before { top: 12%; left: 17%; }
.service-news-orbit::after { right: 7%; bottom: 26%; background: #887cff; box-shadow: 0 0 20px #887cff; }
.service-news-orbit--one { width: 300px; height: 300px; }
.service-news-orbit--two { width: 220px; height: 220px; transform: translate(-50%, -50%) rotate(40deg); }

.service-news-core {
    display: grid;
    place-items: center;
    width: 145px;
    height: 145px;
    border: 1px solid rgba(105, 239, 255, .36);
    background: radial-gradient(circle at 35% 28%, rgba(105, 239, 255, .25), rgba(20, 34, 65, .92) 55%, rgba(12, 16, 38, .98));
    box-shadow: 0 0 85px rgba(77, 210, 241, .24), inset 0 1px rgba(255, 255, 255, .12);
}

.service-news-core span,
.service-news-core b {
    position: absolute;
}

.service-news-core span {
    margin-top: -22px;
    color: #fff;
    font-size: 38px;
    font-weight: 950;
    letter-spacing: -.08em;
}

.service-news-core b {
    margin-top: 43px;
    color: #99edf5;
    font-size: 10px;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.service-news-section {
    margin-top: 52px;
}

.service-news-section--important {
    padding: clamp(22px, 4vw, 38px);
    border: 1px solid rgba(255, 95, 115, .2);
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(74, 27, 45, .24), rgba(15, 24, 42, .56));
    box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.service-news-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 21px;
}

.service-news-section__head span {
    display: block;
    margin-bottom: 8px;
    color: var(--service-news-cyan);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.service-news-section--important .service-news-section__head span {
    color: #ff9dac;
}

.service-news-section__head h2 {
    margin: 0;
    color: var(--service-news-text);
    font-size: clamp(25px, 3.4vw, 39px);
    line-height: 1.1;
    letter-spacing: -.03em;
}

.service-news-section__head > b {
    color: rgba(223, 235, 250, .52);
    font-size: 12px;
    white-space: nowrap;
}

.service-news-live {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 11px;
    border: 1px solid rgba(255, 95, 115, .23);
    border-radius: 999px;
    background: rgba(255, 95, 115, .08);
    color: #ffb5c0 !important;
}

.service-news-live i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--service-news-red);
    box-shadow: 0 0 12px rgba(255, 95, 115, .85);
}

.service-news-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.service-news-grid--important {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.service-news-card {
    position: relative;
    overflow: hidden;
    min-height: 300px;
    padding: 24px;
    border: 1px solid var(--service-news-line);
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0, rgba(105, 239, 255, .09), transparent 13rem),
        linear-gradient(155deg, rgba(24, 39, 62, .94), rgba(11, 21, 38, .94));
    box-shadow: 0 22px 55px rgba(0, 4, 16, .18), inset 0 1px rgba(255, 255, 255, .04);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.service-news-card:hover {
    transform: translateY(-4px);
    border-color: rgba(105, 239, 255, .36);
    box-shadow: 0 28px 70px rgba(0, 4, 16, .28), 0 0 30px rgba(105, 239, 255, .05);
}

.service-news-card--important {
    min-height: 315px;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 95, 115, .14), transparent 15rem),
        linear-gradient(155deg, rgba(48, 33, 52, .96), rgba(14, 23, 40, .96));
}

.service-news-card--critical { border-color: rgba(255, 95, 115, .31); }
.service-news-card--warning { border-color: rgba(255, 202, 114, .28); }
.service-news-card--success { border-color: rgba(92, 245, 191, .23); }

.service-news-card__top {
    display: flex;
    align-items: center;
    gap: 11px;
}

.service-news-card__icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(105, 239, 255, .2);
    border-radius: 14px;
    background: linear-gradient(145deg, rgba(105, 239, 255, .14), rgba(101, 79, 235, .1));
    color: #b9faff;
    font-size: 13px;
    font-weight: 900;
}

.service-news-card--critical .service-news-card__icon,
.service-news-card--warning .service-news-card__icon {
    border-color: rgba(255, 128, 145, .26);
    background: rgba(255, 95, 115, .1);
    color: #ffb2bd;
}

.service-news-card__meta {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.service-news-card__meta span {
    overflow: hidden;
    color: #dbeeff;
    font-size: 11px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.service-news-card__meta time {
    color: rgba(216, 231, 248, .45);
    font-size: 10px;
}

.service-news-card__pin {
    margin-left: auto;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(92, 245, 191, .08);
    color: #80f7d0;
    font-size: 9px;
    font-weight: 850;
}

.service-news-card h3 {
    margin: 27px 0 12px;
    color: var(--service-news-text);
    font-size: clamp(20px, 2.2vw, 28px);
    line-height: 1.1;
    letter-spacing: -.028em;
}

.service-news-card > p {
    display: -webkit-box;
    overflow: hidden;
    margin: 0 0 26px;
    color: var(--service-news-muted);
    font-size: 14px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.service-news-card__link {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 21px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 14px;
    border-top: 1px solid rgba(143, 194, 229, .12);
    color: var(--service-news-cyan);
    font-size: 12px;
    font-weight: 850;
}

.service-news-card__link b {
    font-size: 19px;
    transition: transform .2s ease;
}

.service-news-card:hover .service-news-card__link b { transform: translateX(4px); }

.service-news-empty {
    display: grid;
    place-items: center;
    min-height: 380px;
    margin-top: 42px;
    padding: 45px 22px;
    border: 1px dashed rgba(105, 239, 255, .2);
    border-radius: 28px;
    background: rgba(15, 26, 45, .55);
    text-align: center;
}

.service-news-empty > div {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border: 1px solid rgba(105, 239, 255, .25);
    border-radius: 22px;
    color: var(--service-news-cyan);
    font-size: 25px;
}

.service-news-empty h2 { margin: 17px 0 8px; color: var(--service-news-text); }
.service-news-empty p { max-width: 620px; margin: 0; color: var(--service-news-muted); line-height: 1.6; }
.service-news-empty a { margin-top: 19px; color: var(--service-news-cyan); font-weight: 800; }

.service-news-detail {
    position: relative;
    overflow: hidden;
    max-width: 1080px;
    margin: 0 auto;
    padding: clamp(28px, 6vw, 76px);
    border: 1px solid var(--service-news-line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 95% 2%, rgba(105, 239, 255, .12), transparent 26rem),
        linear-gradient(150deg, rgba(27, 43, 67, .96), rgba(10, 20, 37, .97));
    box-shadow: 0 32px 100px rgba(0, 5, 20, .3), inset 0 1px rgba(255, 255, 255, .05);
}

.service-news-detail--critical {
    border-color: rgba(255, 95, 115, .3);
    background:
        radial-gradient(circle at 95% 2%, rgba(255, 95, 115, .15), transparent 28rem),
        linear-gradient(150deg, rgba(48, 32, 52, .96), rgba(10, 20, 37, .97));
}

.service-news-detail__back {
    display: inline-flex;
    margin-bottom: 45px;
    color: var(--service-news-cyan);
    font-size: 13px;
    font-weight: 800;
}

.service-news-detail__head {
    display: flex;
    align-items: center;
    gap: 14px;
}

.service-news-detail__icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    border: 1px solid rgba(105, 239, 255, .24);
    border-radius: 17px;
    background: rgba(105, 239, 255, .09);
    color: #adf7ff;
    font-weight: 900;
}

.service-news-detail__head > div { display: grid; gap: 5px; }
.service-news-detail__category { color: #e5f5ff; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: .1em; }
.service-news-detail__head time { color: rgba(219, 233, 250, .48); font-size: 11px; }

.service-news-detail h1 {
    max-width: 900px;
    margin: 34px 0 19px;
    color: var(--service-news-text);
    font-size: clamp(38px, 6vw, 72px);
    line-height: 1.02;
    letter-spacing: -.05em;
}

.service-news-detail__lead {
    max-width: 840px;
    margin: 0;
    color: rgba(225, 238, 255, .75);
    font-size: clamp(18px, 2.5vw, 24px);
    line-height: 1.55;
}

.service-news-detail__body {
    max-width: 830px;
    margin-top: 45px;
    padding-top: 35px;
    border-top: 1px solid rgba(143, 194, 229, .14);
    color: rgba(231, 240, 251, .82);
    font-size: 17px;
    line-height: 1.85;
}

.service-news-detail__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 52px;
    padding-top: 22px;
    border-top: 1px solid rgba(143, 194, 229, .14);
    color: rgba(219, 233, 250, .45);
    font-size: 11px;
}

.service-news-detail__footer a { color: var(--service-news-cyan); font-weight: 850; }

/* Global warning modal */
.service-news-modal[hidden] { display: none !important; }

.service-news-modal {
    position: fixed;
    z-index: 10050;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
}

.service-news-modal__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(2, 7, 17, .76);
    backdrop-filter: blur(14px);
    cursor: default;
}

.service-news-modal__panel {
    position: relative;
    overflow: hidden;
    width: min(620px, 100%);
    padding: clamp(25px, 5vw, 43px);
    border: 1px solid rgba(105, 239, 255, .24);
    border-radius: 30px;
    background:
        radial-gradient(circle at 100% 0, rgba(105, 239, 255, .13), transparent 22rem),
        linear-gradient(145deg, rgba(28, 46, 70, .99), rgba(9, 19, 36, .99));
    box-shadow: 0 45px 140px rgba(0, 0, 0, .58), inset 0 1px rgba(255, 255, 255, .07);
    animation: serviceNewsModalIn .28s ease-out both;
}

.service-news-modal--critical .service-news-modal__panel,
.service-news-modal--warning .service-news-modal__panel {
    border-color: rgba(255, 95, 115, .35);
    background:
        radial-gradient(circle at 100% 0, rgba(255, 95, 115, .2), transparent 23rem),
        linear-gradient(145deg, rgba(55, 35, 55, .99), rgba(10, 19, 35, .99));
}

.service-news-modal__glow {
    position: absolute;
    top: -100px;
    right: -80px;
    width: 230px;
    height: 230px;
    border-radius: 50%;
    background: rgba(105, 239, 255, .16);
    filter: blur(55px);
}

.service-news-modal--critical .service-news-modal__glow,
.service-news-modal--warning .service-news-modal__glow { background: rgba(255, 95, 115, .2); }

.service-news-modal__topline {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.service-news-modal__category {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(229, 241, 255, .72);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.service-news-modal__category b {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    border: 1px solid rgba(105, 239, 255, .2);
    border-radius: 9px;
    color: #aaf7ff;
    font-size: 9px;
}

.service-news-modal__close {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 13px;
    background: rgba(255, 255, 255, .05);
    color: #e9f4ff;
    font-size: 25px;
    cursor: pointer;
}

.service-news-modal__signal {
    position: relative;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin-top: 33px;
    border: 1px solid rgba(105, 239, 255, .26);
    border-radius: 19px;
    background: rgba(105, 239, 255, .09);
}

.service-news-modal--critical .service-news-modal__signal,
.service-news-modal--warning .service-news-modal__signal {
    border-color: rgba(255, 95, 115, .32);
    background: rgba(255, 95, 115, .1);
}

.service-news-modal__signal span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--service-news-cyan);
    box-shadow: 0 0 0 8px rgba(105, 239, 255, .08), 0 0 24px rgba(105, 239, 255, .65);
}

.service-news-modal--critical .service-news-modal__signal span,
.service-news-modal--warning .service-news-modal__signal span {
    background: var(--service-news-red);
    box-shadow: 0 0 0 8px rgba(255, 95, 115, .08), 0 0 24px rgba(255, 95, 115, .7);
}

.service-news-modal__eyebrow {
    margin: 21px 0 8px;
    color: var(--service-news-cyan);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.service-news-modal--critical .service-news-modal__eyebrow,
.service-news-modal--warning .service-news-modal__eyebrow { color: #ff96a4; }

.service-news-modal h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    color: #f8fbff;
    font-size: clamp(29px, 5vw, 43px);
    line-height: 1.05;
    letter-spacing: -.04em;
}

.service-news-modal__summary {
    position: relative;
    z-index: 1;
    margin: 17px 0 0;
    color: rgba(226, 239, 255, .71);
    font-size: 15px;
    line-height: 1.65;
}

.service-news-modal__date {
    margin: 14px 0 0;
    color: rgba(220, 233, 249, .42);
    font-size: 11px;
}

.service-news-modal__actions {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
    margin-top: 28px;
}

.service-news-modal__primary,
.service-news-modal__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 20px;
    border-radius: 15px;
    font: inherit;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
}

.service-news-modal__primary {
    border: 1px solid rgba(105, 239, 255, .35);
    background: linear-gradient(145deg, #55dce9, #57b9ee);
    color: #061520;
    box-shadow: 0 14px 35px rgba(65, 197, 222, .2);
}

.service-news-modal--critical .service-news-modal__primary,
.service-news-modal--warning .service-news-modal__primary {
    border-color: rgba(255, 137, 152, .4);
    background: linear-gradient(145deg, #ff788b, #ef4f68);
    color: #fff;
    box-shadow: 0 14px 35px rgba(218, 52, 78, .22);
}

.service-news-modal__secondary {
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .055);
    color: #eaf4ff;
}

body.service-news-modal-open { overflow: hidden; }

@keyframes serviceNewsModalIn {
    from { opacity: 0; transform: translateY(18px) scale(.975); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Explicit light theme: no washed-out cards or low-contrast text. */
html[data-public-theme="light"] .service-news-page {
    --service-news-text: #102239;
    --service-news-muted: rgba(26, 47, 72, .72);
    --service-news-panel: rgba(255, 255, 255, .92);
    --service-news-line: rgba(37, 86, 116, .17);
}

html[data-public-theme="light"] .service-news-hero {
    border-color: rgba(33, 132, 158, .22);
    background:
        radial-gradient(circle at 12% 22%, rgba(77, 217, 223, .22), transparent 28rem),
        radial-gradient(circle at 84% 26%, rgba(117, 118, 238, .16), transparent 26rem),
        linear-gradient(125deg, #e9fbff, #f5f9ff 50%, #eef0ff);
    box-shadow: 0 25px 80px rgba(22, 73, 103, .14), inset 0 1px #fff;
}

html[data-public-theme="light"] .service-news-hero__eyebrow,
html[data-public-theme="light"] .service-news-section__head span,
html[data-public-theme="light"] .service-news-empty a,
html[data-public-theme="light"] .service-news-detail__back,
html[data-public-theme="light"] .service-news-detail__footer a,
html[data-public-theme="light"] .service-news-card__link { color: #087f99; }

html[data-public-theme="light"] .service-news-hero__legend,
html[data-public-theme="light"] .service-news-section__head > b { color: rgba(26, 47, 72, .62); }

html[data-public-theme="light"] .service-news-section--important {
    border-color: rgba(205, 65, 87, .19);
    background: linear-gradient(145deg, rgba(255, 236, 240, .9), rgba(245, 249, 255, .86));
}

html[data-public-theme="light"] .service-news-card {
    border-color: rgba(37, 86, 116, .15);
    background:
        radial-gradient(circle at 100% 0, rgba(57, 195, 211, .11), transparent 13rem),
        linear-gradient(155deg, rgba(255, 255, 255, .98), rgba(239, 246, 253, .98));
    box-shadow: 0 18px 45px rgba(31, 73, 101, .11), inset 0 1px #fff;
}

html[data-public-theme="light"] .service-news-card--important {
    background:
        radial-gradient(circle at 100% 0, rgba(238, 75, 102, .11), transparent 15rem),
        linear-gradient(155deg, #fff, #f9eef2);
}

html[data-public-theme="light"] .service-news-card__meta span,
html[data-public-theme="light"] .service-news-detail__category { color: #203a58; }
html[data-public-theme="light"] .service-news-card__meta time,
html[data-public-theme="light"] .service-news-detail__head time,
html[data-public-theme="light"] .service-news-detail__footer { color: rgba(26, 47, 72, .52); }

html[data-public-theme="light"] .service-news-card__link,
html[data-public-theme="light"] .service-news-detail__body,
html[data-public-theme="light"] .service-news-detail__footer { border-color: rgba(37, 86, 116, .13); }

html[data-public-theme="light"] .service-news-detail {
    border-color: rgba(37, 86, 116, .16);
    background:
        radial-gradient(circle at 95% 2%, rgba(62, 201, 217, .13), transparent 26rem),
        linear-gradient(150deg, #fff, #f0f6fc);
    box-shadow: 0 25px 80px rgba(26, 67, 96, .13), inset 0 1px #fff;
}

html[data-public-theme="light"] .service-news-detail--critical {
    border-color: rgba(205, 65, 87, .22);
    background: radial-gradient(circle at 95% 2%, rgba(238, 75, 102, .13), transparent 28rem), linear-gradient(150deg, #fff, #f9eef2);
}

html[data-public-theme="light"] .service-news-detail__lead,
html[data-public-theme="light"] .service-news-detail__body { color: rgba(26, 47, 72, .8); }

html[data-public-theme="light"] .service-news-empty {
    border-color: rgba(37, 86, 116, .18);
    background: rgba(255, 255, 255, .78);
}

html[data-public-theme="light"] .service-news-burger-signal { border-color: #fff; }

/* The modal stays dark in both themes for maximum warning contrast. */

@media (max-width: 980px) {
    .service-news-hero {
        grid-template-columns: 1fr;
    }

    .service-news-hero__visual {
        display: none;
    }

    .service-news-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .service-news-page {
        padding-top: 104px;
        padding-bottom: 110px;
    }

    .service-news-hero {
        min-height: auto;
        padding: 36px 22px;
        border-radius: 25px;
    }

    .service-news-hero h1 {
        font-size: clamp(40px, 13vw, 58px);
    }

    .service-news-hero__legend {
        display: grid;
    }

    .service-news-section,
    .service-news-section--important {
        margin-top: 32px;
    }

    .service-news-section--important {
        padding: 18px;
        border-radius: 23px;
    }

    .service-news-section__head {
        display: grid;
        align-items: start;
    }

    .service-news-grid,
    .service-news-grid--important {
        grid-template-columns: 1fr;
    }

    .service-news-card,
    .service-news-card--important {
        min-height: 285px;
        border-radius: 20px;
    }

    .service-news-detail {
        padding: 25px 20px;
        border-radius: 24px;
    }

    .service-news-detail__back {
        margin-bottom: 32px;
    }

    .service-news-detail__footer {
        display: grid;
    }

    .service-news-modal {
        align-items: end;
        padding: 10px;
    }

    .service-news-modal__panel {
        max-height: calc(100vh - 20px);
        overflow-y: auto;
        border-radius: 25px;
    }

    .service-news-modal__actions {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .service-news-card,
    .service-news-card__link b,
    .service-news-modal__panel {
        animation: none;
        transition: none;
    }
}