/* Existing homepage CSS extracted verbatim from current server home-test.php.
   Not active until the homepage explicitly links this stylesheet. */
:root {
    --navy: #17313d;
    --teal: #167d70;
    --teal-light: #8fd0c6;
    --paper: #f5f6f3;
    --muted: #66777d;
    --line: #d9dfdc;
    --white: #ffffff;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: var(--paper);
    color: var(--navy);
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: inherit;
}


/* =====================================================
   FULL-SCREEN HERO
   ===================================================== */

.home-hero {
    position: relative;
    width: 100%;
    height:
        calc(
            100vh - 168px
        );
    min-height: 540px;
    max-height: 900px;
    overflow: hidden;
    background:
        #334f55
        var(
            --homepage-hero-image,
            url('/expatexpo-build/images/expatexpo-home-door.png')
        )
        center center / cover
        no-repeat;
}

.home-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(8,22,28,.82) 0%,
            rgba(8,22,28,.30) 32%,
            rgba(8,22,28,.05) 65%,
            rgba(8,22,28,.02) 100%
        );
}

.hero-caption {
    position: absolute;
    z-index: 2;
    left: max(24px, calc((100% - 1240px) / 2));
    right: max(24px, calc((100% - 1240px) / 2));
    bottom: 110px;
    color: #fff;
}

.hero-caption span {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.hero-caption h1 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(36px, 5.5vw, 72px);
    line-height: .98;
    text-shadow:
        0 3px 14px rgba(0,0,0,.34);
}

.hero-caption p {
    max-width: 680px;
    margin: 15px 0 0;
    font-size: clamp(15px, 1.8vw, 21px);
    line-height: 1.5;
    text-shadow:
        0 2px 8px rgba(0,0,0,.45);
}

.hero-links {
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    bottom: 0;
    min-height: 46px;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background:
        rgba(15,43,49,.82);
    backdrop-filter:
        blur(5px);
}

.hero-links a {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 8px 12px;
    border-right:
        1px solid rgba(255,255,255,.18);
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.hero-links a:last-child {
    border-right: 0;
}

.hero-links a:hover {
    background:
        rgba(22,125,112,.72);
}


/* =====================================================
   ARTICLE TILE GRID
   ===================================================== */

.home-main {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.home-section {
    padding: 46px 0 0;
}

.section-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}

.section-label {
    display: block;
    margin-bottom: 6px;
    color: var(--teal);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.section-heading h2,
.intro-story h2,
.community-copy h2 {
    margin: 0;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.08;
}

.article-tile-grid {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.article-tile {
    position: relative;
    aspect-ratio: 4 / 3;
    min-height: 0;
    overflow: hidden;
    background: #dfe6e3;
    border: 1px solid var(--line);
    text-decoration: none;
    isolation: isolate;
}

.article-tile img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition:
        transform .25s ease;
}

.article-tile::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(
            to top,
            rgba(8,22,28,.86) 0%,
            rgba(8,22,28,.35) 58%,
            rgba(8,22,28,.06) 100%
        );
}

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

.article-tile-copy {
    position: absolute;
    inset: auto 0 0;
    padding: 14px;
    color: #fff;
}

.article-tile-category {
    display: block;
    margin-bottom: 5px;
    color: rgba(255,255,255,.82);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .6px;
}

.article-tile h3 {
    margin: 0;
    font-size: 15px;
    line-height: 1.18;
    text-shadow:
        0 2px 6px rgba(0,0,0,.45);
}

.article-tile-placeholder {
    position: absolute;
    inset: 0;
    z-index: -2;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(
            135deg,
            #17313d,
            #167d70
        );
    color: rgba(255,255,255,.25);
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
}



.news-summary-section {
    padding-top: 34px;
}

.news-summary-card {
    margin-bottom: 28px;
    padding: 22px 26px;
    background: #fff;
    border-left: 5px solid var(--teal);
    border-top: 1px solid var(--line);
    border-right: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
}

.news-summary-date {
    display: block;
    margin-bottom: 7px;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800;
}

.news-summary-card h3 {
    margin: 0;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.12;
}

.news-summary-card p {
    max-width: 900px;
    margin: 10px 0 0;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.6;
}

.news-summary-link {
    display: inline-block;
    margin-top: 13px;
    color: var(--teal);
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
}

.picture-link-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.picture-link-card {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #dfe6e3;
    border: 1px solid var(--line);
    text-decoration: none;
}

.picture-link-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.picture-link-card:hover img {
    transform: scale(1.035);
}

.picture-link-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            to top,
            rgba(7,20,25,.78) 0%,
            rgba(7,20,25,.20) 42%,
            rgba(7,20,25,0) 68%
        );
    pointer-events: none;
}

.picture-link-placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(
            135deg,
            #17313d,
            #167d70
        );
    color: rgba(255,255,255,.25);
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 2px;
}

.picture-link-title {
    position: absolute;
    z-index: 2;
    left: 16px;
    right: 16px;
    bottom: 14px;
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.15;
    text-shadow: 0 2px 6px rgba(0,0,0,.5);
}

/* =====================================================
   INTRODUCTORY STORY
   ===================================================== */

