@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root{
    --news-blue:#0a63f6;
    --news-text:#13213c;
    --news-muted:#61708d;
    --news-line:#dfe5ef;
    --news-bg:#f4f7fb;
}

.news-shell,
.news-shell *{
    box-sizing:border-box;
}

.news-shell{
    padding:18px 20px 28px;
    background:linear-gradient(180deg,#f8fbff 0%,#f4f7fb 100%);
    color:var(--news-text);
    font-family:"Inter","Segoe UI",Arial,sans-serif;
}

.news-panel{
    border:1px solid rgba(15, 42, 84, .08);
    border-radius:16px;
    background:#fff;
    box-shadow:0 10px 28px rgba(19, 33, 60, .06);
}

.news-hero{
    min-height:140px;
    padding:22px 24px 18px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:18px;
}

.news-hero-top{
    display:flex;
    align-items:flex-start;
    gap:18px;
}

.news-hero-icon{
    width:78px;
    height:78px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:linear-gradient(180deg,#e9f1ff 0%,#dbe7fd 100%);
    color:var(--news-blue);
    flex:0 0 78px;
    position:relative;
    overflow:hidden;
}

.news-hero-mark{
    position:absolute;
    inset:0;
}

.news-hero-mark:before{
    content:"";
    position:absolute;
    left:19px;
    top:19px;
    width:28px;
    height:28px;
    border:3px solid var(--news-blue);
    border-radius:6px;
    background:rgba(255,255,255,.55);
    box-shadow:inset 0 0 0 1px rgba(10,99,246,.05);
}

.news-hero-mark:after{
    content:"";
    position:absolute;
    left:26px;
    top:26px;
    width:14px;
    height:3px;
    background:var(--news-blue);
    border-radius:2px;
    box-shadow:
        0 6px 0 var(--news-blue),
        0 12px 0 var(--news-blue);
}

.news-hero-copy{
    min-width:0;
}

.news-hero-copy h1{
    margin:0 0 6px;
    font-size:27px;
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.02em;
}

.news-hero-copy p{
    margin:0;
    color:var(--news-muted);
    font-size:14px;
}

.news-hero-actions{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.news-hero-tabs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    min-width:0;
}

.news-hero-controls{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
    min-width:0;
}

.news-sort-label{
    color:var(--news-text);
    font-size:16px;
}

.news-sort-wrap{
    position:relative;
    display:inline-flex;
    flex-direction:column;
    align-items:stretch;
    min-width:0;
}

.news-hero .news-view{
    width:48px;
    height:48px;
    border-radius:10px;
}

.news-pill,
.news-sort,
.news-view,
.news-page-btn,
.news-apply,
.news-read,
.news-follow,
.news-subscribe{
    border:0;
    outline:0;
    cursor:pointer;
    font:inherit;
}

.news-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:108px;
    min-height:44px;
    padding:0 18px;
    border:1px solid #d8e0eb;
    border-radius:11px;
    background:#fff;
    color:var(--news-text);
    font-size:13px;
    text-decoration:none;
    white-space:nowrap;
    transition:background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.news-pill.active{
    border-color:var(--news-blue);
    background:var(--news-blue);
    color:#fff;
    font-weight:600;
    box-shadow:0 8px 18px rgba(10, 99, 246, .16);
}

.news-pill:hover{
    border-color:#b8c6dc;
    color:var(--news-blue);
    background:#f8fbff;
}

.news-sort{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:46px;
    padding:0 14px 0 16px;
    border:1px solid #d8e0eb;
    border-radius:10px;
    background:#fff;
    color:var(--news-text);
    font-size:13px;
    white-space:nowrap;
}

.news-sort-text{
    display:inline-block;
}

.news-sort-icon{
    width:14px;
    height:14px;
    flex:0 0 auto;
    transition:transform .18s ease;
}

.news-sort[aria-expanded="true"] .news-sort-icon{
    transform:rotate(180deg);
}

.news-grid{
    margin-top:16px;
    display:grid;
    grid-template-columns:278px minmax(0,1fr) 300px;
    gap:16px;
    align-items:start;
}

.news-sidebar,
.news-widget,
.news-newsletter{
    padding:18px;
}

.news-filter-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:18px;
}

.news-filter-head h2{
    margin:0;
    color:var(--news-text);
    font-weight:700;
    background:transparent;
    -webkit-text-fill-color:currentColor;
    font-size:18px;
}

.news-filter-head button{
    background:none;
    border:0;
    padding:0;
    color:var(--news-blue);
    font-size:13px;
}

.news-filter{
    margin-top:18px;
}

.news-filter h3{
    margin:0 0 10px;
    font-size:13px;
    letter-spacing:.01em;
    color:var(--news-text);
    font-weight:700;
}

.news-search{
    width:100%;
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:0 12px;
    border:1px solid var(--news-line);
    border-radius:10px;
    overflow:hidden;
}

.news-search input{
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    font-size:13px;
    line-height:1.4;
    padding: 0;
    margin: 0;
    background:transparent;
}

.news-search input::placeholder{
    color:#8a97ab;
}

.news-search i{
    color:#6b7a96;
    flex:0 0 auto;
    line-height:1;
}

.news-search-wrap{
    position:relative;
}

.news-search-wrap .news-search{
    padding-right:46px;
}

.news-search-button{
    position:absolute;
    right:12px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border:0;
    border-radius:50%;
    background:transparent;
    color:#6b7a96;
}

.news-search-button:hover{
    color:var(--news-blue);
}

.news-check,
.news-radio{
    min-height:30px;
    display:grid;
    grid-template-columns:16px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    font-size:13px;
    color:#23314d;
}

.news-check{
    margin-top:2px;
}

.news-check input{
    appearance:none;
    width:14px;
    height:14px;
    margin:0;
    border:1px solid #aebbd0;
    border-radius:3px;
}

.news-check input:checked{
    background:var(--news-blue);
    box-shadow:inset 0 0 0 2px #fff;
}

.news-check em{
    min-width:32px;
    padding:3px 7px;
    border-radius:999px;
    background:#eef2f8;
    color:#56657f;
    font-style:normal;
    font-size:12px;
    text-align:center;
}

.news-radio{
    grid-template-columns:16px minmax(0,1fr) auto;
}

.news-custom-range{
    display:none;
    margin-top:12px;
}

.news-custom-range.is-visible{
    display:block;
}

.news-custom-range-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
}

