/* =========================================================
   FRÉTTIR 24/7 - V0.1
   Complete stylesheet for the local homepage prototype
   ========================================================= */


/* ---------- PAGE ---------- */

body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #111111;
    font-family: Arial, Helvetica, sans-serif;
}

body > * {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
}


/* ---------- HEADER ---------- */

.header {
    display: flex;
    min-height: 180px;
    background: #f5f5f5;
    border-bottom: 1px solid #d5d5d5;
}

.logo {
    width: 42%;
    box-sizing: border-box;
    padding: 38px 30px 20px 30px;
    font-size: 52px;
    line-height: 1;
    font-weight: bold;
    color: #062b4f;
}

.logo span {
    color: #b40020;
}

.tagline {
    margin-top: 16px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #555555;
}

.header-picture {
    width: 58%;
    overflow: hidden;
}

.header-picture img {
    display: block;
    width: 100%;
    height: 180px;
    object-fit: cover;
}


/* ---------- NAVIGATION ---------- */

.nav {
    background: #062b4f;
    white-space: nowrap;
    overflow: hidden;
}

.nav a {
    display: inline-block;
    padding: 17px 22px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.nav a:hover,
.nav a.active {
    background: #0b66b2;
}


/* ---------- TICKER ---------- */

.ticker {
    box-sizing: border-box;
    border-left: 1px solid #d5d5d5;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    min-height: 46px;
    padding: 13px 14px;
    font-size: 14px;
    background: #ffffff;
}

.ticker-title {
    background: #b40020;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 14px;
    margin: -13px 18px -13px -14px;
    display: inline-block;
}

.ticker-time {
    color: #0b66b2;
    font-weight: bold;
    margin-right: 6px;
}

.separator {
    color: #aaaaaa;
    margin: 0 14px;
}


/* ---------- MAIN NEWS AREA ---------- */

.main-news {
    display: flex;
    box-sizing: border-box;
    padding: 28px 0 0 0;
}

.lead-story {
    position: relative;
    width: 66%;
    min-height: 450px;
    overflow: hidden;
    background: #222222;
}

.lead-story > img {
    display: block;
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.lead-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 70px 30px 30px 30px;
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.88));
}

.category {
    color: #0b66b2;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0.8px;
    margin-bottom: 7px;
}

.lead-text .category {
    color: #ffffff;
}

.lead-text h2 {
    margin: 0 0 12px 0;
    font-size: 38px;
    line-height: 1.08;
}

.lead-text p {
    max-width: 670px;
    margin: 0 0 18px 0;
    font-size: 17px;
    line-height: 1.5;
}

.read-more {
    display: inline-block;
    background: #0b66b2;
    color: #ffffff;
    padding: 11px 16px;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.read-more:hover {
    background: #084f89;
}


/* ---------- SIDE NEWS ---------- */

.side-news {
    width: 34%;
    box-sizing: border-box;
    padding-left: 24px;
}

.side-story {
    display: flex;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8d8d8;
}

.side-story:last-child {
    border-bottom: 0;
}

.side-story img {
    width: 40%;
    height: 115px;
    object-fit: cover;
    margin-right: 15px;
}

.side-text {
    width: 60%;
}

.side-text h3 {
    margin: 0 0 7px 0;
    font-size: 20px;
    line-height: 1.2;
}

.side-text p {
    margin: 0;
    color: #555555;
    font-size: 14px;
    line-height: 1.4;
}


/* ---------- LOWER NEWS ---------- */

.lower-area {
    display: flex;
    box-sizing: border-box;
    gap: 20px;
    padding: 32px 0;
}

.lower-story,
.advertisement {
    width: 25%;
    box-sizing: border-box;
}

.lower-story {
    border-top: 4px solid #062b4f;
    padding-top: 12px;
}

.lower-story img {
    display: block;
    width: 100%;
    height: 155px;
    object-fit: cover;
    margin-bottom: 12px;
}

.lower-story h3 {
    margin: 4px 0 8px 0;
    font-size: 21px;
    line-height: 1.25;
}

.lower-story p {
    margin: 0;
    color: #555555;
    font-size: 14px;
    line-height: 1.45;
}


/* ---------- ADVERTISEMENT ---------- */

.advertisement {
    min-height: 300px;
    background: #062b4f;
    color: #ffffff;
    padding: 22px;
    text-align: left;
}

.ad-label {
    display: inline-block;
    background: #b40020;
    color: #ffffff;
    padding: 6px 9px;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 22px;
}

.advertisement h2 {
    margin: 0 0 16px 0;
    font-size: 28px;
    line-height: 1.05;
}

.advertisement p {
    color: #d9e4ee;
    font-size: 14px;
    line-height: 1.4;
}

.advertisement a {
    display: inline-block;
    margin-top: 10px;
    background: #ffffff;
    color: #062b4f;
    padding: 10px 13px;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}


/* ---------- FOOTER ---------- */

.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background: #061b2e;
    color: #ffffff;
    padding: 28px 30px;
    margin-bottom: 0;
}

