/* ==========================================================
   HORMUUD UNIVERSITY NEWS
   Hormuud University editorial system
   Latest section: big lead image + right-side story list.
   Archive: HU-specific image thumbnails per article.
   ========================================================== */

.hu-news-page {
    /* Hormuud University identity */
    --green:#148154;
    --green-dark:#0F6843;
    --green-soft:#E8F3EE;

    --blue:#2C85B7;
    --blue-dark:#236E98;
    --blue-soft:#EAF4F9;

    --ink:#202522;
    --soft:#606862;
    --muted:#7B857E;

    --paper:#F8FAF9;
    --white:#FFFFFF;

    --line:#D9E0DC;
    --line-dark:#C8D1CB;

    --sans:"Inter", Arial, sans-serif;
    --serif:"Source Serif 4", Georgia, serif;

    width:100%;

    color:var(--ink);
    background:var(--paper);

    font-family:var(--sans);
    font-size:16px;
    line-height:1.48;
}


.hu-news-page *,
.hu-news-page *::before,
.hu-news-page *::after {
    box-sizing:border-box;
}


.hu-news-page button,
.hu-news-page input,
.hu-news-page select {
    font:inherit;
}


.hu-news-shell {
    width:min(
        1190px,
        calc(100% - 56px)
    );

    margin-inline:auto;
}


/* ==========================================================
   INTRO
   ========================================================== */

.hu-news-intro {
    padding:
        115px
        0
        70px;
}


.hu-news-intro-grid {
    display:grid;

    grid-template-columns:
        1fr
        1fr;

    gap:85px;

    align-items:start;
}


.hu-news-intro h1 {
    margin:0;

    color:var(--ink);

    font-size:
        clamp(
            58px,
            6vw,
            82px
        );

    font-weight:700;

    line-height:.94;

    letter-spacing:-.055em;
}


.hu-news-intro-copy > p {
    max-width:620px;

    margin:0;

    color:var(--ink);

    font-family:var(--serif);

    font-size:
        clamp(
            21px,
            2vw,
            27px
        );

    line-height:1.28;
}


.hu-news-category-links {
    display:flex;
    flex-wrap:wrap;

    gap:
        5px
        17px;

    margin-top:16px;
}


.hu-news-category-links button {
    padding:0;

    color:var(--soft);
    background:transparent;

    border:0;
    border-bottom:
        1px solid
        #C8D1CB;

    cursor:pointer;

    font-family:var(--serif);
    font-size:14px;
}


.hu-news-category-links button:hover {
    color:var(--green-dark);

    border-color:
        var(--green-dark);
}


/* ==========================================================
   CATEGORY OVERVIEW
   ========================================================== */

.hu-news-category-overview {
    padding-bottom:42px;
}


.hu-news-category-grid {
    display:grid;

    grid-template-columns:
        repeat(5, 1fr);

    border-top:
        1px solid
        var(--line);

    border-bottom:
        1px solid
        var(--line);
}


.hu-category-column {
    min-height:220px;

    padding:
        42px
        24px
        43px
        0;
}


.hu-category-column +
.hu-category-column {
    padding-left:24px;
}


.hu-category-column h3 {
    margin:0;

    color:var(--ink);

    font-size:17px;
    line-height:1.16;
}


.hu-category-column p {
    margin:
        9px
        0
        0;

    color:var(--ink);

    font-family:var(--serif);
    font-size:15px;

    line-height:1.3;
}


.hu-category-column button {
    margin-top:18px;

    padding:0;

    color:var(--green-dark);
    background:transparent;

    border:0;

    cursor:pointer;

    font-size:12px;
    font-weight:600;
}


/* ==========================================================
   LATEST UNIVERSITY STORIES
   ========================================================== */

.hu-latest {
    padding:
        0
        0
        92px;
}


.hu-latest-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:24px;

    padding:
        0
        0
        18px;

    border-bottom:
        1px solid
        var(--line);
}


.hu-latest-heading span {
    color:var(--green-dark);

    font-size:12px;
    font-weight:700;

    letter-spacing:.06em;
}


.hu-latest-heading strong {
    color:var(--soft);

    font-family:var(--serif);

    font-size:14px;
    font-weight:400;
}