.news-custom-date{
    display:flex;
    flex-direction:column;
    gap:6px;
    min-width:0;
    font-size:12px;
    color:var(--news-muted);
}

.news-custom-date span{
    font-weight:600;
    color:var(--news-text);
}

.news-custom-date input[type="date"]{
    width:100%;
    min-width:0;
    height:42px;
    padding:0 10px;
    border:1px solid var(--news-line);
    border-radius:10px;
    background:#fff;
    color:var(--news-text);
    font:inherit;
    font-size:13px;
    line-height:1.4;
    outline:0;
}

.news-custom-date input[type="date"]::-webkit-calendar-picker-indicator{
    cursor:pointer;
    opacity:.8;
}

.news-custom-date input[type="date"]:focus{
    border-color:#b8c6dc;
    box-shadow:0 0 0 3px rgba(10,99,246,.08);
}

.news-radio input{
    appearance:none;
    width:14px;
    height:14px;
    margin:0;
    border:1px solid #aebbd0;
    border-radius:50%;
}

.news-radio input:checked{
    border:4px solid #fff;
    background:var(--news-blue);
    box-shadow:0 0 0 1px var(--news-blue);
}

.news-apply{
    width:100%;
    height:40px;
    margin-top:18px;
    border:1px solid var(--news-blue);
    border-radius:10px;
    background:#fff;
    color:var(--news-blue);
    font-weight:700;
}

.news-main{
    min-width:0;
}

.news-toolbar{
    margin:0 0 12px;
    display:flex;
    align-items:center;
    gap:10px;
}

.news-toolbar-label{
    color:var(--news-text);
    font-weight:700;
    font-size:16px;
}

.news-view{
    width:40px;
    height:40px;
    border:1px solid #d8e0eb;
    border-radius:10px;
    background:#fff;
    color:#61708b;
}

.news-view.active{
    border-color:var(--news-blue);
    color:var(--news-blue);
}

.news-list{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.news-card{
    padding:16px;
    display:grid;
    grid-template-columns:185px minmax(0,1fr) 124px;
    gap:14px;
    align-items:stretch;
    border:1px solid rgba(15, 42, 84, .08);
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 22px rgba(19, 33, 60, .05);
}

.news-card-visual{
    position:relative;
    min-height:126px;
    overflow:hidden;
    border-radius:14px;
    background:linear-gradient(135deg,#dbe8ff,#98b7ff 50%,#1739a4);
}

.news-card-visual:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 75% 20%, rgba(255,255,255,.45), transparent 18%), radial-gradient(circle at 18% 70%, rgba(255,255,255,.16), transparent 20%);
    mix-blend-mode:screen;
}