.footer-logo {
    font-size: 23px;
    font-weight: bold;
}

.footer-logo span {
    color: #e52340;
}

.footer-links a {
    color: #ffffff;
    text-decoration: none;
    margin-left: 18px;
    font-size: 13px;
}

.footer-links a:hover {
    text-decoration: underline;
}


/* ---------- SMALLER WINDOWS ---------- */

@media screen and (max-width: 900px) {

    .header {
        display: block;
    }

    .logo,
    .header-picture {
        width: 100%;
    }

    .main-news {
        display: block;
    }

    .lead-story,
    .side-news {
        width: 100%;
    }

    .side-news {
        padding: 24px 0 0 0;
    }

    .lower-area {
        flex-wrap: wrap;
    }

    .lower-story,
    .advertisement {
        width: 48%;
    }
}

@media screen and (max-width: 600px) {

    .logo {
        font-size: 38px;
    }

    .nav a {
        padding: 14px 11px;
        font-size: 12px;
    }

    .lead-text h2 {
        font-size: 29px;
    }

    .lower-story,
    .advertisement {
        width: 100%;
    }

    .footer {
        display: block;
    }

    .footer-links {
        margin-top: 16px;
    }

    .footer-links a {
        display: block;
        margin: 8px 0 0 0;
    }
}