.intro-story {
    display: grid;
    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(300px, .85fr);
    gap: 0;
    margin-top: 50px;
    background: #fff;
    border: 1px solid var(--line);
}

.intro-copy {
    padding:
        clamp(16px, 2.2vw, 26px);
}

.intro-copy p {
    margin:
        18px 0 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.55;
}

.intro-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px 16px;
    margin-top: 22px;
    color: #718288;
    font-size: 12px;
}

.intro-actions {
    margin-top: 22px;
}

.primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 17px;
    background: var(--teal);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}

.intro-image {
    min-height: 215px;
    background:
        linear-gradient(
            135deg,
            #17313d,
            #167d70
        );
}

.intro-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 215px;
    object-fit: cover;
}


/* =====================================================
   COMMUNITY
   ===================================================== */

.community-section {
    margin-top: 50px;
    padding: 46px;
    display: grid;
    grid-template-columns:
        1.15fr .85fr;
    gap: 38px;
    background:
        linear-gradient(
            135deg,
            #17313d 0%,
            #0e5960 58%,
            #167d70 100%
        );
    color: #fff;
}

.community-copy .section-label {
    color: var(--teal-light);
}

.community-copy p {
    max-width: 680px;
    margin: 17px 0 0;
    color: rgba(255,255,255,.88);
    font-size: 17px;
    line-height: 1.65;
}

.community-box {
    align-self: center;
    padding: 24px;
    background:
        rgba(255,255,255,.10);
    border:
        1px solid rgba(255,255,255,.20);
}

.community-box h3 {
    margin: 0 0 8px;
    font-size: 23px;
}

.community-box p {
    margin: 0 0 18px;
    color: rgba(255,255,255,.85);
    line-height: 1.55;
}

.community-button {
    display: inline-flex;
    padding: 11px 16px;
    background: #fff;
    color: var(--navy);
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
}


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

@media (max-width: 1050px) {

    .picture-link-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }



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

@media (max-width: 800px) {

    .article-tile-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .intro-story,
    .community-section {
        grid-template-columns: 1fr;
    }

    .intro-image,
    .intro-image img {
        min-height: 210px;
    }

}

@media (max-width: 800px) {

    .picture-link-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}

@media (max-width: 760px) {

    .account-bar {
        position: relative;
    }

    .account-left {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .mobile-menu-button {
        display: block;
        margin-top: 8px;
    }

    .main-nav {
        display: block;
        padding: 8px 0;
        min-height: 0;
    }

    .main-nav > a {
        display: none !important;
    }

    .mobile-search {
        display: flex;
        width: 100%;
        gap: 8px;
    }

    .mobile-search input {
        flex: 1;
        min-width: 0;
        padding: 10px 12px;
        border: 1px solid var(--line);
        background: #fff;
        color: var(--navy);
        font: inherit;
    }

    .mobile-search button {
        padding: 10px 14px;
        border: 0;
        background: var(--teal);
        color: #fff;
        font-weight: 800;
        cursor: pointer;
    }

    .hero-links {
        display: none !important;
    }

    .hero-caption {
        bottom: 34px;
    }

    .intro-story {
        display: flex;
        flex-direction: column;
    }

    .intro-image {
        order: 1;
    }

    .intro-copy {
        order: 2;
    }



    .account-bar,
    .brand-panel,
    .main-nav,
    .home-main,
    .footer-inner {
        width:
            min(
                100% - 24px,
                1240px
            );
    }

    .home-hero {
        height:
            calc(
                100svh - 154px
            );
        min-height: 520px;
        max-height: none;
        background-position:
            47% center;
    }

    .hero-caption {
        left: 18px;
        right: 18px;
        bottom: 34px;
    }

    .hero-caption h1 {
        font-size:
            clamp(
                34px,
                11vw,
                54px
            );
    }

    .home-section {
        padding-top: 34px;
    }

    .article-tile-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
        gap: 9px;
    }


    .intro-story {
        margin-top: 34px;
    }

    .intro-copy {
        padding: 24px 20px;
    }

    .intro-copy p {
        font-size: 17px;
    }

    .community-section {
        margin-top: 34px;
        padding: 28px 22px;
    }

}

@media (max-width: 430px) {

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


    .article-tile h3 {
        font-size: 14px;
    }
}