.hu-latest-layout {
    display:grid;

    grid-template-columns:
        minmax(0, 1.9fr)
        minmax(320px, .95fr);

    gap:31px;

    padding-top:42px;

    border-bottom:
        1px solid
        var(--line);
}


/* ==========================================================
   LEAD STORY
   ========================================================== */

.hu-latest-lead {
    min-width:0;

    padding-bottom:50px;
}


.hu-latest-lead-image {
    position:relative;

    aspect-ratio:
        16 / 8.75;

    display:block;

    overflow:hidden;

    background:#E8F3EE;

    border-radius:
        15px;
}


.hu-latest-lead-image img {
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform
        .55s
        cubic-bezier(.16,1,.3,1);
}


.hu-latest-lead-image:hover img {
    transform:
        scale(1.018);
}


.hu-image-fallback {
    width:100%;
    height:100%;

    display:grid;
    place-items:center;

    color:#ffffff;

    background: var(--green);

    box-shadow: inset 0 -4px 0 var(--blue);
}


.hu-image-fallback span {
    font-size:70px;
    font-weight:700;
}


.hu-latest-lead-info {
    display:grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(0, 1.05fr);

    gap:36px;

    margin-top:25px;
}


.hu-latest-lead-info h2 {
    margin:0;

    color:var(--ink);

    font-size:
        clamp(
            29px,
            3vw,
            42px
        );

    font-weight:700;

    line-height:1.12;

    letter-spacing:-.037em;
}


.hu-latest-lead-info h2 a {
    color:inherit;

    text-decoration:none;
}


.hu-latest-lead-info h2 a:hover {
    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:4px;
}


.hu-story-meta {
    display:flex;
    flex-wrap:wrap;

    gap:10px;

    font-size:12px;
}


.hu-story-meta span {
    color:var(--green-dark);

    font-weight:600;
}


.hu-story-meta time {
    color:var(--soft);
}


.hu-latest-lead-summary p {
    margin:
        10px
        0
        0;

    color:var(--ink);

    font-family:var(--serif);

    font-size:16px;

    line-height:1.32;
}


.hu-story-read {
    display:inline-flex;
    align-items:center;

    gap:7px;

    margin-top:14px;

    color:var(--green-dark);

    text-decoration:none;

    font-size:12px;
    font-weight:700;
}


.hu-story-read span {
    color:var(--blue);

    transition:
        transform .18s ease;
}


.hu-story-read:hover span {
    transform:
        translateX(4px);
}


/* ==========================================================
   SUPPORTING STORIES — RIGHT SIDE
   ========================================================== */

.hu-latest-side {
    min-width:0;
}


.hu-latest-side-item {
    padding:
        0
        0
        20px;

    margin-bottom:20px;

    border-bottom:
        1px solid
        var(--line);
}


.hu-latest-side-item:last-child {
    margin-bottom:0;
}


.hu-latest-side-item h3 {
    margin:
        8px
        0
        0;

    color:var(--ink);

    font-size:
        clamp(
            18px,
            1.65vw,
            23px
        );

    font-weight:700;

    line-height:1.14;

    letter-spacing:-.022em;
}


.hu-latest-side-item h3 a {
    color:inherit;

    text-decoration:none;
}


.hu-latest-side-item p {
    margin:
        8px
        0
        0;

    color:var(--ink);

    font-family:var(--serif);

    font-size:14px;

    line-height:1.3;
}


.hu-latest-side-item:hover h3 a {
    color:var(--green-dark);

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}


.hu-latest-side-item {
    position:relative;
}


.hu-latest-side-item::after {
    content:"";

    position:absolute;

    left:0;
    bottom:-1px;

    width:0;
    height:1px;

    background:
        linear-gradient(
            90deg,
            var(--green),
            var(--blue)
        );

    transition:
        width .28s
        cubic-bezier(.16,1,.3,1);
}


.hu-latest-side-item:hover::after {
    width:100%;
}


/* ==========================================================
   LATEST EMPTY
   ========================================================== */

.hu-latest-empty {
    padding:
        55px
        0;

    border-bottom:
        1px solid
        var(--line);
}


.hu-latest-empty h2 {
    margin:0;

    font-size:34px;
}


