.page-news{
    --news-line: rgba(10,25,47,0.14);
    --news-deep: #0A192F;
    --news-muted: #4A5568;
    background: var(--c-cream);
    color: var(--c-ink);
    overflow-x: hidden;
}
.page-news__hero{
    position: relative;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0 / 26px 26px,
        var(--c-deep);
    color: var(--c-white);
    padding: 2rem 0 3.2rem;
}
.page-news__hero::before{
    content:"";
    position:absolute;
    right:-3rem;
    top:-3rem;
    width:220px;
    height:220px;
    border-radius:50%;
    background: radial-gradient(circle at 40% 40%, rgba(255,107,53,0.55), transparent 68%);
    pointer-events:none;
}
.page-news__hero::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-1px;
    width:100%;
    height:3px;
    background: linear-gradient(90deg, var(--c-lime) 0 25%, var(--c-blue) 25% 55%, var(--c-orange) 55% 100%);
}
.page-news__breadcrumb{
    margin-bottom:2rem;
    color: rgba(255,255,255,0.7);
}
.page-news__breadcrumb a{
    color: rgba(255,255,255,0.85);
    text-decoration:none;
    transition: color .2s;
}
.page-news__breadcrumb a:hover{
    color: var(--c-lime);
}
.page-news__hero-grid{
    display:grid;
    gap:2rem;
    align-items:center;
    position:relative;
    z-index:1;
}
.page-news__hero-copy{
    max-width:720px;
}
.page-news__title{
    font-family: var(--font-display);
    font-size: clamp(2.4rem, 6vw, 4.2rem);
    line-height:1.05;
    letter-spacing:0.01em;
    text-transform: uppercase;
    margin:0.5rem 0 1rem;
}
.page-news__lead{
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height:1.75;
    color: rgba(255,255,255,0.82);
    max-width:60ch;
    margin:0;
}
.page-news__hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:0.8rem;
    margin-top:1.6rem;
}
.page-news .btn--primary{
    background: var(--c-orange);
    border-color: var(--c-orange);
    color: var(--c-white);
}
.page-news .btn--ghost{
    border-color: rgba(255,255,255,0.55);
    color: var(--c-white);
}
.page-news .btn--ghost:hover{
    border-color: var(--c-lime);
    color: var(--c-lime);
}
.page-news__panel{
    background: rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.14);
    border-radius: var(--radius-lg);
    padding:1.1rem 1.2rem 1.3rem;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
