:root {
    --ii-news-ink: #123b62;
    --ii-news-muted: #416b82;
    --ii-news-teal: #59dfdb;
    --ii-news-sky: #91dbff;
    --ii-news-yellow: #ffe881;
    --ii-news-pink: #ffb6d4;
    --ii-news-lilac: #cfc0ff;
    --ii-news-card: #ffffff;
}

.ii-news-document__main { margin:0; padding:0; }
.ii-news { box-sizing:border-box; width:min(1240px,calc(100% - 40px)); margin:0 auto; padding:24px 0 72px; font-family:Inter,Arial,sans-serif; color:var(--ii-news-ink); }
.ii-news *, .ii-news *::before, .ii-news *::after { box-sizing:border-box; }

/* Compact glassy intro card: keeps the original box treatment without eating the viewport. */
.ii-news__hero {
    position:relative;
    max-width:1080px;
    margin:0 auto 24px;
    padding:22px 34px 24px;
    text-align:center;
    overflow:hidden;
    border:2px solid rgba(255,255,255,.92);
    border-radius:28px;
    background:linear-gradient(110deg,rgba(255,239,149,.58),rgba(194,244,235,.62) 48%,rgba(126,225,244,.66));
    box-shadow:0 12px 30px rgba(24,79,113,.13), inset 0 1px 0 rgba(255,255,255,.55);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}
.ii-news__hero::before,
.ii-news__hero::after {
    content:"";
    position:absolute;
    border-radius:50%;
    background:rgba(255,255,255,.23);
    pointer-events:none;
}
.ii-news__hero::before { width:150px; height:150px; right:35px; top:-74px; }
.ii-news__hero::after { width:96px; height:96px; right:132px; bottom:-58px; }