.hu-latest-empty p {
    margin:
        8px
        0
        0;

    color:var(--soft);

    font-family:var(--serif);
}


/* ==========================================================
   PUBLICATIONS
   ========================================================== */

.hu-publications {
    padding:
        0
        0
        76px;
}


.hu-publications-heading {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:30px;

    margin-bottom:34px;
}


.hu-publications-heading h2 {
    margin:0;

    color:var(--ink);

    font-size:
        clamp(
            36px,
            4vw,
            50px
        );

    line-height:1;
}


.hu-publication-controls {
    display:flex;

    align-items:center;

    gap:8px;
}


.hu-search {
    position:relative;

    display:block;

    width:260px;
}


.hu-search svg {
    position:absolute;

    left:13px;
    top:50%;

    width:17px;
    height:17px;

    fill:none;

    color:#7B857E;

    stroke:currentColor;

    stroke-width:1.5;

    transform:
        translateY(-50%);
}


.hu-search input,
.hu-publication-controls select {
    height:42px;

    color:var(--ink);

    background:
        rgba(255,255,255,.58);

    border:
        1px solid
        var(--line);

    border-radius:9px;

    outline:none;

    font-size:13px;
}


.hu-search input {
    width:100%;

    padding:
        0
        12px
        0
        39px;
}


.hu-publication-controls select {
    min-width:118px;

    padding:
        0
        9px;
}


.hu-search input:focus,
.hu-publication-controls select:focus {
    border-color:var(--green);

    box-shadow:
        0 0 0 2px
        rgba(20,129,84,.08);
}


.hu-reset {
    height:42px;

    padding:
        0
        12px;

    color:var(--green-dark);

    background:transparent;

    border:
        1px solid
        var(--line);

    border-radius:9px;

    cursor:pointer;

    font-size:12px;
    font-weight:600;
}


.hu-reset:hover {
    color:#ffffff;

    background:var(--green);

    border-color:var(--green);
}


/* ==========================================================
   ACTIVE FILTER
   ========================================================== */

.hu-active-filter {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:20px;

    padding:
        14px
        0;

    border-top:
        1px solid
        var(--line);
}


.hu-active-filter span {
    color:var(--soft);

    font-family:var(--serif);

    font-size:14px;
}


.hu-active-filter strong {
    color:var(--green-dark);

    font-size:12px;
}


/* ==========================================================
   ARTICLE TABLE WITH IMAGE THUMBNAILS
   ========================================================== */

.hu-article-table {
    border-top:
        1px solid
        var(--line);
}


.hu-article-table-head,
.hu-article-row {
    display:grid;

    grid-template-columns:
        92px
        145px
        190px
        minmax(0, 1fr);

    gap:20px;

    align-items:center;
}


.hu-article-table-head {
    min-height:54px;

    color:var(--soft);

    font-size:12px;

    text-transform:uppercase;
}


.hu-article-row {
    min-height:102px;

    padding:
        13px
        0;

    border-top:
        1px solid
        var(--line);

    color:var(--soft);

    font-size:14px;
}


.hu-article-row > * {
    min-width:0;
}


.hu-article-thumb {
    width:92px;
    height:72px;

    display:block;

    overflow:hidden;

    background:
        var(--green-soft);

    border-radius:7px;
}


.hu-article-thumb img {
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .35s ease;
}


.hu-article-thumb:hover img {
    transform:
        scale(1.04);
}


.hu-thumb-fallback {
    width:100%;
    height:100%;

    display:grid;
    place-items:center;

    color:#ffffff;

    background: var(--green);

    box-shadow: inset 0 -4px 0 var(--blue);

    font-size:20px;
    font-weight:700;
}


.hu-article-row time {
    color:var(--soft);
}


.hu-article-row-category {
    color:var(--soft);
}


.hu-article-row-title a {
    color:var(--soft);

    text-decoration:none;
}


.hu-article-row:hover
.hu-article-row-title a {
    color:var(--ink);

    text-decoration:underline;

    text-decoration-thickness:1px;

    text-underline-offset:3px;
}


.hu-article-row:hover time,
.hu-article-row:hover
.hu-article-row-category {
    color:var(--ink);
}


/* ==========================================================
   SEE MORE
   ========================================================== */