.page-news__panel-status{
    display:flex;
    align-items:center;
    margin-bottom:1rem;
}
.page-news .status-pill{
    background: rgba(255,255,255,0.1);
    color: var(--c-white);
    border:0;
}
.page-news .status-pill__dot{
    background: var(--c-lime);
    box-shadow: 0 0 0 3px rgba(163,230,53,0.25);
}
.page-news__stats{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0.55rem;
    margin:0;
}
.page-news__stat{
    background: rgba(255,255,255,0.06);
    border-radius: var(--radius-md);
    padding:0.75rem 0.85rem;
}
.page-news__stat dt{
    font-size:0.72rem;
    letter-spacing:0.03em;
    color: rgba(255,255,255,0.62);
    margin-bottom:0.25rem;
}
.page-news__stat dd{
    font-family: var(--font-display);
    font-size:1.45rem;
    line-height:1.1;
    margin:0;
    color: var(--c-white);
    letter-spacing:0.02em;
}
.page-news__layout{
    padding-top:3.2rem;
    padding-bottom:4.2rem;
}
.page-news__toc{
    display:none;
}
.page-news__body{
    min-width:0;
}
.page-news__section{
    margin-bottom:4rem;
}
.page-news__section-head{
    border-left:4px solid var(--c-orange);
    padding-left:1rem;
    margin-bottom:1.75rem;
}
.page-news__section-title{
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 3rem);
    line-height:1.05;
    text-transform: uppercase;
    letter-spacing:0.01em;
    color: var(--c-deep);
    margin:0.4rem 0 0.6rem;
}
.page-news__section-lead{
    margin:0;
    font-size:1rem;
    line-height:1.7;
    color: var(--c-stone);
    max-width:70ch;
}
.page-news__tagbar{
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
    margin-top:1.1rem;
}
.page-news__tag{
    font-family: var(--font-mono);
    font-size:0.75rem;
    letter-spacing:0.04em;
    padding:0.3rem 0.8rem;
    border-radius: var(--radius-pill);
    border:1px solid var(--news-line);
    background: var(--c-white);
    color: var(--c-deep);
    transition: border-color .2s, background .2s;
}
.page-news__tag:hover{
    border-color: var(--c-blue);
    background: var(--c-cream-2);
}
.page-news__stack{
    display:grid;
    gap:0.9rem;
}
.update-row{
    background: var(--c-white);
    border:1px solid var(--news-line);
    border-radius: var(--radius-md);
    overflow:hidden;
    transition: border-color .25s var(--ease-out), transform .25s var(--ease-out), box-shadow .25s var(--ease-out);
}
@media (hover:hover){
    .update-row:hover{
        border-color: rgba(10,25,47,0.35);
        transform: translateX(4px);
    }
}
.update-row[open]{
    border-color: var(--c-moss);
    box-shadow: 0 12px 32px rgba(10,25,47,0.08);
}
.update-row__summary{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:0.45rem 0.7rem;
    padding:0.85rem 1rem;
    cursor:pointer;
    user-select:none;
    list-style:none;
}
.update-row__summary::-webkit-details-marker{
    display:none;
}
.update-row[open] .update-row__summary{
    border-bottom:1px solid var(--news-line);
}
.update-row__idx{
    font-family: var(--font-mono);
    font-size:0.8rem;
    color: var(--c-stone);
    min-width:1.6em;
}
.update-row__tag{
    font-family: var(--font-mono);
    font-size:0.7rem;
    letter-spacing:0.05em;
    text-transform:uppercase;
    padding:0.22rem 0.6rem;
    border-radius: var(--radius-pill);
    flex-shrink:0;
}
.update-row__tag--moss{
    background: rgba(90,125,90,0.14);
    color: var(--c-moss);
}
.update-row__tag--blue{
    background: rgba(99,179,237,0.16);
    color: #1b6ca8;
}
.update-row__tag--orange{
    background: rgba(255,107,53,0.14);
    color: #c64420;
}
.update-row__tag--stone{
    background: rgba(74,85,104,0.12);
    color: var(--c-stone);
}
.update-row__headline{
    flex:1 1 200px;
    font-weight:600;
    color: var(--c-ink);
    line-height:1.4;
}
.update-row__meta{
    font-size:0.82rem;
    color: var(--c-stone);
    margin-left:auto;
    white-space:nowrap;
}
.update-row__chevron{
    position:relative;
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid currentColor;
    color: var(--c-stone);
    flex-shrink:0;
}
.update-row__chevron::before,
.update-row__chevron::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:currentColor;
    transform:translate(-50%, -50%);
    transition: transform .25s var(--ease-out);
}
.update-row__chevron::before{
    width:9px;
    height:1.5px;
}
.update-row__chevron::after{
    width:1.5px;
    height:9px;
}
.update-row[open] .update-row__chevron::after{
    transform: translate(-50%, -50%) scaleY(0);
}
.update-row__body{
    padding:0.3rem 1rem 1.2rem;
    display:grid;
    gap:1.2rem;
}
.update-row__body--split{
    gap:1.5rem;
}
.update-row__content{
    min-width:0;
}
.update-row__content p{
    margin:0 0 0.7rem;
    line-height:1.7;
    font-size:0.95rem;
    color: var(--c-ink);
}
.update-row__content p:last-child{
    margin-bottom:0;
}
.update-row__list{
    padding-left:1.1rem;
    margin:0.9rem 0 0;
    display:grid;
    gap:0.4rem;
}
.update-row__list li{
    line-height:1.5;
    font-size:0.92rem;
}
.update-row__list li::marker{
    color: var(--c-orange);
}
.update-figure{
    margin:0;
    border-radius: var(--radius-md);
    overflow:hidden;
    background: var(--c-deep-2);
    line-height:0;
}
.update-figure--wide,
.update-figure--square,
.update-figure--landscape{
    width:100%;
}
.update-figure__img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    object-fit:cover;
}
.update-figure__caption{
    line-height:1.5;
    padding:0.55rem 1rem;
    font-family: var(--font-mono);
    font-size:0.75rem;
    letter-spacing:0.02em;
    color: var(--c-stone);
    background: var(--c-cream-2);
}
.page-news__row-btn{
    margin-top:1rem;
}
.page-news__split{
    display:grid;
    gap:2rem;
    align-items:start;
}
.page-news__feature-figure,
.page-news__venue-figure{
    margin:0;
    min-width:0;
}
.page-news__venue-grid{
    display:grid;
    gap:2rem;
    align-items:center;
}
.page-news__archive{
    position:relative;
    background: var(--c-deep);
    color: var(--c-white);
    padding:4rem 0;
    overflow:hidden;
}
.page-news__archive::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(115deg, rgba(99,179,237,0.07) 0 42%, transparent 42%),
        linear-gradient(135deg, rgba(255,255,255,0.04) 25%, transparent 25%) 0 0 / 28px 28px;
    pointer-events:none;
}
.page-news__archive-head,
.page-news__archive-grid,
.page-news__archive-note{
    position:relative;
    z-index:1;
}
.page-news__archive-title{
    margin:0.5rem 0 0.8rem;
}
.page-news__archive-grid{
    display:grid;
    gap:2.5rem;
    align-items:center;
    margin-top:2.2rem;
}
.archive-timeline{
    position:relative;
    display:grid;
    gap:2rem;
    padding-left:2rem;
}
.archive-timeline::before{
    content:"";
    position:absolute;
    left:8px;
    top:6px;
    bottom:6px;
    width:2px;
    background: linear-gradient(to bottom, var(--c-lime), var(--c-blue), var(--c-orange));
}
.archive-timeline__item{
    position:relative;
}
.archive-timeline__marker{
    position:absolute;
    left:-2rem;
    top:0.3rem;
    width:18px;
    height:18px;
    border-radius:50%;
    background: var(--c-deep);
    border:3px solid var(--c-lime);
    box-shadow: 0 0 0 4px rgba(163,230,53,0.15);
}
.archive-timeline__content h3{
    font-family: var(--font-display);
    font-size:1.7rem;
    letter-spacing:0.02em;
    line-height:1.1;
    color: var(--c-lime);
    margin:0 0 0.4rem;
}
.archive-timeline__content p{
    margin:0;
    color: rgba(255,255,255,0.78);
    line-height:1.65;
    font-size:0.95rem;
    max-width:50ch;
}
.page-news__archive-figure{
    max-width:480px;
    margin-inline:auto;
    width:100%;
}
.page-news__archive-note{
    margin:2.2rem 0 0;
    color: rgba(255,255,255,0.58);
    font-size:0.9rem;
    max-width:62ch;
    line-height:1.65;
}
.page-news__subscribe{
    position:relative;
    background: linear-gradient(rgba(10,25,47,0.3), rgba(10,25,47,0.3)), var(--c-terracotta);
    padding:4rem 0 4.5rem;
    overflow:hidden;
}
.page-news__subscribe::before{
    content:"";
    position:absolute;
    right:-4rem;
    bottom:-4rem;
    width:240px;
    height:240px;
    border-radius:50%;
    background: radial-gradient(circle at 30% 30%, rgba(163,230,53,0.45), transparent 70%);
    pointer-events:none;
}
.page-news__subscribe-inner{
    position:relative;
    z-index:1;
    display:grid;
    gap:2.5rem;
    align-items:center;
}
.page-news__subscribe-copy{
    min-width:0;
}
.page-news__subscribe-title{
    margin:0.5rem 0 0.8rem;
}
.page-news__subscribe-card{
    background: rgba(255,255,255,0.13);
    border:1px solid rgba(255,255,255,0.3);
    border-radius: var(--radius-lg);
    padding:1.6rem 1.8rem;
    display:grid;
    gap:0.35rem;
}
.page-news__subscribe-label{
    font-family: var(--font-mono);
    font-size:0.75rem;
    text-transform:uppercase;
    letter-spacing:0.1em;
    color: rgba(255,255,255,0.78);
    margin-bottom:0.2rem;
}
.page-news__subscribe-mail{
    font-family: var(--font-mono);
    font-size:clamp(1.1rem, 2.6vw, 1.65rem);
    font-weight:600;
    word-break:break-all;
    color: var(--c-white);
}
.page-news__subscribe-note{
    font-size:0.85rem;
    color: rgba(255,255,255,0.82);
}
.page-news__subscribe-hint{
    margin:0.4rem 0 0;
    font-size:0.85rem;
    line-height:1.55;
    color: rgba(255,255,255,0.75);
}
@media (min-width:720px){
    .page-news__hero{
        padding:2.6rem 0 4rem;
    }
    .page-news__panel{
        padding:1.3rem 1.5rem 1.5rem;
    }
    .update-row__summary{
        padding:1rem 1.35rem;
        gap:0.6rem 0.8rem;
    }
    .update-row__body{
        padding:0.5rem 1.35rem 1.5rem;
    }
    .page-news__subscribe-inner{
        grid-template-columns:1.2fr 0.8fr;
    }
}
@media (min-width:900px){
    .page-news__hero-grid{
        grid-template-columns:1.5fr 1fr;
        gap:3rem;
    }
    .page-news__venue-grid{
        grid-template-columns:0.85fr 1.15fr;
        gap:2.5rem;
    }
    .page-news__subscribe{
        padding:4.5rem 0;
    }
}
@media (min-width:1024px){
    .page-news__layout{
        display:grid;
        grid-template-columns:230px minmax(0, 1fr);
        gap:3.5rem;
        padding-top:3.5rem;
        padding-bottom:5rem;
    }
    .page-news__toc{
        display:block;
        position:sticky;
        top: calc(var(--header-h) + 2rem);
        align-self:start;
        padding:0.4rem 0;
    }
    .page-news__toc-title{
        font-family: var(--font-mono);
        font-size:0.78rem;
        text-transform:uppercase;
        letter-spacing:0.1em;
        color: var(--c-stone);
        margin:0 0 1rem;
    }
    .page-news__toc-list{
        list-style:none;
        margin:0;
        padding:0;
        display:grid;
        gap:0.3rem;
    }
    .page-news__toc-list a{
        display:flex;
        align-items:baseline;
        gap:0.6rem;
        padding:0.45rem 0.7rem;
        border-radius: var(--radius-md);
        font-size:0.92rem;
        color: var(--c-ink);
        text-decoration:none;
        border-left:2px solid transparent;
        transition: background .2s, border-color .2s, color .2s;
    }
    .page-news__toc-list a span{
        font-family: var(--font-mono);
        font-size:0.75rem;
        color: var(--c-stone);
    }
    .page-news__toc-list a:hover{
        background: var(--c-white);
        border-left-color: var(--c-orange);
        color: var(--c-deep);
    }
    .page-news__toc-note{
        margin:1.2rem 0.7rem 0;
        font-size:0.8rem;
        line-height:1.6;
        color: var(--c-stone);
    }
    .page-news__split{
        grid-template-columns:minmax(0, 1fr) 340px;
        gap:2.5rem;
    }
    .update-row__body--split{
        grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);
        gap:1.5rem;
        align-items:start;
    }
    .page-news__archive-grid{
        grid-template-columns:minmax(0, 1.1fr) minmax(260px, 0.9fr);
        gap:3.5rem;
    }
    .page-news__section-lead{
        font-size:1.05rem;
    }
}
@media (min-width:1100px){
    .update-row__summary{
        padding:1.05rem 1.5rem;
    }
    .update-row__body{
        padding:0.4rem 1.5rem 1.6rem;
    }
}
@media (max-width:719px){
    .page-news__archive{
        padding:3.2rem 0;
    }
    .page-news__subscribe{
        padding:3.2rem 0 3.6rem;
    }
    .page-news__section{
        margin-bottom:3.2rem;
    }
}