.ii-news__eyebrow, .ii-news__section-head span, .ii-news-card__outlet, .ii-news-card__media--placeholder span, .ii-news-card__link { font-family:"Luckiest Guy",cursive; letter-spacing:.02em; }
.ii-news__eyebrow { position:relative; z-index:1; display:inline-flex; padding:7px 15px 5px; border:2px solid rgba(255,255,255,.92); border-radius:999px; background:rgba(255,255,255,.82); color:#087d99; font-size:13px; box-shadow:0 4px 12px rgba(18,59,98,.08); }
.ii-news__hero h1 { position:relative; z-index:1; margin:9px auto 5px; max-width:900px; font-family:"Luckiest Guy",cursive; font-size:clamp(32px,3.25vw,46px); line-height:1.02; letter-spacing:.01em; color:var(--ii-news-ink); text-shadow:0 2px 0 rgba(255,255,255,.62); }
.ii-news__hero p { position:relative; z-index:1; max-width:680px; margin:0 auto; font-size:clamp(14px,1.05vw,17px); line-height:1.4; color:#245d79; font-weight:600; }

.ii-news__section-head { display:flex; align-items:center; justify-content:center; gap:12px; margin:18px 4px 14px; text-align:center; }
.ii-news__section-head::before,.ii-news__section-head::after { content:""; width:clamp(28px,3.5vw,52px); height:3px; flex:0 1 auto; border-radius:999px; background:rgba(18,59,98,.16); }
.ii-news__section-head span { font-size:clamp(23px,2.1vw,31px); color:var(--ii-news-ink); }
.ii-news__featured-grid,.ii-news__grid { display:grid; gap:20px; }
.ii-news__featured-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.ii-news__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

.ii-news-card { min-width:0; overflow:hidden; border:2px solid rgba(255,255,255,.97); border-radius:20px; background:var(--ii-news-card); box-shadow:0 9px 22px rgba(24,79,113,.12); transition:transform .18s ease,box-shadow .18s ease; }
.ii-news-card:hover { transform:translateY(-3px); box-shadow:0 15px 30px rgba(24,79,113,.16); }
.ii-news-card--featured { display:flex; flex-direction:column; }
.ii-news-card__media { position:relative; display:block; height:150px; overflow:hidden; background:var(--ii-news-sky); text-decoration:none; }
.ii-news-card--featured .ii-news-card__media { height:175px; }
.ii-news-card__media img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .3s ease; }
.ii-news-card:hover .ii-news-card__media img { transform:scale(1.025); }
.ii-news-card__media::after { content:""; position:absolute; inset:auto 0 0; height:24%; background:linear-gradient(to top,rgba(18,59,98,.07),transparent); pointer-events:none; }
.ii-news-card__media--placeholder { display:grid; place-items:center; background:linear-gradient(135deg,var(--ii-news-sky),var(--ii-news-teal)); }
.ii-news-card--accent-2 .ii-news-card__media--placeholder { background:linear-gradient(135deg,var(--ii-news-yellow),#ffd89d); }
.ii-news-card--accent-3 .ii-news-card__media--placeholder { background:linear-gradient(135deg,var(--ii-news-pink),#ffdaea); }
.ii-news-card--accent-4 .ii-news-card__media--placeholder { background:linear-gradient(135deg,var(--ii-news-lilac),#e9e3ff); }
.ii-news-card__media--placeholder span { font-size:clamp(34px,3.4vw,52px); color:rgba(18,59,98,.82); transform:rotate(-4deg); }
.ii-news-card__body { padding:15px 17px 17px; }
.ii-news-card--featured .ii-news-card__body { display:flex; flex:1; flex-direction:column; }
.ii-news-card__topline { display:flex; align-items:center; justify-content:flex-start; gap:9px; margin-bottom:7px; }
.ii-news-card__outlet { color:#008aa8; font-size:13px; }
.ii-news-card__topline time { color:#668596; font-size:11px; font-weight:700; white-space:nowrap; }
.ii-news-card__topline time::before { content:"•"; margin-right:9px; color:#8ca3af; }
.ii-news-card h2 { margin:0; font-family:"Luckiest Guy",cursive; font-size:clamp(17px,1.25vw,21px); line-height:1.13; letter-spacing:.01em; overflow-wrap:anywhere; color:var(--ii-news-ink); }
.ii-news-card__summary { margin:8px 0 0; color:var(--ii-news-muted); font-size:13px; line-height:1.45; }
.ii-news-card__footer { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-top:13px; }
.ii-news-card--featured .ii-news-card__footer { margin-top:auto; padding-top:15px; }
.ii-news-card__author { color:#587789; font-size:11px; font-weight:700; }
.ii-news-card__link { display:inline-flex; align-items:center; gap:5px; padding:0; background:transparent; text-decoration:none; color:#087d99; font-size:12px; line-height:1.15; text-align:right; }
.ii-news-card__link:hover,.ii-news-card__link:focus-visible { color:#075c78; background:transparent; text-decoration:underline; }
.ii-news__empty { margin-top:30px; padding:30px; border-radius:24px; background:rgba(255,255,255,.85); text-align:center; font-family:"Luckiest Guy",cursive; font-size:24px; }

/* Secondary coverage keeps full article imagery, but uses a tighter horizontal card. */
.ii-news__grid .ii-news-card { display:grid; grid-template-columns:180px minmax(0,1fr); min-height:150px; border-radius:16px; }
.ii-news__grid .ii-news-card__media { height:100%; min-height:150px; }
.ii-news__grid .ii-news-card__body { min-width:0; padding:14px 16px; }
.ii-news__grid .ii-news-card__topline { margin-bottom:6px; }
.ii-news__grid .ii-news-card h2 { font-size:clamp(16px,1.15vw,19px); line-height:1.16; }
.ii-news__grid .ii-news-card__summary { display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; font-size:12.5px; }
.ii-news__grid .ii-news-card__footer { margin-top:10px; align-items:center; }
.ii-news__grid .ii-news-card__author { font-size:10.5px; }
.ii-news__grid .ii-news-card__link { font-size:11.5px; }

@media (max-width:980px) {
    .ii-news { width:min(900px,calc(100% - 30px)); padding-top:18px; }
    .ii-news__hero { max-width:820px; margin-bottom:18px; padding:19px 26px 21px; border-radius:24px; }
    .ii-news__hero h1 { font-size:clamp(30px,4.5vw,40px); }
    .ii-news__featured-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .ii-news__grid { grid-template-columns:1fr; }
    .ii-news__grid .ii-news-card { grid-template-columns:190px minmax(0,1fr); }
}

@media (max-width:720px) {
    .ii-news { width:min(100% - 20px,620px); padding:14px 0 50px; }
    .ii-news__hero { padding:16px 14px 18px; margin-bottom:14px; border-radius:20px; }
    .ii-news__eyebrow { font-size:11px; padding:6px 12px 4px; }
    .ii-news__hero h1 { font-size:clamp(27px,8vw,35px); }
    .ii-news__hero p { font-size:14px; }
    .ii-news__featured-grid { grid-template-columns:1fr; }
    .ii-news__section-head { margin-top:15px; }
    .ii-news-card--featured .ii-news-card__media { height:180px; }
    .ii-news-card__topline,.ii-news-card__footer { align-items:flex-start; flex-direction:column; }
    .ii-news-card__topline time::before { display:none; }
    .ii-news-card__link { text-align:left; }
    .ii-news__grid .ii-news-card { display:block; }
    .ii-news__grid .ii-news-card__media { height:165px; min-height:0; }
}