.hu-see-more {
    width:100%;

    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:9px;

    margin-top:30px;

    color:var(--soft);

    background:transparent;

    border:
        1px solid
        var(--line);

    border-radius:8px;

    cursor:pointer;

    font-size:14px;
}


.hu-see-more svg {
    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.5;
}


.hu-see-more:hover {
    color:var(--green-dark);

    border-color:var(--green);
}


/* ==========================================================
   EMPTY
   ========================================================== */

.hu-empty-state {
    padding:
        55px
        20px;

    text-align:center;

    border-top:
        1px solid
        var(--line);

    border-bottom:
        1px solid
        var(--line);
}


.hu-empty-state h3 {
    margin:0;

    font-size:26px;
}


.hu-empty-state p {
    margin:
        7px
        0
        0;

    color:var(--soft);

    font-family:var(--serif);
}


/* ==========================================================
   CLOSING
   ========================================================== */

.hu-news-closing {
    padding:
        110px
        0;

    color:#ffffff;

    background:#0F6843;
}


.hu-news-closing-inner {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:40px;
}


.hu-news-closing h2 {
    max-width:700px;

    margin:0;

    font-size:
        clamp(
            44px,
            5vw,
            66px
        );

    line-height:1;

    letter-spacing:-.045em;
}


.hu-news-closing button {
    min-height:46px;

    padding:
        0
        15px;

    color:var(--ink);

    background:#ffffff;

    border:0;

    border-radius:8px;

    cursor:pointer;

    font-size:13px;
    font-weight:600;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1080px) {

    .hu-news-category-grid {
        grid-template-columns:
            repeat(3, 1fr);
    }


    .hu-latest-layout {
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(300px, 1fr);
    }


    .hu-publications-heading {
        align-items:flex-start;

        flex-direction:column;
    }


    .hu-publication-controls {
        width:100%;

        flex-wrap:wrap;
    }


    .hu-article-table-head,
    .hu-article-row {
        grid-template-columns:
            82px
            125px
            160px
            minmax(0, 1fr);
    }


    .hu-article-thumb {
        width:82px;
        height:66px;
    }

}


@media (max-width: 820px) {

    .hu-news-intro {
        padding-top:80px;
    }


    .hu-news-intro-grid {
        grid-template-columns:1fr;

        gap:35px;
    }


    .hu-news-category-grid {
        grid-template-columns:
            repeat(2, 1fr);
    }


    .hu-latest-layout {
        grid-template-columns:1fr;
    }


    .hu-latest-lead-info {
        grid-template-columns:1fr;

        gap:18px;
    }


    .hu-latest-side {
        padding-bottom:22px;
    }


    .hu-article-table-head,
    .hu-article-row {
        grid-template-columns:
            82px
            105px
            135px
            minmax(0, 1fr);

        gap:13px;
    }

}


@media (max-width: 640px) {

    .hu-news-shell {
        width:
            min(
                100% - 30px,
                1190px
            );
    }


    .hu-news-intro h1 {
        font-size:54px;
    }


    .hu-news-category-grid {
        grid-template-columns:1fr;
    }


    .hu-category-column,
    .hu-category-column +
    .hu-category-column {
        min-height:auto;

        padding:
            28px
            0;

        border-bottom:
            1px solid
            var(--line);
    }


    .hu-latest-heading {
        align-items:flex-start;

        flex-direction:column;

        gap:5px;
    }


    .hu-latest-lead-image {
        aspect-ratio:
            4 / 3;

        border-radius:11px;
    }


    .hu-latest-lead-info h2 {
        font-size:31px;
    }


    .hu-publication-controls {
        display:grid;

        grid-template-columns:
            1fr
            1fr;
    }


    .hu-search {
        width:100%;

        grid-column:
            1 / -1;
    }


    .hu-article-table-head {
        display:none;
    }


    .hu-article-row {
        grid-template-columns:
            92px
            1fr;

        grid-template-rows:auto auto auto;

        gap:
            4px
            14px;

        padding:
            18px
            0;
    }


    .hu-article-thumb {
        grid-row:
            1 / 4;

        width:92px;
        height:78px;
    }


    .hu-article-row-title {
        grid-column:2;
        grid-row:1;

        font-size:16px;

        font-weight:600;
    }


    .hu-article-row time {
        grid-column:2;
        grid-row:2;

        font-size:12px;
    }


    .hu-article-row-category {
        grid-column:2;
        grid-row:3;

        color:var(--green-dark);

        font-size:12px;
    }


    .hu-news-closing-inner {
        align-items:flex-start;

        flex-direction:column;
    }

}