.news-card-visual.ai{
    background:linear-gradient(135deg,#0d1538,#1f4cd6 55%,#ff784b);
}

.news-card-visual.event{
    background:linear-gradient(135deg,#1a1460,#a93fd6 55%,#082d67);
}

.news-card-visual.data{
    background:linear-gradient(135deg,#165e7c,#d8f1f5 52%,#f0b98b);
}

.news-card-visual.panel{
    background:linear-gradient(135deg,#121b3f,#5f7194 58%,#d8a67b);
}

.news-card-visual.qual{
    background:linear-gradient(135deg,#2d5f3d,#d4bf82 56%,#644d3d);
}

.news-flag{
    position:absolute;
    top:13px;
    left:13px;
    padding:6px 11px;
    border-radius:999px;
    background:#fff;
    color:var(--news-blue);
    font-size:11px;
    font-weight:700;
    z-index:1;
}

.news-flag.purple{
    color:#6c32c4;
}

.news-flag.green{
    color:#0a8e67;
}

.news-flag.orange{
    color:#c35c14;
}

.news-card-copy{
    min-width:0;
    padding:2px 2px 2px 0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.news-card-copy h2{
    margin:0 0 8px;
    color:var(--news-text);
    font-size:16px;
    line-height:1.25;
    font-weight:700;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    background:transparent;
    -webkit-text-fill-color:currentColor;
}

.news-card-copy p{
    margin:0;
    color:#4c5b77;
    line-height:1.6;
    font-size:13px;
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.news-meta{
    margin-top:10px;
    display:flex;
    align-items:center;
    gap:7px;
    color:#66748d;
    font-size:12px;
    flex-wrap:wrap;
}

.news-card-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    justify-content:space-between;
    gap:10px;
    padding-top:2px;
    min-height:100%;
}

.news-save-form{
    display:inline-flex;
    margin:0;
}

.news-icon-btn{
    width:34px;
    height:34px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d8e0eb;
    border-radius:10px;
    background:#fff;
    color:#35507f;
}

.news-icon-btn.is-saved{
    border-color:rgba(10, 99, 246, .25);
    background:#eef4ff;
    color:var(--news-blue);
}

.news-icon-btn.is-loading{
    opacity:.65;
    pointer-events:none;
}

.news-icon-btn i{
    font-size:14px;
    line-height:1;
}

.news-read{
    align-self:stretch;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:36px;
    padding:0 12px;
    border:1px solid var(--news-blue);
    border-radius:10px;
    background:#fff;
    color:var(--news-blue);
    font-size:12px;
    font-weight:700;
    text-decoration:none;
    white-space:nowrap;
}

.news-detail-shell .news-grid{
    grid-template-columns:minmax(0,1fr) 300px;
}

.news-detail-shell .news-main{
    min-width:0;
}

.news-detail-hero{
    flex-direction:row;
    align-items:center;
}

.news-detail-card{
    padding:18px;
    display:grid;
    grid-template-columns:280px minmax(0,1fr);
    gap:18px;
    align-items:start;
}

.news-detail-visual{
    position:relative;
    min-height:260px;
    overflow:hidden;
    border-radius:16px;
    background:linear-gradient(135deg,#dbe8ff,#98b7ff 50%,#1739a4);
}

.news-detail-visual:before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 75% 20%, rgba(255,255,255,.45), transparent 18%), radial-gradient(circle at 18% 70%, rgba(255,255,255,.16), transparent 20%);
    mix-blend-mode:screen;
}

.news-detail-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:14px;
}

.news-detail-meta-row{
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    color:#66748d;
    font-size:12px;
}

.news-detail-kicker{
    font-weight:600;
    color:#56709b;
}

.news-detail-dot{
    color:#9aa7bc;
}

.news-detail-title{
    margin:0;
    color:var(--news-text);
    font-size:28px;
    line-height:1.2;
    font-weight:800;
    letter-spacing:-.02em;
    background:transparent;
    -webkit-text-fill-color:currentColor;
}

.news-detail-meta{
    margin-top:-2px;
}

.news-detail-summary{
    margin:0;
    color:#4c5b77;
    font-size:15px;
    line-height:1.7;
}

.news-detail-body-copy{
    color:var(--news-text);
    font-size:15px;
    line-height:1.8;
}

.news-detail-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.news-detail-tag{
    display:inline-flex;
    align-items:center;
    min-height:32px;
    padding:0 11px;
    border:1px solid #d8e0eb;
    border-radius:999px;
    background:#fff;
    color:var(--news-text);
    font-size:12px;
    font-weight:600;
}

.news-detail-actions{
    margin-top:6px;
}

.news-related-link{
    color:inherit;
    text-decoration:none;
}

/* News filter redesign */
.news-sidebar{
    position:sticky;
    top:18px;
    align-self:start;
}

.news-filter-head{
    margin-bottom:16px;
}

.news-filter-head h2{
    font-size:20px;
    letter-spacing:-.02em;
}

.news-filter-head a{
    font-size:13px;
    font-weight:600;
}

.news-filter{
    margin-top:16px;
}

.news-search{
    min-height:44px;
    padding:0 14px;
    border-radius:12px;
    border-color:#d6deea;
    gap:10px;
}

.news-search:focus-within{
    border-color:var(--news-blue);
    box-shadow:0 0 0 4px rgba(10,99,246,.10);
}

.news-search input{
    font-size:13px;
    padding-right:0;
}

.news-search-wrap .news-search{
    border-radius:12px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55);
}

.news-search-wrap .news-search input{
    padding-right:0;
}

.news-filter-section{
    display:block;
}

.news-filter-toggle{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border:0;
    padding:0;
    background:none;
    color:var(--news-text);
    font-size:15px;
    font-weight:700;
    text-align:left;
}

.news-chevron{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    font-size:16px;
    transition:transform .2s ease;
}

.news-filter-section.is-collapsed .news-chevron{
    transform:rotate(180deg);
}

.news-filter-body{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:14px;
    overflow:hidden;
    max-height:1400px;
    opacity:1;
    transition:max-height .25s ease, opacity .18s ease, margin-top .18s ease;
}

.news-filter-section.is-collapsed .news-filter-body{
    max-height:0;
    opacity:0;
    margin-top:0;
    pointer-events:none;
}

.news-check,
.news-radio{
    min-height:30px;
    display:grid;
    align-items:center;
    gap:11px;
    font-size:13px;
    line-height:1.25;
}

.news-check{
    grid-template-columns:16px minmax(0,1fr) auto;
}

.news-radio{
    grid-template-columns:16px minmax(0,1fr);
}

.news-check input,
.news-radio input{
    width:16px;
    height:16px;
    margin:0;
    appearance:none;
    border:1.5px solid #b6c2d4;
    background:#fff;
}

.news-check input{
    border-radius:3px;
}

.news-radio input{
    border-radius:50%;
}

.news-check input:checked{
    border-color:var(--news-blue);
    background:var(--news-blue);
    box-shadow:inset 0 0 0 2px #fff;
}

.news-radio input:checked{
    border:4px solid #fff;
    background:var(--news-blue);
    box-shadow:0 0 0 1px var(--news-blue);
}

.news-check em{
    min-width:42px;
    padding:6px 10px;
    border-radius:999px;
    background:#eef2f7;
    color:#5b687f;
    font-size:12px;
    font-style:normal;
    text-align:center;
}

.news-select-wrap{
    display:block;
}

.news-select{
    width:100%;
    min-height:44px;
    padding:0 14px;
    border:1px solid #d6deea;
    border-radius:12px;
    background:#fff;
    color:var(--news-text);
    font-size:13px;
    outline:0;
}

.news-select:focus{
    border-color:var(--news-blue);
    box-shadow:0 0 0 4px rgba(10,99,246,.10);
}

.news-custom-range{
    display:none;
    margin-top:2px;
    gap:12px;
}

.news-custom-range.is-visible{
    display:grid;
}

.news-custom-range-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
}

.news-custom-date{
    display:flex;
    flex-direction:column;
    gap:6px;
    color:var(--news-muted);
    font-size:12px;
    font-weight:600;
}

.news-custom-date span{
    color:var(--news-text);
}

.news-custom-date input{
    min-height:42px;
    padding:0 12px;
    border:1px solid #d6deea;
    border-radius:12px;
    background:#fff;
    color:var(--news-text);
    font:inherit;
}

.news-custom-date input:focus{
    border-color:var(--news-blue);
    box-shadow:0 0 0 4px rgba(10,99,246,.10);
}

.news-apply-primary,
.news-apply-inline{
    min-height:44px;
    margin-top:0;
    border-radius:12px;
    font-size:13px;
    font-weight:700;
}

.news-apply-primary{
    margin-top:18px;
    background:var(--news-blue);
    color:#fff;
    box-shadow:0 8px 18px rgba(10,99,246,.16);
}

.news-apply-inline{
    background:var(--news-blue);
    color:#fff;
    margin-top:6px;
}

@media(max-width:1320px){
    .news-sidebar{
        position:static;
    }
}

.news-related-link:hover{
    color:var(--news-blue);
}

.news-pagination{
    padding:18px 0 4px;
    display:flex;
    justify-content:center;
    gap:8px;
}

.news-page-btn{
    min-width:36px;
    height:36px;
    border-radius:10px;
    background:#fff;
    border:1px solid #d8e0eb;
    color:var(--news-text);
}

.news-page-btn.active{
    border-color:var(--news-blue);
    background:var(--news-blue);
    color:#fff;
}

.news-right{
    display:flex;
    flex-direction:column;
    gap:16px;
}

.news-widget-head{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.news-widget-head h2{
    margin:0;
    color:var(--news-text);
    font-weight:700;
    font-size:16px;
    background:transparent;
    -webkit-text-fill-color:currentColor;
}

.news-widget-head a{
    color:var(--news-blue);
    text-decoration:none;
    font-size:13px;
    line-height:1;
}

.news-trending{
    display:grid;
    grid-template-columns:32px minmax(0,1fr);
    gap:10px;
    align-items:center;
    margin-bottom:16px;
}

.news-rank{
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef4ff;
    color:var(--news-blue);
    font-weight:700;
    font-size:13px;
}

.news-trending-copy strong,
.news-source-copy strong{
    display:block;
    font-size:13px;
    font-weight:600;
    line-height:1.35;
}

.news-trending-copy small,
.news-source-copy small{
    display:block;
    margin-top:2px;
    color:#66748d;
    font-size:12px;
    line-height:1.35;
}

.news-sort-menu{
    position:absolute;
    top:calc(100% + 8px);
    right:0;
    z-index:20;
    min-width:100%;
    padding:8px;
    border:1px solid rgba(15, 42, 84, .08);
    border-radius:12px;
    background:#fff;
    box-shadow:0 14px 28px rgba(19, 33, 60, .12);
    display:none;
}

.news-sort-menu.is-open{
    display:block;
}

.news-sort-item{
    display:flex;
    align-items:center;
    white-space:nowrap;
    min-height:38px;
    padding:0 12px;
    border-radius:9px;
    color:var(--news-text);
    text-decoration:none;
    font-size:13px;
}

.news-sort-item:hover,
.news-sort-item.active{
    background:#eef4ff;
    color:var(--news-blue);
}

.news-source-row{
    display:grid;
    grid-template-columns:44px 1fr auto;
    gap:10px;
    align-items:center;
    margin-bottom:16px;
}

.news-source-badge{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:linear-gradient(145deg,#163460,#0b7be0);
    color:#fff;
    font-size:11px;
    font-weight:700;
}

.news-source-badge.green{
    background:linear-gradient(145deg,#0c7b70,#28b48d);
}

.news-follow{
    min-height:30px;
    padding:0 12px;
    border:1px solid #7ea7ff;
    border-radius:9px;
    background:#fff;
    color:var(--news-blue);
    font-size:12px;
}

.news-newsletter{
    position:relative;
    overflow:hidden;
}

.news-newsletter p{
    margin:0 0 12px;
    color:#4c5b77;
    line-height:1.6;
    font-size:13px;
}

.news-email{
    width:100%;
    height:42px;
    margin-bottom:10px;
    padding:0 12px;
    border:1px solid var(--news-line);
    border-radius:10px;
    font:inherit;
}

.news-subscribe{
    width:130px;
    height:38px;
    border-radius:10px;
    background:var(--news-blue);
    color:#fff;
    font-weight:700;
}

@media (min-width: 1400px){
    .news-shell{
        padding:18px 24px 28px;
    }

    .news-card-copy h2{
        font-size:17px;
    }
}

@media (max-width: 1500px){
    .news-grid{
        grid-template-columns:250px minmax(0,1fr) 280px;
    }

    .news-card{
        grid-template-columns:168px minmax(0,1fr) 102px;
    }
}

@media (max-width: 1200px){
    .news-grid{
        grid-template-columns:1fr;
    }

    .news-detail-shell .news-grid{
        grid-template-columns:1fr;
    }

    .news-right:not(.wall-right-drawer){
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    body.news-page-shell .news-right.wall-right-drawer{
        position:fixed !important;
        z-index:1401 !important;
        inset:0 0 0 auto !important;
        width:min(340px,90vw) !important;
        max-width:none !important;
        height:100dvh !important;
        max-height:none !important;
        padding:0 14px 18px !important;
        display:flex !important;
        flex-direction:column !important;
        overflow-x:hidden !important;
        overflow-y:auto !important;
        background:#f7f9fc !important;
        box-shadow:-12px 0 36px rgba(7,27,67,.2) !important;
        transform:translateX(105%) !important;
        transition:transform .22s ease !important;
    }

    body.news-page-shell .news-right.wall-right-drawer > .news-widget{
        width:100% !important;
        min-width:0 !important;
        flex:0 0 auto !important;
    }

    body.news-page-shell.wall-right-drawer-open .news-right.wall-right-drawer{
        transform:translateX(0) !important;
    }

    body.news-page-shell.wall-right-drawer-open .member-drawer-overlay[data-s3-detail-drawer-close]{
        right:min(340px,90vw) !important;
        width:auto !important;
    }

    .news-detail-card{
        grid-template-columns:1fr;
    }

    .news-detail-visual{
        min-height:220px;
    }
}

@media (max-width: 900px){
    .news-shell{
        padding:14px;
    }

    .news-hero{
        flex-wrap:wrap;
    }

    .news-hero-top{
        width:100%;
    }

    .news-hero-actions{
        width:100%;
        flex-direction:column;
        align-items:flex-start;
    }

    .news-hero-tabs{
        flex-wrap:wrap;
    }

    .news-hero-controls{
        margin-left:0;
    }

    .news-sort-menu{
        right:auto;
        left:0;
    }

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

    .news-detail-card{
        padding:14px;
    }

    .news-detail-title{
        font-size:24px;
    }

    .news-card-actions{
        flex-direction:row;
        align-items:center;
        justify-content:flex-start;
    }

    .news-save-form{
        align-self:center;
    }

    .news-card-actions .news-icon-btn{
        align-self:center;
    }

    .news-read{
        width:auto;
        flex:0 0 auto;
    }

    .news-right:not(.wall-right-drawer){
        grid-template-columns:1fr;
    }
}

@media (max-width: 640px){
    .news-shell{
        padding:12px;
    }

    .news-hero{
        padding:18px 16px 16px;
    }

    .news-detail-shell{
        width:100%;
        min-width:0;
        padding:10px;
        overflow-x:hidden;
    }

    .news-detail-hero{
        min-height:0;
        flex-direction:column;
        align-items:stretch;
        gap:14px;
    }

    .news-detail-hero .news-hero-actions,
    .news-detail-hero .news-hero-tabs,
    .news-detail-hero .news-pill{
        width:100%;
    }

    .news-detail-card{
        gap:14px;
        padding:12px;
        border-radius:12px;
    }

    .news-detail-copy{
        gap:10px;
    }

    .news-detail-summary,
    .news-detail-body-copy{
        overflow-wrap:anywhere;
        font-size:14px;
        line-height:1.6;
    }

    .news-right,
    .news-widget{
        min-width:0;
        width:100%;
    }

    .news-hero-top{
        gap:14px;
    }

    .news-hero-icon{
        width:64px;
        height:64px;
        flex-basis:64px;
    }

    .news-hero-copy h1{
        font-size:24px;
    }

    .news-hero-controls{
        width:100%;
    }

    .news-sort-wrap,
    .news-sort,
    .news-hero .news-view{
        width:100%;
    }

    .news-sort-menu{
        width:100%;
        min-width:0;
    }

    .news-card{
        padding:14px;
    }

    .news-card-visual{
        min-height:160px;
    }

    .news-detail-visual{
        min-height:200px;
    }

    .news-detail-title{
        font-size:22px;
    }

    .news-custom-range-row{
        grid-template-columns:1fr;
    }
}