/* V3 additions: no changes to original layout */
.legal-note{background:#14283e;color:#e2e8f0;font-size:12px;line-height:1.7;padding:16px 24px;text-align:center}
.article-body{max-width:860px;margin:35px auto 60px;padding:0 22px;font-size:18px;line-height:1.75;color:#1d2936}
.article-body h1{font-size:clamp(29px,4vw,46px);line-height:1.18;margin:12px 0}
.article-body .article-summary{font-size:21px;color:#536275}
.article-body .article-image{width:100%;max-height:410px;object-fit:cover;border-radius:4px;margin:20px 0 0}
.article-body .caption{font-size:12px;color:#596578;margin:0 0 28px}
.article-body .source{font-size:14px;overflow-wrap:anywhere}
.article-body .back{display:inline-block;margin:18px 0;color:#1254a0}

/* Additional article links; original layout selectors unchanged */
.v3-news-links{max-width:1200px;margin:20px auto 36px;padding:0 22px}.v3-news-links h2{font-size:22px}.v3-news-links li{margin:10px 0}.v3-news-links a{color:#13558e}.illustration-note{font-size:11px!important;opacity:.9}

/* V5 additions only — existing header, grid and colours preserved */
.pubdate{display:block;color:#687787;font-size:12px;margin:7px 0 10px}.on-photo{color:#fff;font-size:12px}.ticker a{color:#173e60;text-decoration:none}.ticker a:hover{text-decoration:underline}.v5-story-title,.v5-lower-link{color:inherit;text-decoration:none}.v5-story-title:hover,.v5-lower-link:hover{text-decoration:underline}.v5-story .side-text p{margin-bottom:5px}.v5-story .side-text .pubdate{margin-top:4px}.v5-side-ad,.v5-mid-ad{box-sizing:border-box;border:1px solid #d9e0e8;background:#f4f7fa;text-align:center;color:#38536b}.v5-side-ad{margin:12px 0;padding:24px 14px;min-height:145px}.v5-mid-ad{margin:25px auto;padding:24px 15px;max-width:1180px}.v5-side-ad span,.v5-mid-ad span{display:block;font-size:10px;letter-spacing:1.2px;color:#667;margin-bottom:12px}.v5-side-ad strong,.v5-mid-ad strong{font-size:19px;color:#062b4f}.v5-side-ad p,.v5-mid-ad p{font-size:13px;margin:8px 0}.v5-side-ad a,.v5-mid-ad a{color:#0b66b2}.v5-news-links{max-width:1180px}.image-note{font-size:12px;color:#667}


/* V5.1: refinements only — original masthead, navigation and colours retained */
.main-news{align-items:flex-start}
.lead-story{flex:0 0 66%;width:66%;height:490px;min-height:0;align-self:flex-start}
.lead-story>img{height:100%;object-position:center 43%}
.lead-text{padding:72px 28px 22px}
.lead-text .illustration-note{font-size:11px!important;margin:8px 0 0;line-height:1.25}
.side-news{flex:0 0 34%;width:34%}
.v5-story{gap:13px;align-items:flex-start;padding-bottom:15px;margin-bottom:15px}
.v5-story .v5-thumb{display:block;flex:0 0 112px;width:112px;overflow:hidden;border-radius:3px;aspect-ratio:4/3;background:#e8edf1}
.v5-story .v5-thumb img{display:block;width:100%;height:100%;margin:0;object-fit:cover;transition:transform .2s}
.v5-story .v5-thumb:hover img{transform:scale(1.035)}
.v5-story .side-text{flex:1;width:auto;min-width:0}
.v5-story .side-text h3{font-size:18px;line-height:1.16;margin-bottom:5px}
.v5-story .side-text p{font-size:12px;line-height:1.4}
.v5-story .side-text .category{font-size:10px}
.v5-story .side-text .pubdate{font-size:11px}
.construction-notice{box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:11px 17px;background:#fff9e8;border:1px solid #ead7a2;border-top:0;color:#624a16;font-size:12px}
.construction-notice strong{white-space:nowrap;font-size:11px;letter-spacing:.45px}
.construction-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#d39b21}
.v51-ad-rail{position:fixed;z-index:2;top:270px;width:clamp(86px,calc((100vw - 1200px)/2 - 18px),165px);box-sizing:border-box;text-align:center;color:#476073;font-size:11px}
.v51-ad-left{left:8px}.v51-ad-right{right:8px}
.v51-ad-rail .rail-label{font-size:9px;letter-spacing:1.4px;color:#788493}
.v51-ad-rail .rail-art{background:linear-gradient(160deg,#092b4a,#1a5d82);color:white;margin:9px 0;padding:24px 7px 28px;min-height:205px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.v51-ad-rail .rail-kicker{font-size:9px;letter-spacing:1.5px;opacity:.75}
.v51-ad-rail strong{font-size:clamp(12px,1.15vw,19px);line-height:1.3;letter-spacing:.3px}
.v51-ad-rail small{font-size:10px;opacity:.8}
.v51-ad-rail .rail-rule{height:2px;width:45%;background:#d7b975}
.v51-ad-rail>a{color:#0b66b2;font-size:10px}
.v3-news-links{max-width:1180px;padding:0;margin:18px auto 40px}
.v51-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:3px solid #062b4f;padding-bottom:11px;margin-bottom:18px}
.v51-eyebrow{font-size:10px;color:#b40020;font-weight:700;letter-spacing:1.4px}
.v51-section-head h2{font-size:27px;margin:5px 0 0;color:#062b4f}
.v51-section-sub{font-size:12px;color:#66788b}
.v51-latest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.v51-latest-card{display:flex;align-items:center;gap:12px;min-height:96px;border:1px solid #e2e7ec;border-top:3px solid #0b66b2;background:#fff;padding:9px;color:#162c40;text-decoration:none}
.v51-latest-card:hover{background:#f5f8fb}
.v51-latest-card>img{width:94px;height:74px;object-fit:cover;flex-shrink:0;border-radius:2px}
.v51-card-copy{flex:1;min-width:0}
.v51-card-cat{font-size:10px;color:#0b66b2;font-weight:700;letter-spacing:.5px}
.v51-card-copy h3{font-size:15px;line-height:1.2;margin:5px 0 6px}
.v51-card-copy time{font-size:11px;color:#748091}
.v51-card-arrow{font-size:16px;color:#8193a1;align-self:flex-start}
@media(max-width:1540px){.v51-ad-rail{display:none}}
@media(max-width:900px){.lead-story{width:100%;height:430px;flex:auto}.side-news{width:100%;flex:auto;padding:22px 0 0}.v51-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v3-news-links{padding:0 14px}.construction-notice{flex-wrap:wrap}}
@media(max-width:600px){.lead-story{height:410px}.lead-text{padding:48px 18px 18px}.v51-latest-grid{grid-template-columns:1fr}.v51-section-head{align-items:flex-start;gap:8px;flex-direction:column}.v5-story .v5-thumb{flex-basis:120px;width:120px}.v51-section-head h2{font-size:24px}.construction-notice{font-size:11px}}

/* V5.2 quick fix: notice no longer alters top header or ticker */
.construction-notice{max-width:1180px;margin:22px auto 24px;border:1px solid #ead7a2;border-radius:3px}
@media(max-width:900px){.construction-notice{margin:16px 14px}}


/* =========================================================
   V5.3: WIDE DESKTOP + RESPONSIVE TICKER + TALL AD RAILS
   Existing editorial identity, colours, and layout retained.
   ========================================================= */

/* Fluid page: take advantage of desktop, UHD and 4K screens. */
:root{--v53-page: min(76vw, 1780px)}
body > :not(.v51-ad-rail){max-width:var(--v53-page)}
.header{min-height:200px}
.header-picture img{height:200px}
.logo{padding-top:43px}
.main-news{gap:0;padding-top:20px}
.lead-story{height:520px}
.lead-story > img{height:100%}
.side-news{box-sizing:border-box;padding-left:22px}
.v5-story .v5-thumb{flex-basis:145px;width:145px}
.v5-story .side-text h3{font-size:clamp(17px,1.05vw,21px)}
.v5-story{padding-bottom:11px;margin-bottom:11px}
.v5-mid-ad,.v3-news-links,.construction-notice{max-width:var(--v53-page)}
.v51-latest-grid{gap:12px}
.v51-latest-card{padding:9px;min-height:88px}
.v51-latest-card>img{width:106px;height:78px}

/* Ticker: separate fixed label from flexible text.
   Every entry has a maximum rendered width, and ellipsis is
   applied BEFORE it can slide beneath or behind the red label. */
.ticker{display:flex;align-items:stretch;padding:0;min-height:46px;overflow:hidden}
.ticker-title{box-sizing:border-box;display:flex;align-items:center;justify-content:center;
    margin:0;flex:0 0 auto;padding:0 17px;position:relative;z-index:1;
    white-space:nowrap;font-size:13px}
.ticker-stream{display:flex;align-items:center;min-width:0;flex:1;overflow:hidden;
    gap:0;padding:0 13px}
.ticker-item{display:block;flex:1 1 0;min-width:0;max-width:33.333%;overflow:hidden;
    text-overflow:ellipsis;white-space:nowrap;padding:0 14px;
    box-sizing:border-box;border-right:1px solid #d5dce3}
.ticker-item:last-child{border-right:0}
.ticker-item a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
    max-width:100%;font-size:13px}
.ticker-item:first-child{padding-left:0}

/* Larger, longer advertising rails, positioned beside the page.
   Their size grows with the available outer gutters. */
.v51-ad-rail{position:absolute;top:266px;width:clamp(105px,10.3vw,245px);
    max-width:calc((100vw - var(--v53-page))/2 - 14px);z-index:2}
.v51-ad-left{left:max(7px,calc((100vw - var(--v53-page))/4 - 5.15vw))}
.v51-ad-right{right:max(7px,calc((100vw - var(--v53-page))/4 - 5.15vw))}
.v51-ad-rail .rail-art{min-height:500px;padding:30px 12px;
    background:linear-gradient(165deg,#092b4a 0%,#154f76 58%,#0b3456 100%);gap:26px}
.v51-ad-rail strong{font-size:clamp(15px,1.1vw,25px);line-height:1.35}
.v51-ad-rail .rail-kicker{font-size:10px}
.v51-ad-rail .rail-label{font-size:10px}
.v51-ad-rail small{font-size:11px}
.v51-ad-rail .rail-rule{width:60%}

/* Moderate desktops: use most of the screen but hide exterior rails
   if they would crowd content. Keep the inside sidebar ad. */
@media(max-width:1599px){
  :root{--v53-page:min(94vw,1440px)}
  .v51-ad-rail{display:none}
}
@media(min-width:1600px){
  :root{--v53-page:min(72vw,1780px)}
  .v51-ad-rail{width:clamp(110px,11vw,250px);max-width:calc((100vw - var(--v53-page))/2 - 22px)}
  .v51-ad-left{left:calc((100vw - var(--v53-page))/4 - min(5.5vw,125px))}
  .v51-ad-right{right:calc((100vw - var(--v53-page))/4 - min(5.5vw,125px))}
}
@media(min-width:2400px){
  :root{--v53-page:min(72vw,1900px)}
  .v51-ad-rail{width:250px}
  .v51-ad-rail .rail-art{min-height:650px}
  .lead-story{height:560px}
}
@media(max-width:900px){
  :root{--v53-page:100%}
  body > :not(.v51-ad-rail){max-width:100%}
  .header{min-height:180px}
  .header-picture img{height:180px}
  .main-news{padding-top:16px}
  .lead-story{height:430px}
  .side-news{padding-left:0}
  .ticker-item{max-width:none}
  .ticker-item:nth-child(n+3){display:none}
  .ticker-item a{font-size:12px}
  .v5-mid-ad,.v3-news-links,.construction-notice{max-width:100%}
}
@media(max-width:600px){
  .ticker-title{padding:0 9px;font-size:10px}
  .ticker-stream{padding:0 7px}
  .ticker-item{padding:0 6px}
  .ticker-item:nth-child(n+2){display:none}
  .ticker-item a{font-size:11px}
  .lead-story{height:410px}
  .v5-story .v5-thumb{width:120px;flex-basis:120px}
}

/* V5.4 advertising artwork — all existing editorial layout preserved */
.v51-ad-rail .v54-rail-banner{display:block;margin-top:8px;text-decoration:none;background:#071626}
.v54-rail-banner img{display:block;width:100%;height:auto;object-fit:contain}
.v54-benni-caption{display:block;font-size:9px;line-height:1.35;color:#68798b;padding:7px 3px}
.v5-mid-ad{display:block;text-align:center;padding:8px 0;background:transparent}
.v5-mid-ad>span{display:block;text-align:center;color:#7b8794;font-size:10px;letter-spacing:1px;margin-bottom:7px}
.v54-mid-link{display:block;line-height:0}
.v54-mid-link img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:1599px){.v51-ad-rail{display:none}}

/* V5.5: reduced middle sponsor artwork + dated schedule feature */
.v5-mid-ad{padding:12px 0 7px!important;margin:8px auto 15px!important;}
.v54-mid-link{width:min(100%,820px);margin:0 auto;}
.v54-mid-link img{width:100%;height:auto;}
.v55-schedule{box-sizing:border-box;width:var(--v53-page);max-width:100%;margin:22px auto 28px;padding:15px 18px 18px;background:#f5f7fa;border-top:3px solid #bb1521;}
.v55-schedule-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;}
.v55-schedule-kicker{font-size:10px;letter-spacing:1px;color:#b40020;font-weight:700;}
.v55-schedule h2{margin:3px 0 4px;font-size:23px;color:#062b4f;}
.v55-schedule p{font-size:12px;margin:0;color:#526477;}
.v55-schedule-header>a{font-size:13px;white-space:nowrap;color:#0b66b2;font-weight:700;}
.v55-schedule>a{display:block;max-width:1040px;margin:auto;line-height:0;}
.v55-schedule>a img{display:block;width:100%;height:auto;object-fit:contain;}
.v55-schedule small{display:block;text-align:center;margin-top:8px;color:#647386;font-size:11px;}
@media(max-width:900px){.v55-schedule{width:100%;margin:16px auto;padding:12px}.v55-schedule-header{align-items:flex-start;flex-direction:column}.v55-schedule h2{font-size:20px}.v54-mid-link{width:min(100%,640px)}}

/* V5.6 editorial additions only; original site styling retained */
.v56-news{max-width:1200px;margin:36px auto;padding:0 18px}.v56-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.v56-card{display:block;color:inherit;text-decoration:none;background:#fff;border:1px solid #e3e8ed;overflow:hidden;border-radius:5px}.v56-card img{width:100%;height:195px;object-fit:cover;display:block}.v56-copy{padding:14px}.v56-copy h3{font-size:1.2rem;line-height:1.25;margin:8px 0}.v56-copy p{font-size:.93rem;line-height:1.45;margin:0 0 10px}.v56-copy small{color:#667}.v56-collage{margin:18px 0 28px}.v56-collage img{width:100%;height:auto;display:block}.v56-collage figcaption,.image-note{font-size:.78rem;color:#667;line-height:1.5}.v56-hero{display:block;width:100%;height:auto;max-height:440px;object-fit:cover;margin-top:22px}.v56-deck{font-size:1.18rem;font-weight:600;line-height:1.5}.v56-sources{line-height:1.9;overflow-wrap:anywhere}.article-body{overflow-wrap:break-word}@media(max-width:850px){.v56-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.v56-grid{grid-template-columns:1fr}.v56-card img{height:220px}}


/* V5.9 isolated homepage repair, no global positioning overrides */
.lower-area{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:1180px;margin:18px auto!important;padding:0 12px 18px!important;box-sizing:border-box;align-items:start}
.lower-area>.lower-story{width:100%!important;min-width:0!important;box-sizing:border-box;margin:0!important;padding:0 0 12px!important;border:1px solid #e0e6ed;border-top:3px solid #062b4f;overflow:hidden}
.lower-area>.lower-story img{display:block;width:100%;height:150px;object-fit:cover;margin:0 0 12px}
.lower-area>.lower-story .category,.lower-area>.lower-story h3{margin:0 12px 7px}
.lower-area>.lower-story h3{font-size:17px;line-height:1.3}
.v59-programme{max-width:1180px;margin:10px auto 20px;border:1px solid #e0e6ed}
.v59-programme>summary{cursor:pointer;padding:14px 18px;font-weight:700;color:#062b4f;background:#f4f7fa}
.v59-programme .v55-schedule{margin:0 auto!important;max-width:100%;box-sizing:border-box}
.lead-story>img{object-fit:cover;object-position:center center}
@media(max-width:800px){.lower-area{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){.lower-area{grid-template-columns:1fr!important}}

/* V5.10: Bergvik banner at the bottom, full content-frame width. */
.v5-mid-ad{box-sizing:border-box!important;width:var(--v53-page, 1180px)!important;max-width:100%!important;margin:20px auto 24px!important;padding:0!important;background:transparent!important;border:0!important;}
.v54-mid-link{display:block!important;width:100%!important;max-width:none!important;margin:0!important;line-height:0;}
.v54-mid-link img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
@media(max-width:900px){.v5-mid-ad{width:calc(100% - 24px)!important;}}

/* V5.11: isolated, validated middle-section repair */
.lower-area{clear:both;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:1180px!important;margin:20px auto!important;padding:0 12px!important}
.lower-area>.lower-story{display:block!important;position:static!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0 0 12px!important;border:1px solid #e0e6ed!important;border-top:3px solid #062b4f!important;overflow:hidden!important}
.lower-area>.lower-story a{display:block;text-decoration:none;color:inherit}
.lower-area>.lower-story img{width:100%!important;height:145px!important;object-fit:cover!important;display:block!important;margin:0 0 10px!important}
.lower-area>.lower-story .category,.lower-area>.lower-story h3{margin:0 12px 7px!important}
.lower-area>.lower-story h3{font-size:17px!important;line-height:1.3!important}
@media(max-width:800px){.lower-area{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:550px){.lower-area{grid-template-columns:1fr!important}}

/* V5.12: restore original Hvalfjordur composition, mask embedded typography behind live headline */
.lead-story>img{width:100%;height:100%;object-fit:cover;object-position:center 36%}
.lead-story .lead-text{background:linear-gradient(to bottom,rgba(3,13,27,0) 0%,rgba(3,13,27,.72) 19%,rgba(3,13,27,.97) 46%,rgba(3,13,27,.99) 100%);padding-top:98px}
/* Four compact cards directly below hero, no centred orphan column */
.lower-area{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:var(--v53-page)!important;gap:12px!important;margin:12px auto 14px!important;padding:0!important}
.lower-area>.lower-story{border-top-width:2px!important;padding-bottom:8px!important}
.lower-area>.lower-story img{height:105px!important;object-fit:cover!important;margin-bottom:7px!important}
.lower-area>.lower-story .category,.lower-area>.lower-story h3{margin-left:9px!important;margin-right:9px!important}
.lower-area>.lower-story h3{font-size:14px!important;line-height:1.22!important;margin-bottom:4px!important}
.lower-area>.lower-story .category{font-size:10px!important}
.v59-programme{max-width:var(--v53-page);margin:6px auto 12px}
.v59-programme>summary{padding:10px 14px}
/* The latest articles are the actual October 9 editorial stories */
.v51-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.v51-latest-card{min-height:78px!important;padding:8px!important}
.v51-latest-card>img{height:62px!important;width:96px!important;object-fit:cover}
.v51-latest-card h3{font-size:14px;line-height:1.2}
.v3-news-links{margin-top:12px!important;margin-bottom:14px!important}
@media(max-width:850px){.lower-area{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 12px!important}}
@media(max-width:560px){.v51-latest-grid{grid-template-columns:1fr!important}.lead-story .lead-text{padding-top:85px}}
/* Keep the original illustrated news panel intact; do not double-print its text. */
.lead-story{position:relative;overflow:hidden;background:#061b2d}
.lead-story>img{width:100%;height:100%;object-fit:contain!important;object-position:center center!important}
.lead-story .lead-text{position:absolute!important;inset:0!important;background:transparent!important;padding:0!important;pointer-events:none!important}
.lead-story .lead-text>*{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.lead-story .lead-text>a.read-more{inset:0!important;width:100%!important;height:100%!important;margin:0!important;clip:auto!important;opacity:0!important;pointer-events:auto!important;cursor:pointer!important}

/* V5.13: ARTICLE IMAGES ONLY — display entire artwork without cropping. */
.article-body img.v56-hero,
.article-body img.article-image {
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:22px auto 8px !important;
  border-radius:4px;
}
/* Portrait illustrations should not expand to the full article width. */
.article-body img.v56-hero[src$="editorial-trump.jpg"],
.article-body img.v56-hero[src$="editorial-ice.jpg"],
.article-body img.v56-hero[src$="editorial-krona.jpg"],
.article-body img.v56-hero[src$="editorial-hofdi.jpg"] {max-width:min(100%,520px) !important;}
@media(max-width:600px){.article-body img.v56-hero,.article-body img.article-image{max-width:100% !important;}}

/* V5.14: surgical layout correction. Preserve all existing article copy. */
@media(min-width:901px){
  :root{--v53-page:min(90vw,1580px)}
  .v51-ad-rail{display:none!important}
}
/* Keep the full Hvalfjordur illustration visible without blue side bars. */
.lead-story{height:auto!important;min-height:0!important;background:transparent!important;align-self:flex-start}
.lead-story>img{display:block!important;width:100%!important;height:auto!important;object-fit:contain!important}
/* Restore readable, generously sized secondary news cards. */
.lower-area{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
.lower-area>.lower-story img{height:230px!important;object-fit:contain!important;background:#f4f7fb}
.lower-area>.lower-story h3{font-size:clamp(17px,1.5vw,23px)!important;line-height:1.3!important}
.v51-latest-card{min-height:105px!important;padding:14px!important}
.v51-latest-card>img{height:82px!important;width:130px!important;object-fit:contain!important}
.v51-latest-card h3{font-size:17px!important;line-height:1.3!important}
@media(max-width:700px){.lower-area{grid-template-columns:1fr!important}.lower-area>.lower-story img{height:auto!important;max-height:280px!important}}

/* V5.15 — remove conflicting V5.8–V5.14 presentation overrides. */
:root{--v53-page:min(94vw,1280px)}
@media(min-width:901px){.v51-ad-rail{display:block!important}}
.main-news{width:var(--v53-page)!important;max-width:100%!important;box-sizing:border-box}
.lead-story{height:clamp(360px,35vw,490px)!important;min-height:0!important;background:#10263b!important;overflow:hidden!important;position:relative!important}
.lead-story>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 44%!important}
.lead-story .lead-text{position:absolute!important;inset:auto 0 0!important;display:block!important;padding:55px 22px 18px!important;background:linear-gradient(transparent,rgba(2,15,32,.94))!important;pointer-events:auto!important}
.lead-story .lead-text>*{position:static!important;display:block!important;width:auto!important;height:auto!important;margin:0 0 7px!important;padding:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;border:0!important;opacity:1!important}
.lead-story .lead-text h2{font-size:clamp(21px,2.4vw,33px)!important;line-height:1.12!important;color:#fff!important}
.lead-story .lead-text p{color:#f0f3fa!important;font-size:clamp(13px,1.1vw,16px)!important;line-height:1.4!important}
.lead-story .lead-text a.read-more{position:static!important;display:inline-block!important;width:auto!important;height:auto!important;opacity:1!important;clip:auto!important;pointer-events:auto!important;padding:8px 13px!important;background:#0b66b2!important;color:white!important}
.lead-story .lead-text .illustration-note{font-size:10px!important;margin-top:8px!important}
.lower-area{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:15px!important;width:var(--v53-page)!important;max-width:100%!important;margin:16px auto!important;padding:0!important}
.lower-area>.lower-story{min-width:0!important;border:1px solid #e1e5eb!important;border-top:0!important;box-sizing:border-box!important}
.lower-area>.lower-story img{width:100%!important;height:140px!important;object-fit:cover!important;background:#f4f7fb!important}
.lower-area>.lower-story h3{font-size:16px!important;line-height:1.28!important}
.v3-news-links,.v59-programme,.v5-mid-ad{width:var(--v53-page)!important;max-width:100%!important;box-sizing:border-box!important}
.article-body{box-sizing:border-box!important;width:min(94vw,920px)!important;max-width:920px!important;margin:22px auto 44px!important;padding:0 clamp(18px,3vw,48px) 32px!important;background:#fff!important;color:#17212d!important;border:none!important;box-shadow:none!important;line-height:1.7!important;font-size:18px!important}
.article-body h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.12!important}
.article-body h2{font-size:clamp(22px,2.3vw,29px)!important;margin-top:32px!important}
.article-body p{line-height:1.75!important}
.article-body img.v56-hero,.article-body img.article-image{width:100%!important;max-width:100%!important;max-height:none!important;height:auto!important;object-fit:contain!important;display:block!important;margin:20px auto 8px!important}
@media(max-width:850px){.lower-area{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 12px!important}.lead-story{height:420px!important}}
@media(max-width:550px){.lower-area{grid-template-columns:1fr!important}.lead-story{height:410px!important}.lead-story .lead-text{padding:55px 16px 12px!important}.lead-story .lead-text p.illustration-note{display:none!important}.article-body{font-size:16px!important}}