/* ==========================================================
   SCROLL SAFETY
   ========================================================== */

html,
body {
    height:auto !important;

    min-height:100% !important;

    overflow-y:auto !important;

    overflow-x:hidden;
}


.hu-news-page {
    height:auto !important;

    max-height:none !important;

    overflow:visible !important;
}


/* ==========================================================
   REDUCED MOTION
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .hu-news-page *,
    .hu-news-page *::before,
    .hu-news-page *::after {
        animation:none !important;

        transition:none !important;

        scroll-behavior:auto !important;
    }

}


/* ==========================================================
   HORMUUD UNIVERSITY NEWS — DARK MODE 2026
   ========================================================== */

html[data-theme="dark"] .hu-news-page {
    --green:#66C59B;
    --green-dark:#86D5B2;
    --green-soft:#183A2C;

    --blue:#72BCE3;
    --blue-dark:#97D1EC;
    --blue-soft:#173442;

    --ink:#EDF3EF;
    --soft:#A9B5AE;
    --muted:#7F8B84;

    --paper:#0E1511;
    --white:#151E18;

    --line:#2D3A32;
    --line-dark:#3A493F;

    color:var(--ink) !important;
    background:var(--paper) !important;
}


/* INTRO + CATEGORY OVERVIEW */

html[data-theme="dark"] .hu-news-page .hu-news-intro,
html[data-theme="dark"] .hu-news-page .hu-news-category-overview,
html[data-theme="dark"] .hu-news-page .hu-latest,
html[data-theme="dark"] .hu-news-page .hu-publications {
    background:#0E1511 !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-intro h1,
html[data-theme="dark"] .hu-news-page .hu-category-column h3,
html[data-theme="dark"] .hu-news-page .hu-latest-lead-info h2,
html[data-theme="dark"] .hu-news-page .hu-latest-side-item h3,
html[data-theme="dark"] .hu-news-page .hu-publications-heading h2,
html[data-theme="dark"] .hu-news-page .hu-empty-state h3,
html[data-theme="dark"] .hu-news-page .hu-latest-empty h2 {
    color:var(--ink) !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-intro-copy > p,
html[data-theme="dark"] .hu-news-page .hu-category-column p,
html[data-theme="dark"] .hu-news-page .hu-latest-heading strong,
html[data-theme="dark"] .hu-news-page .hu-latest-side-item p,
html[data-theme="dark"] .hu-news-page .hu-latest-empty p,
html[data-theme="dark"] .hu-news-page .hu-empty-state p {
    color:var(--soft) !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-category-grid,
html[data-theme="dark"] .hu-news-page .hu-latest-heading,
html[data-theme="dark"] .hu-news-page .hu-latest-layout,
html[data-theme="dark"] .hu-news-page .hu-active-filter,
html[data-theme="dark"] .hu-news-page .hu-article-table,
html[data-theme="dark"] .hu-news-page .hu-article-row,
html[data-theme="dark"] .hu-news-page .hu-empty-state {
    border-color:var(--line) !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-category-links button,
html[data-theme="dark"] .hu-news-page .hu-category-column button,
html[data-theme="dark"] .hu-news-page .hu-latest-heading span,
html[data-theme="dark"] .hu-news-page .hu-story-meta span,
html[data-theme="dark"] .hu-news-page .hu-story-read,
html[data-theme="dark"] .hu-news-page .hu-active-filter strong {
    color:var(--green-dark) !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-category-links button {
    border-color:var(--line-dark) !important;
}


/* LATEST STORIES */

html[data-theme="dark"] .hu-news-page .hu-latest-lead-image,
html[data-theme="dark"] .hu-news-page .hu-article-thumb {
    background:var(--green-soft) !important;
}

html[data-theme="dark"] .hu-news-page .hu-image-fallback,
html[data-theme="dark"] .hu-news-page .hu-thumb-fallback {
    color:#0E1511 !important;
    background:var(--green) !important;
    box-shadow:inset 0 -4px 0 var(--blue) !important;
}

html[data-theme="dark"] .hu-news-page .hu-latest-side-item {
    border-color:var(--line) !important;
}

html[data-theme="dark"] .hu-news-page .hu-story-meta,
html[data-theme="dark"] .hu-news-page .hu-latest-side-item time {
    color:var(--muted) !important;
}


/* FILTERS */

html[data-theme="dark"] .hu-news-page .hu-search input,
html[data-theme="dark"] .hu-news-page .hu-publication-controls select {
    color:var(--ink) !important;
    background:#151E18 !important;
    border-color:var(--line-dark) !important;
}

html[data-theme="dark"] .hu-news-page .hu-search input::placeholder {
    color:var(--muted) !important;
}

html[data-theme="dark"] .hu-news-page .hu-search svg {
    color:var(--muted) !important;
}

html[data-theme="dark"] .hu-news-page .hu-search input:focus,
html[data-theme="dark"] .hu-news-page .hu-publication-controls select:focus {
    border-color:var(--green) !important;
    box-shadow:0 0 0 2px rgba(102,197,155,.10) !important;
}

html[data-theme="dark"] .hu-news-page .hu-reset {
    color:var(--green-dark) !important;
    border-color:var(--line-dark) !important;
}

html[data-theme="dark"] .hu-news-page .hu-reset:hover {
    color:#0E1511 !important;
    background:var(--green) !important;
    border-color:var(--green) !important;
}


/* ARTICLE TABLE */

html[data-theme="dark"] .hu-news-page .hu-article-table-head,
html[data-theme="dark"] .hu-news-page .hu-article-row,
html[data-theme="dark"] .hu-news-page .hu-article-row time,
html[data-theme="dark"] .hu-news-page .hu-article-row-category,
html[data-theme="dark"] .hu-news-page .hu-article-row-title a {
    color:var(--soft) !important;
}

html[data-theme="dark"] .hu-news-page .hu-article-row:hover time,
html[data-theme="dark"] .hu-news-page .hu-article-row:hover .hu-article-row-category,
html[data-theme="dark"] .hu-news-page .hu-article-row:hover .hu-article-row-title a {
    color:var(--ink) !important;
}

html[data-theme="dark"] .hu-news-page .hu-see-more {
    color:var(--soft) !important;
    border-color:var(--line-dark) !important;
}

html[data-theme="dark"] .hu-news-page .hu-see-more:hover {
    color:var(--green-dark) !important;
    border-color:var(--green) !important;
}


/* CLOSING */

html[data-theme="dark"] .hu-news-page .hu-news-closing {
    color:#F4F7F5 !important;
    background:#0B3322 !important;
}

html[data-theme="dark"] .hu-news-page .hu-news-closing button {
    color:#0E1511 !important;
    background:#86D5B2 !important;
}


/* RESPONSIVE DARK BORDERS */

@media (max-width:640px) {
    html[data-theme="dark"] .hu-news-page .hu-category-column,
    html[data-theme="dark"] .hu-news-page .hu-category-column + .hu-category-column {
        border-color:var(--line) !important;
    }
}


/* THEME TRANSITIONS */

.hu-news-page,
.hu-news-page .hu-news-intro,
.hu-news-page .hu-news-category-overview,
.hu-news-page .hu-latest,
.hu-news-page .hu-publications,
.hu-news-page .hu-search input,
.hu-news-page .hu-publication-controls select,
.hu-news-page .hu-reset,
.hu-news-page .hu-article-row,
.hu-news-page .hu-see-more,
.hu-news-page .hu-news-closing {
    transition:
        background-color .24s ease,
        color .24s ease,
        border-color .24s ease;
}

@media (prefers-reduced-motion:reduce) {
    .hu-news-page,
    .hu-news-page .hu-news-intro,
    .hu-news-page .hu-news-category-overview,
    .hu-news-page .hu-latest,
    .hu-news-page .hu-publications,
    .hu-news-page .hu-search input,
    .hu-news-page .hu-publication-controls select,
    .hu-news-page .hu-reset,
    .hu-news-page .hu-article-row,
    .hu-news-page .hu-see-more,
    .hu-news-page .hu-news-closing {
        transition:none !important;
    }
}