/* Homepage prototype: content below the original photographic hero. */
.expo-preview{padding-bottom:55px}.preview-notice{margin:23px 0;background:#eef7f3;border-left:4px solid #167d70;padding:13px 17px;font-size:12px;line-height:1.6}.preview-notice a{color:#126b60;font-weight:bold}
.preview-major{margin:25px 0 0;padding:30px 34px;background:#fff;border-top:6px solid #bf8e2d;box-shadow:0 3px 15px #17313d10}.preview-major-label,.preview-section-label{font-size:11px;letter-spacing:1.2px;font-weight:900;color:#167d70}.preview-major h2{font-size:clamp(28px,3.5vw,43px);margin:10px 0}.preview-major p{max-width:790px;color:#52676d;line-height:1.7}.preview-link-text{font-size:12px;font-weight:800;color:#167d70}
.preview-news-grid,.preview-feature-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px;margin-top:30px;align-items:stretch}.preview-panel{border:1px solid #d9dfdc;background:#fff;padding:24px;box-shadow:0 4px 15px #17313d0a;min-width:0}.preview-news-panel h2{font-size:clamp(27px,3vw,39px);margin:9px 0 4px}.preview-kicker{font-size:13px;color:#687980;margin:0 0 20px}.preview-news-card{min-height:330px;border-radius:9px;background:#f3f7f5;padding:27px;display:flex;flex-direction:column}.preview-story-top{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#167d70;font-weight:800;letter-spacing:.5px}.preview-story-top span:last-child{color:#7c8888}.preview-news-card h3{font-size:clamp(23px,2.4vw,32px);line-height:1.2;margin:18px 0 12px}.preview-news-card p{color:#405a62;font-size:16px;line-height:1.75;margin:0}.preview-story-actions{margin-top:auto;padding-top:27px;display:flex;flex-wrap:wrap;gap:10px 18px;color:#167d70;font-size:11px;font-weight:900}
.preview-rotator-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:16px}.preview-rotator-controls button{cursor:pointer;border:1px solid #cbd7d2;background:#fff;color:#17313d;border-radius:7px;padding:10px 15px;font-size:14px;font-weight:900}.preview-rotator-controls button:hover{background:#e5f2ee;border-color:#167d70}.preview-news-counter{text-align:center;display:grid;gap:4px}.preview-news-counter strong{font-size:12px}.preview-news-counter small{font-size:10px;color:#74838a}
.preview-portrait-panel{display:flex;flex-direction:column;gap:11px}.preview-portrait-stage{min-height:395px;aspect-ratio:3/5;background:linear-gradient(160deg,#e4f2ed,#eaf0f3);border-radius:9px;padding:22px 17px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;outline-offset:3px}.preview-card-type{font-size:10px;color:#167d70;font-weight:900;letter-spacing:1.5px}.preview-portrait-art{font-size:75px;line-height:1;color:#167d70}.preview-portrait-stage h3{font-size:clamp(19px,2vw,26px);margin:4px 0 0}.preview-portrait-stage p{color:#5b6f75;font-size:13px;line-height:1.6;margin:0}.preview-faux-link{font-size:11px;color:#137666;font-weight:900}.preview-compact-controls{margin-top:auto}.preview-compact-controls button{min-width:40px}.preview-rotation-tip{text-align:center;font-size:10px;color:#75868a;margin:3px 0 0}
.preview-icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:#167d70;flex:0 0 auto}.preview-icon-wrap svg{display:block;width:100%;height:100%}.preview-icon--topic{width:58px;height:58px;border-radius:18px;background:linear-gradient(160deg,#e9f6f1,#f9fcfb);border:1px solid #cfe3da;padding:11px;box-shadow:inset 0 1px 0 #ffffff}.preview-icon--community{width:66px;height:66px;border-radius:50%;background:#ffffff;border:2px solid #9bd0c0;padding:13px;box-shadow:0 1px 0 #ffffffbf inset}
.preview-topic-section{margin-top:37px}.preview-topic-section h2{font-size:25px;margin:0 0 15px}.preview-topic-icons{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}.preview-topic-icon{background:#fff;border:1px solid #dbe3df;border-radius:12px;min-height:110px;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:11px;flex-direction:column;padding:14px 8px;text-align:center;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 2px 10px #17313d08}.preview-topic-icon:hover,.preview-topic-icon:focus-visible{border-color:#167d70;background:#edf6f2;transform:translateY(-2px);box-shadow:0 10px 20px #17313d12}.preview-topic-icon strong{font-size:11px;line-height:1.3;color:#17313d;max-width:86px}
.preview-feature-story{display:flex;flex-direction:column;justify-content:center;padding:38px}.preview-feature-story h2{font-size:clamp(28px,3.7vw,43px);margin:15px 0}.preview-feature-story p{max-width:670px;font-size:16px;line-height:1.75;color:#52676d}.preview-category{font-size:11px;color:#75858a;font-weight:800;margin-top:20px}.preview-read-btn{display:inline-block;align-self:flex-start;background:#167d70;color:#fff;text-decoration:none;padding:13px 18px;font-size:12px;font-weight:900;margin-top:23px}.preview-sponsor-stage{background:linear-gradient(160deg,#f4eee1,#eef5f2)}
.preview-community{background:linear-gradient(125deg,#e0f1e7,#edf8ef);color:#17313d;margin-top:35px;padding:34px;border:1px solid #c8dfd2}.preview-community .preview-section-label{color:#167d70}.preview-community h2{font-size:clamp(27px,3.5vw,39px);margin:8px 0}.preview-community p{color:#46645d;font-size:14px;line-height:1.6}.preview-community-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:25px}.preview-community-items a{display:grid;gap:12px;justify-items:center;align-content:center;min-height:150px;border:1px solid #c5dcd1;border-radius:12px;padding:16px 14px;text-decoration:none;background:#ffffffd9;color:#17313d;text-align:center;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;box-shadow:0 2px 12px #17313d0a}.preview-community-items a:hover,.preview-community-items a:focus-visible{background:#fff;border-color:#167d70;transform:translateY(-2px);box-shadow:0 10px 20px #17313d12}.preview-community-items strong{font-size:13px;line-height:1.35}.preview-community-note{font-size:11px!important}
.preview-community-photo{width:82px;height:82px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden;background:white;border:1px solid #badad1;box-shadow:0 3px 10px #17313d1b}.preview-community-photo img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:980px){.preview-topic-icons{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.preview-news-grid,.preview-feature-grid{grid-template-columns:1fr}.preview-panel{padding:20px}.preview-news-card{padding:20px;min-height:300px}.preview-portrait-stage{width:min(100%,390px);margin:auto;min-height:425px}.preview-topic-icons{grid-template-columns:repeat(4,1fr)}.preview-community{padding:25px 18px}.preview-community-items{grid-template-columns:repeat(2,1fr)}.preview-news-controls button{padding:9px 10px}.preview-news-counter strong{font-size:11px}}
/* ----------------------------------------------------------
   Homepage preview refinement 2: content-led heights.
   Existing full-screen hero, navigation and backend untouched.
   ---------------------------------------------------------- */
.preview-news-grid, .preview-feature-grid {
    align-items: start; /* independent column heights; no blank white fill */
}
.preview-news-panel {
    padding: 27px 30px 23px;
    border: 0;
    border-top: 3px solid #167d70;
    box-shadow: 0 7px 25px rgba(23,49,61,.065);
}
.preview-news-panel h2 {letter-spacing:-.035em;line-height:1.12;}
.preview-kicker {margin-bottom:18px;}
.preview-news-card {
    min-height: 0; height: auto;
    display: block; /* remove flex space pushing optional links to bottom */
    padding: 27px 29px 24px;
    background: #f5f8f7;
    border-radius: 3px;
}
.preview-news-card h3 {letter-spacing:-.02em;max-width:32ch;}
.preview-news-card p {max-width:70ch;line-height:1.7;}
.preview-story-actions {
    margin-top: 20px; padding-top: 15px;
    border-top: 1px solid #dde9e4;
    line-height: 1.5;
}
.preview-rotator-controls {margin-top:15px;}
.preview-news-controls {
    border-top:1px solid #e3eae7;
    padding-top:15px;
}
.preview-rotator-controls button {border-radius:4px;}
.preview-portrait-panel {
    display:block;
    padding:22px;
    border:0;
    border-top:3px solid #167d70;
    box-shadow:0 7px 25px rgba(23,49,61,.065);
}
.preview-portrait-panel .preview-section-label {margin-bottom:12px;}
.preview-portrait-stage {
    min-height: 0; height:auto;
    aspect-ratio:auto; /* content sets height; portrait remains the art format */
    justify-content:flex-start;
    padding:27px 20px 25px;
    gap:12px;
    border-radius:3px;
}
.preview-portrait-art {
    display:flex;align-items:center;justify-content:center;
    width:100%;min-height:125px;
    margin:4px 0;
    font-size:66px;
    line-height:1;
}
.preview-portrait-stage h3 {line-height:1.2;letter-spacing:-.015em;}
.preview-portrait-stage p {max-width:28ch;}
.preview-compact-controls {margin-top:13px;}
.preview-rotation-tip {line-height:1.4;margin-top:9px;}
@media (max-width:720px) {
    .preview-news-panel {padding:20px 18px;}
    .preview-news-card {padding:21px 18px;min-height:0;}
    .preview-portrait-panel {padding:19px 18px;}
    .preview-portrait-stage {
        width:100%;max-width:none;margin:0;min-height:0;
    }
    .preview-portrait-art {min-height:105px;}
}

.preview-topic-photo{display:block;width:82px;height:82px;border-radius:50%;overflow:hidden;flex:0 0 auto;background:#fff;box-shadow:0 2px 7px #17313d20}.preview-topic-photo img{width:100%;height:100%;object-fit:cover;display:block}.preview-topic-icon:has(.preview-topic-photo){padding-top:10px;padding-bottom:10px}.preview-topic-icon:has(.preview-topic-photo) strong{max-width:104px;min-height:26px}.preview-topic-icons{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px}@media(max-width:1100px){.preview-topic-icons{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:720px){.preview-topic-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.preview-topic-photo{width:74px;height:74px}}@media(max-width:410px){.preview-topic-icons{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Admin-controlled special links: align with the 1240px content column. */
.hero-links{
    justify-content:flex-start;
    align-items:flex-end;
    padding-left:max(20px, calc((100% - 1240px) / 2));
    padding-right:max(20px, calc((100% - 1240px) / 2));
    background:transparent;
    backdrop-filter:none;
    border:0;
    min-height:0;
    gap:3px;
}
.hero-links a{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    max-width:100%;
    padding:13px 20px;
    background:#d9f0df;
    color:#17313d;
    border:1px solid #b8dec5;
    font-size:14px;
    text-align:left;
    justify-content:flex-start;
    white-space:normal;
}
.hero-links a:last-child{border-right:1px solid #b8dec5}
.hero-links a:hover,.hero-links a:focus-visible{background:#bee6ca;color:#102a30}

/* Category tiles: roomy six-column desktop grid, scalable to twelve+ topics. */
.preview-topic-icons{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.preview-topic-icon{min-height:158px;padding:18px 12px;gap:13px}
.preview-topic-photo{width:108px;height:108px}
.preview-icon--topic{width:82px;height:82px}
.preview-topic-icon strong,.preview-topic-icon:has(.preview-topic-photo) strong{font-size:13px;line-height:1.35;max-width:150px;min-height:0}
@media(max-width:1050px){.preview-topic-icons{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:720px){.preview-topic-icons{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.preview-topic-photo{width:86px;height:86px}.preview-icon--topic{width:76px;height:76px}.preview-topic-icon{min-height:139px;padding:13px 7px}.preview-topic-icon strong,.preview-topic-icon:has(.preview-topic-photo) strong{font-size:12px}}
@media(max-width:430px){.preview-topic-icons{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-topic-photo{width:98px;height:98px}}
/* Two-pixel dark-green divider at the bottom of the hero photograph. */
.home-hero{border-bottom:2px solid #17583b;}
/* Search box in the white navigation bar, at the right-hand side. */
@media (min-width:761px) {
    .main-nav {flex-wrap:wrap;row-gap:6px;padding-top:5px;padding-bottom:5px;}
    .main-nav .mobile-search {display:flex;align-items:center;gap:7px;margin-left:auto;flex:0 1 280px;min-width:190px;}
    .main-nav .mobile-search input {width:100%;min-width:0;padding:9px 11px;border:1px solid #cbd8d1;border-radius:4px;background:#fff;color:#17313d;font:inherit;font-size:13px;}
    .main-nav .mobile-search button {padding:10px 13px;border:0;border-radius:4px;background:#167d70;color:#fff;font-size:12px;font-weight:800;cursor:pointer;}
    .main-nav .mobile-search button:hover {background:#105e54;}
}
/* News in a Flash live links. */
.preview-story-actions a{color:#167d70;text-decoration:underline;text-underline-offset:3px;font-weight:800}
.preview-news-card #preview-news-text{white-space:pre-line}
.preview-news-controls button:disabled{opacity:.4;cursor:not-allowed}
/* Existing North Cyprus News Summary artwork, displayed above the rotating stories. */
.preview-news-brand{margin:0 0 20px;line-height:0}
.preview-news-brand img{display:block;width:100%;max-width:none;height:auto;border-radius:4px}
@media(max-width:720px){.preview-news-brand img{width:100%;max-width:none}}

/* Top News: four newspaper-style cards directly below the hero. */
.top-news-section{margin:28px 0 0}
.top-news-heading{font-family:Arial,Helvetica,sans-serif;font-size:21px;letter-spacing:.015em;margin:0 0 18px;color:#17313d}
.top-news-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:18px;row-gap:24px}
.top-news-item{min-width:0;padding:0 0 14px;border-bottom:1px solid #d9dfdc}
.top-news-image-link{border-radius:7px;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#e7eeeb;text-decoration:none}
.top-news-image-link img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .22s ease}
.top-news-image-link:hover img{transform:scale(1.04)}
.top-news-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(125deg,#dcebe5,#cbded8);color:#48645f;font-size:13px}
.top-news-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.7vw,21px);line-height:1.19;font-weight:700;margin:12px 0 9px;overflow-wrap:break-word}
.top-news-title a{color:#17313d;text-decoration:none}
.top-news-title a:hover,.top-news-title a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.top-news-intro{color:#344c56;font-size:15px;line-height:1.5;margin:0 0 13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.top-news-meta{color:#687c82;font-size:11px;line-height:1.5;margin-top:auto}
.top-news-item{display:flex;flex-direction:column}
@media(max-width:850px){.top-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.top-news-grid{gap:14px}.top-news-title{font-size:16px}.top-news-intro{font-size:14px}}

/* Six-area weather slides: weather data remains selectable, not baked into images. */
.preview-news-grid {align-items:stretch}
.preview-news-grid .preview-news-panel {height:100%}
.preview-news-grid .preview-portrait-panel {display:flex;flex-direction:column;height:100%}
.preview-news-grid .preview-compact-controls {margin-top:auto;padding-top:12px}
/* Put the complete photograph directly on the card, not a negative-z-index layer. */
.preview-weather-card {position:relative;width:100%;min-height:555px;overflow:hidden;border-radius:9px;color:#fff;background-color:#183549;background-image:linear-gradient(120deg,rgba(5,29,43,.10),rgba(4,28,45,.22)),var(--weather-photo,linear-gradient(155deg,#275f7a,#13354d));background-position:center center,center center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;isolation:isolate;padding:12px;display:flex;flex-direction:column;gap:9px;text-align:center}
.preview-weather-card::before {content:none}
.preview-weather-card .pw-title {background:rgba(0,0,0,.60);border-radius:9px;padding:12px 9px 10px}
.preview-weather-card .pw-title strong {display:block;font-size:14px;line-height:1.3}
.preview-weather-card .pw-title small {display:block;font-size:11px;margin-top:4px;color:#e4f5f8}
.preview-weather-card .pw-warning {min-height:102px;background:rgba(0,0,0,.60);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px 10px;gap:3px}
.preview-weather-card .pw-warning.active {background:rgba(102,32,26,.60)}
.preview-weather-card .pw-warning .pw-warning-icon {font-size:31px;line-height:1}
.preview-weather-card .pw-warning strong {font-size:12px}
.preview-weather-card .pw-warning p {font-size:11px;color:#fff;line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-width:34ch}
.preview-weather-card .pw-day {background:rgba(0,0,0,.60);border-radius:9px;padding:10px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0}
.preview-weather-card .pw-day.today {min-height:122px;padding:13px 8px}
.preview-weather-card .pw-day-date {font-weight:800;font-size:11px}
.preview-weather-card .pw-day.today .pw-day-date {font-size:14px}
.preview-weather-card .pw-day-icon {font-size:26px;line-height:1.2}
.preview-weather-card .pw-day.today .pw-day-icon {font-size:39px}
.preview-weather-card .pw-temperatures {display:flex;gap:12px;align-items:center;font-size:16px;font-weight:800}
.preview-weather-card .pw-temperatures .low {color:#bed9e8;font-weight:500}
.preview-weather-card .pw-day.today .pw-temperatures {font-size:23px;gap:24px}
.preview-weather-card .pw-days-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(88px,auto);gap:8px;flex:1}
.preview-weather-card .pw-draft {background:#f1cb6b;color:#17313d;border-radius:4px;padding:4px 7px;font-size:11px;font-weight:900}
.preview-daily-placeholder {padding:30px 10px;color:#48636a}
.preview-weather-card .pw-warning.unverified {background:rgba(0,0,0,.60)}
.preview-daily-stage:has(.preview-weather-card) {padding:0;background:transparent;display:block}
.preview-daily-stage .preview-daily-other {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:24px 10px;min-height:430px}
.preview-daily-other .preview-portrait-art {min-height:120px}
.preview-daily-other a {color:#137666;font-size:12px;font-weight:800}
@media(max-width:720px){.preview-weather-card{max-width:430px;margin:auto}}

/* Right-hand daily rotator: one stable frame for weather, adverts and recipes.
   Grid stretches the two outer columns together. The weather dimensions
   establish the minimum size; shorter content fills the same frame. */
.preview-news-grid { align-items: stretch; }
.preview-news-grid > .preview-news-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.preview-news-grid > .preview-portrait-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
}
#preview-daily-stage,
#preview-daily-stage:has(.preview-weather-card) {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    width: 100%;
    min-height: 680px;
    height: auto;
    padding: 0;
    overflow: hidden;
    justify-content: stretch;
    align-items: stretch;
}
#preview-daily-content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}
#preview-daily-content > .preview-weather-card {
    flex: 1 1 auto;
    width: 100%;
    min-height: 680px;
    height: 100%;
}
#preview-daily-content > .preview-daily-other,
#preview-daily-content > .preview-daily-placeholder {
    box-sizing: border-box;
    display: flex;
    flex: 1 1 auto;
    min-height: 680px;
    width: 100%;
    justify-content: center;
    align-items: center;
}
/* Buttons and hover help stay beneath the fixed-size slide on every turn. */
.preview-news-grid .preview-compact-controls {
    flex: 0 0 auto;
    margin-top: 0;
    padding-top: 12px;
}
.preview-news-grid .preview-rotation-tip { flex: 0 0 auto; }
@media (max-width: 720px) {
    .preview-news-grid > .preview-portrait-panel { height: auto; }
    #preview-daily-stage { min-height: 680px; }
}


/* Weather slide headline: prominent geographical area only. */
.preview-weather-card .pw-title {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:88px;
    padding:12px 10px;
}
.preview-weather-card .pw-title .pw-area-name {
    display:block;
    width:100%;
    margin:0;
    color:#ffffff;
    font-size:clamp(20px,2vw,24px);
    line-height:1.18;
    font-family:"Segoe UI",Arial,Helvetica,sans-serif;
    font-weight:600;
    letter-spacing:-.035em;
    text-align:center;
    overflow-wrap:break-word;
    text-wrap:balance;
}

/* Daily promotional slides: keep the tested 680px frame while fixing layout. */
#preview-daily-content > .preview-daily-other {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    padding:0;
    margin:0;
    min-height:680px;
    width:100%;
    text-align:center;
    overflow:hidden;
    border-radius:9px;
    background:linear-gradient(155deg,#e1f2eb,#f5f8f5 64%,#e4eef1);
    color:#17313d;
}
#preview-daily-content > .preview-daily-other.is-advert {
    background:linear-gradient(150deg,#f9eed8,#f5f5f0 58%,#deeee9);
}
#preview-daily-content .preview-promo-label {
    display:block;
    flex:0 0 auto;
    margin:18px 16px 12px;
    padding:9px 8px;
    background:#103950;
    border-radius:7px;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.2px;
    color:#fff;
}
#preview-daily-content .preview-promo-visual {
    display:flex;
    flex:1 1 auto;
    width:calc(100% - 32px);
    min-height:260px;
    margin:0 16px;
    align-items:center;
    justify-content:center;
    border-radius:9px;
    background:radial-gradient(circle at 30% 24%,#d8efde,transparent 56%),linear-gradient(150deg,#327d78,#103c56);
    color:#fff;
    font-size:100px;
    line-height:1;
    text-shadow:0 5px 20px rgba(10,29,38,.24);
}
#preview-daily-content .is-advert .preview-promo-visual {
    background:radial-gradient(circle at 24% 24%,#ead4a5,transparent 55%),linear-gradient(145deg,#37746f,#163d4e);
}
#preview-daily-content .preview-promo-copy {
    display:flex;
    flex:0 0 auto;
    flex-direction:column;
    align-items:center;
    gap:12px;
    padding:22px 17px 24px;
    width:100%;
    min-width:0;
}
#preview-daily-content .preview-promo-copy h3 {
    margin:0;
    max-width:100%;
    font-size:clamp(21px,2.1vw,27px);
    line-height:1.15;
    overflow-wrap:break-word;
    color:#153949;
}
#preview-daily-content .preview-promo-copy p {
    margin:0;
    max-width:29ch;
    font-size:14px;
    line-height:1.55;
    color:#4a666e;
}
#preview-daily-content .preview-promo-copy a {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:12px 18px;
    min-height:42px;
    text-decoration:none;
    color:#fff;
    background:#08665e;
    border-radius:6px;
    font-size:12px;
    font-weight:900;
}
#preview-daily-content .preview-promo-copy a:hover,
#preview-daily-content .preview-promo-copy a:focus-visible {background:#074f4a;}
#preview-daily-content .preview-promo-copy .preview-promo-sample {
    font-size:11px;
    color:#6b7474;
}
@media(max-width:720px){
    #preview-daily-content .preview-promo-visual {min-height:220px;}
}


/* Weather card typography: lighter Segoe UI for all live database fields. */
.preview-weather-card {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-weight: 400;
}
.preview-weather-card .pw-title .pw-area-name {
    font-weight: 600;
}
.preview-weather-card .pw-day-date,
.preview-weather-card .pw-day.today .pw-day-date {
    font-weight: 500;
    letter-spacing: 0;
}
.preview-weather-card .pw-temperatures,
.preview-weather-card .pw-day.today .pw-temperatures {
    font-weight: 600;
}
.preview-weather-card .pw-temperatures .low {
    font-weight: 400;
}
.preview-weather-card .pw-warning strong {
    font-weight: 600;
    letter-spacing: 0;
}
.preview-weather-card .pw-warning p {
    font-weight: 400;
}

/* Slightly larger day/date labels, retaining the lighter Segoe UI weight. */
.preview-weather-card .pw-day-date { font-size: 13px; }
.preview-weather-card .pw-day.today .pw-day-date { font-size: 16px; }

/* Weatherwatch heading only: slightly larger, with a softer weight. */
.preview-portrait-panel .preview-weatherwatch-heading {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: clamp(19px, 1.8vw, 23px);
    font-weight: 650;
    letter-spacing: .2px;
}



/* Fixed-height News / Weatherwatch columns: slides must not shift the page. */
@media (min-width: 721px) {
    .preview-news-grid > .preview-news-panel,
    .preview-news-grid > .preview-portrait-panel {
        height: 920px;
        min-height: 920px;
        max-height: 920px;
    }
}
.preview-news-grid > .preview-news-panel,
.preview-news-grid > .preview-portrait-panel {
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
}
/* Keep the headline art visible; use remaining space for the news story. */
.preview-news-panel .preview-news-brand { flex: 0 0 auto; margin-bottom: 16px; }
.preview-news-panel .preview-news-brand img {
    max-height: 300px;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.preview-news-panel .preview-news-card {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.preview-news-panel .preview-news-controls { flex: 0 0 auto; }
/* Keep the weather/promotional rotator contained inside its matching frame. */
.preview-news-grid #preview-daily-stage,
.preview-news-grid #preview-daily-stage:has(.preview-weather-card) {
    flex: 1 1 auto;
    min-height: 0;
    height: auto;
    overflow: hidden;
}
.preview-news-grid #preview-daily-content { flex: 1 1 auto; min-height: 0; }
.preview-news-grid #preview-daily-content > .preview-weather-card,
.preview-news-grid #preview-daily-content > .preview-daily-other,
.preview-news-grid #preview-daily-content > .preview-daily-placeholder {
    min-height: 0;
    height: 100%;
    flex: 1 1 auto;
}
.preview-news-grid .preview-compact-controls,
.preview-news-grid .preview-rotation-tip { flex: 0 0 auto; }
@media (max-width: 720px) {
    .preview-news-grid > .preview-news-panel,
    .preview-news-grid > .preview-portrait-panel {
        height: 900px;
        min-height: 900px;
        max-height: 900px;
    }
    .preview-news-panel .preview-news-brand img { max-height: 255px; }
}


/* Homepage Cyprus Cooking promotion — image is the complete clickable surface.
   Scope to the recipe slide only; weather and sponsor layouts are unchanged. */
#preview-daily-content > .expo-recipe-photo-advert {
    position: relative;
    isolation: isolate;
    display: block;
    flex: 1 1 auto;
    min-height: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    border-radius: 9px;
    background: #193c3d;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
#preview-daily-content > .expo-recipe-photo-advert img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .3s ease;
}
#preview-daily-content > .expo-recipe-photo-advert::after {
    content: '';
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to top, rgba(4,17,19,.92) 0%, rgba(4,17,19,.66) 25%, rgba(4,17,19,.14) 63%, rgba(4,17,19,.04) 100%);
}
#preview-daily-content .expo-recipe-advert-words {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 22px 22px 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: left;
    color: #fff;
}
#preview-daily-content .expo-recipe-advert-kicker {
    color: #e5fff5;
    font: 800 12px/1.4 'Segoe UI', Arial, sans-serif;
    letter-spacing: 1.7px;
}
#preview-daily-content .expo-recipe-advert-title {
    color: #fff;
    font: 700 clamp(23px, 2.1vw, 31px)/1.14 'Segoe UI', Arial, sans-serif;
    text-wrap: balance;
    text-shadow: 0 2px 9px rgba(0,0,0,.5);
}
#preview-daily-content .expo-recipe-advert-invite {
    color: #fff;
    font: 500 14px/1.45 'Segoe UI', Arial, sans-serif;
}
#preview-daily-content .expo-recipe-photo-advert:hover img,
#preview-daily-content .expo-recipe-photo-advert:focus-visible img { transform: scale(1.035); }
#preview-daily-content .expo-recipe-photo-advert:focus-visible { outline: 3px solid #167d70; outline-offset: -3px; }
#preview-daily-content .expo-recipe-photo-advert--no-image { background: linear-gradient(150deg, #30615a, #142c35); }
#preview-daily-content .expo-sponsor-photo-advert .expo-recipe-advert-invite {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-wrap: pretty;
}

@media (prefers-reduced-motion: reduce) {
    #preview-daily-content > .expo-recipe-photo-advert img { transition: none; }
}


/* Advertisement slides only: show supplied artwork exactly, without website
   text, a dark gradient or image cropping. Recipe and weather are unchanged. */
#preview-daily-content > .expo-sponsor-photo-advert {
    background: #102d35;
}
#preview-daily-content > .expo-sponsor-photo-advert::after {
    content: none;
    display: none;
}
#preview-daily-content > .expo-sponsor-photo-advert img {
    object-fit: contain;
    object-position: center;
    transform: none;
}
#preview-daily-content > .expo-sponsor-photo-advert:hover img,
#preview-daily-content > .expo-sponsor-photo-advert:focus-visible img {
    transform: none;
}


.preview-community-main-link{display:inline-block;background:#167d70;color:#fff!important;padding:12px 18px;text-decoration:none;font-size:13px;font-weight:800;border-radius:5px}.preview-community-main-link:hover,.preview-community-main-link:focus-visible{background:#105f55}
/* Publishing Centre — public article layouts; homepage geometry remains 2:1. */
.pc-home-right{display:flex;flex-direction:column;gap:22px;min-width:0}
.pc-home-featured,.pc-home-side{min-width:0}.pc-home-article{font:17px/1.75 Georgia,'Times New Roman',serif;color:#17313d}
.pc-home-side .pc-home-article{font-size:15px;line-height:1.68}
.pc-home-article h2{font-size:clamp(28px,3vw,42px);line-height:1.16;margin:15px 0}
.pc-home-side h2{font-size:clamp(22px,2vw,29px)}
.pc-home-standfirst{color:#52676d;font-size:1.07em;line-height:1.6;margin:0 0 25px}
.pc-home-block{margin:20px 0}.pc-home-block p{margin:0 0 15px}.pc-home-block h2,.pc-home-block h3{line-height:1.3}
.pc-home-image{width:100%;height:auto;display:block}.pc-home-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.pc-home-three.outline{border:1px solid #afc0bb;padding:10px}.pc-home-three figure,.pc-home-article figure{margin:0;min-width:0}
.pc-home-three img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.pc-home-article figcaption{font:12px/1.5 Arial,sans-serif;color:#64777a;margin-top:5px}
.pc-home-statement{background:#edf4f0;border:1px solid #afc0bb;padding:6px 12px 0;line-height:1.4}.pc-home-statement p{margin:0 0 6px}.pc-home-statement p:last-child{margin-bottom:0}
.pc-home-page[hidden]{display:none!important}.pc-home-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;margin-top:18px;border-top:1px solid #c7d9d1;font:700 13px Arial,sans-serif;color:#167d70}
.pc-home-pager button{background:none;border:0;text-decoration:underline;color:#167d70;cursor:pointer;font:700 13px Arial,sans-serif;padding:5px 0}.pc-home-pager button:disabled{visibility:hidden}
@media(max-width:720px){.pc-home-right{gap:20px}.pc-home-side h2{font-size:25px}}

/* Shared-shell integration: original homepage hero must not inherit the old global homepage padding. */
.expo-homepage-main .home-hero { padding: 0; }

/* Mobile Hero branding: match the introductory text at the bottom of the photograph.
   Presentation-only: no changes to Header or Members functionality. */
@media (max-width: 760px) {
    .site-header.expo-header-over-hero .brand-tagline {
        font-size: 15px;
    }
}

/* Mobile News Summary: page scrolls naturally; logo respects the padded panel. */
@media (max-width: 720px) {
    .preview-news-grid > .preview-news-panel {
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
    }

    .preview-news-panel .preview-news-card {
        flex: 0 0 auto;
        height: auto;
        min-height: 0;
        max-height: none;
        overflow: visible;
        overscroll-behavior: auto;
    }

    .preview-news-panel .preview-news-brand {
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .preview-news-panel .preview-news-brand img {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

.expo-full-width{width:100%}
.expo-weather-diagnostic{margin:5px 0 10px;color:#aa4d22;font-size:12px}