/* ═══════════════════════════════════════════════════════════
   MinecraftFan — премиум-обёртка страницы статьи/мода/новости.
   ОДИН общий фон под всю статью (title + meta + body + downloads + rating + related + comments).
═══════════════════════════════════════════════════════════ */

/* ═══ MAIN container — единый фон под всю статью ═══ */
.news-article__main{
    position:relative;isolation:isolate;
    background:radial-gradient(800px 360px at 0% 0%,rgba(93,187,60,.07),transparent 60%),
               radial-gradient(700px 320px at 100% 30%,rgba(80,140,220,.05),transparent 60%),
               radial-gradient(600px 400px at 50% 100%,rgba(245,166,35,.04),transparent 60%),
               linear-gradient(180deg,#16161c 0%,#13131a 50%,#10101a 100%);
    border:1.5px solid var(--border);
    border-radius:22px;
    padding:22px 26px 26px;
    box-shadow:0 24px 60px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.03);
    overflow:hidden;
}
/* Декоративные blur-орбы по углам — едва заметные, для глубины */
.news-article__main::before,.news-article__main::after{
    content:"";position:absolute;border-radius:50%;filter:blur(100px);opacity:.32;pointer-events:none;z-index:-1;
}
.news-article__main::before{width:300px;height:300px;background:radial-gradient(circle,#5dbb3c 0%,transparent 70%);top:-120px;left:-80px}
.news-article__main::after{width:280px;height:280px;background:radial-gradient(circle,#508cdc 0%,transparent 70%);bottom:-120px;right:-80px}

/* ═══ BREADCRUMB — без фона, компактно ═══ */
.news-article__breadcrumb{
    display:flex !important;align-items:center;flex-wrap:wrap;gap:2px 4px !important;
    font-size:11px !important;margin:0 0 12px !important;
    padding:0 !important;
    background:none !important;border:none !important;
}
.news-article__breadcrumb a{
    color:var(--muted) !important;text-decoration:none;font-weight:800;
    padding:2px 8px;border-radius:6px;
    transition:all .15s;
}
.news-article__breadcrumb a:hover{color:#aef88b !important;background:rgba(93,187,60,.08)}
.news-article__breadcrumb span{color:var(--muted);font-weight:700;opacity:.5}

/* ═══ TAGS — скрываем (избыточно, есть в meta и breadcrumb) ═══ */
.news-article__tags{display:none !important}
.news-article__tag{
    display:inline-flex !important;align-items:center;gap:4px;
    padding:3px 9px !important;border-radius:6px !important;
    font-size:10px !important;font-weight:900 !important;line-height:1.4;
    text-transform:uppercase;letter-spacing:.04em;
    border:1px solid rgba(255,255,255,.08) !important;
    backdrop-filter:blur(4px);text-decoration:none;
    transition:all .18s cubic-bezier(.2,.7,.2,1);
}
.news-article__tag:hover{transform:translateY(-1px);filter:brightness(1.1)}
.news-article__tag--blue{
    background:linear-gradient(135deg,rgba(80,140,220,.18),rgba(80,140,220,.06)) !important;
    color:#75b5ff !important;border-color:rgba(80,140,220,.3) !important;
}
.news-article__tag--gold{
    background:linear-gradient(135deg,rgba(245,166,35,.18),rgba(245,166,35,.06)) !important;
    color:#ffd75a !important;border-color:rgba(245,166,35,.3) !important;
}
.news-article__tag--brown{
    background:linear-gradient(135deg,rgba(180,140,90,.18),rgba(180,140,90,.06)) !important;
    color:#d4a875 !important;border-color:rgba(180,140,90,.3) !important;
}
.news-article__tag--green{
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06)) !important;
    color:#aef88b !important;border-color:rgba(93,187,60,.3) !important;
}

/* ═══ TITLE H1 — крупнее, выразительнее, доминирует над метаданными ═══ */
.news-article__title{
    font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif !important;
    font-size:28px !important;line-height:1.2 !important;
    font-weight:900 !important;letter-spacing:-.02em !important;
    margin:0 0 14px !important;
    background:linear-gradient(90deg,#fff 0%,#fff 50%,#aef88b 90%,#5dbb3c 100%) !important;
    background-clip:text !important;-webkit-background-clip:text !important;
    color:transparent !important;
    filter:drop-shadow(0 0 14px rgba(93,187,60,.32)) drop-shadow(0 2px 8px rgba(0,0,0,.4));
}
@media(max-width:780px){.news-article__title{font-size:22px !important}}
@media(max-width:520px){.news-article__title{font-size:19px !important}}

/* ═══ META — одна плоская строка без pill-чипов ═══ */
.news-article__meta{
    display:flex !important;flex-wrap:wrap;gap:14px !important;
    margin:0 0 14px !important;font-size:12px !important;
    align-items:center;padding:0 !important;
    border-bottom:1px solid rgba(255,255,255,.06);
    padding-bottom:12px !important;
}
.news-article__meta > span{
    display:inline-flex;align-items:center;gap:5px;
    padding:0 !important;background:none !important;border:none !important;
    color:var(--muted) !important;font-weight:700;line-height:1.3;
}
.news-article__meta time{color:#e0e0e0;font-weight:800}
.news-article__meta a{color:inherit;text-decoration:none;transition:color .15s;border:none !important}
.news-article__meta a:hover{color:#aef88b}
.news-article__meta-accent{color:#aef88b !important;font-weight:800}
.news-article__meta-rating{color:#ffd75a !important;font-weight:900}

/* ═══ SHARE BAR — без обёртки, плоско ═══ */
.news-article__share{
    display:flex !important;flex-wrap:wrap;align-items:center;gap:6px !important;
    margin:0 0 18px !important;padding:0 !important;
    background:none !important;border:none !important;
}
.news-article__share-label{
    font-size:11px !important;color:var(--muted) !important;
    font-weight:900 !important;text-transform:uppercase;letter-spacing:.06em;
    margin-right:6px;
}
.news-article__share-btn{
    display:inline-flex !important;align-items:center;gap:5px;
    padding:7px 12px !important;border-radius:8px !important;
    font-size:12px !important;font-weight:900 !important;
    text-decoration:none;cursor:pointer;border:none;
    line-height:1;font-family:inherit;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s;
}
.news-article__share-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.news-article__share-btn--vk{
    background:linear-gradient(135deg,#5b7fbb,#4c75a3) !important;color:#fff !important;
    box-shadow:0 4px 12px -4px rgba(91,127,187,.5),inset 0 1px 0 rgba(255,255,255,.2);
}
.news-article__share-btn--tg{
    background:linear-gradient(135deg,#2aabee,#0088cc) !important;color:#fff !important;
    box-shadow:0 4px 12px -4px rgba(42,171,238,.5),inset 0 1px 0 rgba(255,255,255,.2);
}
.news-article__share-btn--ok{
    background:linear-gradient(135deg,#ee8208,#cc6500) !important;color:#fff !important;
    box-shadow:0 4px 12px -4px rgba(238,130,8,.5),inset 0 1px 0 rgba(255,255,255,.2);
}
.news-article__share-btn--copy{
    background:rgba(255,255,255,.04) !important;color:#fff !important;
    border:1.5px solid rgba(255,255,255,.1) !important;
    backdrop-filter:blur(6px);
}
.news-article__share-btn--copy:hover{
    background:rgba(93,187,60,.1) !important;border-color:#5dbb3c !important;
    color:#aef88b !important;
}
.news-article__share-btn.is-active{
    background:linear-gradient(135deg,rgba(224,48,48,.2),rgba(224,48,48,.08)) !important;
    border-color:#e03030 !important;color:#ff8585 !important;
    box-shadow:0 4px 12px -4px rgba(224,48,48,.4);
}
.news-article__share-btn.watch-toggle.is-active{
    background:linear-gradient(135deg,rgba(93,187,60,.2),rgba(93,187,60,.08)) !important;
    border-color:#5dbb3c !important;color:#aef88b !important;
    box-shadow:0 4px 12px -4px rgba(93,187,60,.4);
}

/* ═══ Body section — БЕЗ собственного фона (плоско в общем контейнере) ═══ */
.news-article__section{
    background:none !important;
    border:none !important;
    border-radius:0 !important;
    padding:0 !important;
    margin:0 0 22px !important;
    backdrop-filter:none !important;
    box-shadow:none !important;
}
/* Между секциями — тонкая разделительная линия */
.news-article__section + .news-article__section{
    padding-top:18px !important;
    border-top:1px solid rgba(255,255,255,.05) !important;
}
.news-article__section h2{
    font-size:18px !important;font-weight:900 !important;color:#fff !important;
    margin:0 0 12px !important;letter-spacing:-.01em;line-height:1.25;
    display:flex;align-items:center;gap:8px;
}
.news-article__section h2::before{
    content:"";display:inline-block;width:4px;height:16px;
    background:linear-gradient(180deg,#7ed957,#3d8a26);border-radius:2px;
    box-shadow:0 0 8px rgba(93,187,60,.5);flex-shrink:0;
}
/* Внутренние H2 в body — у них уже id'шник от TOC, не вешаем accent-полоску дважды */
.news-article__section--html h2[id^="sec-"]{padding-left:0}
.news-article__section h3{
    font-size:16px !important;font-weight:900 !important;color:#fff !important;
    margin:18px 0 10px !important;letter-spacing:-.01em;line-height:1.3;
}
.news-article__section p{
    font-size:14.5px;color:#d4d4d4;line-height:1.7;
}
.news-article__section a:not(.lc-card):not(.related-card){
    color:#aef88b;text-decoration:none;border-bottom:1px dashed rgba(93,187,60,.4);
    transition:color .15s,border-color .15s;
}
.news-article__section a:not(.lc-card):not(.related-card):hover{
    color:#7ed957;border-bottom-color:#7ed957;
}

/* Compatibility table */
.news-article__section--compat{
    background:radial-gradient(600px 200px at 0% 0%,rgba(93,187,60,.06),transparent 60%),
               linear-gradient(180deg,rgba(28,28,36,.7),rgba(20,20,28,.85)) !important;
}

/* Edit-button (only for editors) */
.news-article__title + a[href*="admin/mods"],
a[href*="admin/mods"][style*="rgba(93,187,60"]{
    background:linear-gradient(135deg,rgba(93,187,60,.18),rgba(93,187,60,.06)) !important;
    border:1.5px solid rgba(93,187,60,.4) !important;
    color:#aef88b !important;
    box-shadow:0 4px 12px -4px rgba(93,187,60,.4);
    transition:all .2s !important;
}

/* Прогресс-бар чтения сверху */
#readProgress{
    height:3px !important;
    background:linear-gradient(90deg,#7ed957,#5dbb3c,#3d8a26) !important;
    box-shadow:0 0 10px rgba(93,187,60,.7);
}

@media(max-width:780px){
    .news-article__section{padding:14px 16px !important}
    .news-article__section h2{font-size:17px !important}
    .news-article__share{padding:8px 10px !important}
    .news-article__share-label{display:none !important}
}
@media(max-width:520px){
    .news-article__breadcrumb{font-size:10.5px !important;padding:6px 10px !important}
    .news-article__meta{gap:4px !important;font-size:11px !important}
    .news-article__meta > span{padding:4px 8px}
    .news-article__tag{font-size:10px !important;padding:4px 9px !important}
}

/* ═══ Premium-блоки внутри статьи: облегчаем фоны (они теперь нестед-карточки) ═══ */
.news-article__main .mv-section,
.news-article__main .dl2-box,
.news-article__main .rs-board,
.news-article__main .cmt-section,
.news-article__main .rl-section,
.news-article__main .csl-box,
.news-article__main .rt-box{
    background:rgba(0,0,0,.18) !important;
    border:1.5px solid rgba(255,255,255,.05) !important;
    box-shadow:none !important;
}
/* Убираем blur-orbs у нестед-блоков — внешний контейнер уже даёт глубину */
.news-article__main .mv-section::before,.news-article__main .mv-section::after,
.news-article__main .dl2-box::before,.news-article__main .dl2-box::after,
.news-article__main .rs-board::before,.news-article__main .rs-board::after,
.news-article__main .cmt-section::before,.news-article__main .cmt-section::after,
.news-article__main .rl-section::before,.news-article__main .rl-section::after{
    display:none !important;
}

/* Адаптив: уменьшаем padding обёртки на мобильных */
@media(max-width:780px){
    .news-article__main{padding:16px 14px 18px;border-radius:16px}
}
@media(max-width:520px){
    .news-article__main{padding:14px 12px 16px;border-radius:14px}
}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR — блок «О материале» в премиум-стиле
═══════════════════════════════════════════════════════════ */

/* Карточка-обёртка */
.news-article__card{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:16px !important;
    overflow:hidden;
    backdrop-filter:blur(6px);
    box-shadow:0 12px 32px -16px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04);
    margin-bottom:18px;
}
.news-article__card::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.55),rgba(80,140,220,.4),transparent);
    pointer-events:none;
}
.news-article__card-title{
    display:flex !important;align-items:center;gap:8px;
    padding:13px 16px 11px !important;
    font-size:13px !important;font-weight:900 !important;color:#fff !important;
    background:none !important;border-bottom:1px solid rgba(255,255,255,.06) !important;
    letter-spacing:-.01em;
    margin:0 !important;
}

/* Preview-картинка сверху */
.news-article__preview{
    margin:0 !important;padding:0 !important;
    border-radius:0 !important;border:none !important;
    aspect-ratio:16/10;background:#0c0c10 !important;
    display:flex;align-items:center;justify-content:center;overflow:hidden;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
}
.news-article__preview img{width:100%;height:100%;display:block}
.news-article__preview-icon{font-size:48px;color:#5dbb3c;filter:drop-shadow(0 4px 12px rgba(93,187,60,.35))}

/* Список фактов */
.news-article__facts{
    margin:0 !important;padding:12px 16px !important;
    display:flex;flex-direction:column;gap:8px;
    background:none !important;
}
.news-article__fact{
    display:flex !important;justify-content:space-between;align-items:baseline;gap:10px;
    padding:6px 0 !important;border-bottom:1px solid rgba(255,255,255,.04) !important;
    margin:0 !important;font-size:12.5px !important;
}
.news-article__fact:last-child{border-bottom:none !important}
.news-article__fact dt{
    color:var(--muted) !important;font-weight:700 !important;
    font-size:11.5px !important;text-transform:uppercase;letter-spacing:.04em;
}
.news-article__fact dd{
    color:#fff !important;font-weight:900 !important;
    margin:0 !important;text-align:right;font-size:12.5px;
}
.news-article__fact dd.is-accent{
    background:linear-gradient(90deg,#aef88b,#5dbb3c);
    background-clip:text;-webkit-background-clip:text;color:transparent !important;
}

/* Контейнер кнопок */
.sb-mod-actions{
    padding:12px 14px 14px;
    display:flex;flex-direction:column;gap:8px;
    border-top:1px solid rgba(255,255,255,.06);
    background:rgba(0,0,0,.18);
}

.sb-mod-btn{
    display:flex;align-items:center;justify-content:center;gap:8px;
    width:100%;padding:11px 14px;border-radius:10px;
    font-family:'Nunito',sans-serif;font-size:13px;font-weight:900;
    text-decoration:none;cursor:pointer;line-height:1;
    transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s,filter .2s,background .2s,border-color .2s;
    border:none;
}

/* Download — главная зелёная CTA с бегущим бликом */
.sb-mod-btn-dl{
    background:linear-gradient(135deg,#7ed957 0%,#5dbb3c 50%,#3d8a26 100%);
    color:#fff;
    box-shadow:0 8px 22px -6px rgba(93,187,60,.6),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 0 rgba(0,0,0,.18);
    position:relative;overflow:hidden;
}
.sb-mod-btn-dl::before{
    content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
    animation:sbDlShine 3.5s ease-in-out infinite;pointer-events:none;
}
@keyframes sbDlShine{0%,80%{left:-100%}90%{left:100%}100%{left:100%}}
.sb-mod-btn-dl:hover{transform:translateY(-2px);box-shadow:0 12px 28px -6px rgba(93,187,60,.75);filter:brightness(1.06)}
.sb-mod-btn-dl svg{flex-shrink:0;animation:sbDlBounce 2.4s ease-in-out infinite}
@keyframes sbDlBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
.sb-mod-btn-ver{
    margin-left:6px;padding:2px 7px;border-radius:5px;
    background:rgba(0,0,0,.25);font-size:11px;font-weight:900;
    letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.3);
}

/* Favorite — outline кнопка */
.sb-mod-btn-fav{
    background:rgba(255,255,255,.04);
    border:1.5px solid rgba(255,255,255,.1);
    color:#fff;
    backdrop-filter:blur(6px);
}
.sb-mod-btn-fav:hover{border-color:rgba(255,107,129,.5);background:rgba(255,107,129,.06);color:#ffb8c7;transform:translateY(-1px)}
.sb-mod-btn-fav.is-active{
    background:linear-gradient(135deg,rgba(255,107,129,.2),rgba(255,107,129,.06));
    border-color:#ff6b81;color:#ffb8c7;
    box-shadow:0 4px 14px -6px rgba(255,107,129,.5);
}
.sb-mod-btn-fav.is-active:hover{transform:translateY(-1px);box-shadow:0 8px 20px -6px rgba(255,107,129,.6)}
.sb-mod-fav-ico{font-size:14px;line-height:1;transition:transform .25s}
.sb-mod-btn-fav:hover .sb-mod-fav-ico{transform:scale(1.2)}

/* Плавный скролл по якорю #download */
html{scroll-behavior:smooth}

/* ═══════════════════════════════════════════════════════════
   SIDEBAR (правое меню) — премиум-блоки .sb-*
═══════════════════════════════════════════════════════════ */
.sb-block{
    position:relative;
    background:linear-gradient(180deg,rgba(28,28,36,.85),rgba(20,20,28,.95)) !important;
    border:1.5px solid rgba(255,255,255,.07) !important;
    border-radius:14px !important;
    overflow:hidden;
    backdrop-filter:blur(6px);
    box-shadow:0 8px 22px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.03);
    transition:border-color .25s,box-shadow .25s;
    margin-bottom:14px;
}
/* Тонкая accent-полоса сверху каждого блока */
.sb-block::before{
    content:"";position:absolute;left:0;right:0;top:0;height:2px;
    background:linear-gradient(90deg,transparent,rgba(93,187,60,.45),transparent);
    pointer-events:none;opacity:.7;
}
.sb-block:hover{border-color:rgba(93,187,60,.18) !important}

/* Заголовок блока */
.sb-title{
    display:flex !important;align-items:center;gap:8px;
    padding:12px 14px !important;
    font-family:'Nunito',sans-serif !important;
    font-size:12px !important;font-weight:900 !important;
    text-transform:uppercase;letter-spacing:.05em;
    background:rgba(0,0,0,.18) !important;
    border-bottom:1px solid rgba(255,255,255,.06) !important;
    color:#fff !important;line-height:1.2;
}
.sb-title::before{
    content:"";display:inline-block;width:4px;height:14px;
    background:linear-gradient(180deg,#7ed957,#3d8a26);
    border-radius:2px;box-shadow:0 0 8px rgba(93,187,60,.5);flex-shrink:0;
}
.sb-title.green::before{background:linear-gradient(180deg,#7ed957,#3d8a26);box-shadow:0 0 8px rgba(93,187,60,.5)}
.sb-title.gold{color:#ffd75a !important}
.sb-title.gold::before{background:linear-gradient(180deg,#ffd75a,#c47308);box-shadow:0 0 8px rgba(245,166,35,.5)}
.sb-title.blue{color:#75b5ff !important}
.sb-title.blue::before{background:linear-gradient(180deg,#75b5ff,#2a6cb8);box-shadow:0 0 8px rgba(80,140,220,.5)}

/* Пункты-ссылки */
.sb-item{
    display:flex !important;align-items:center;gap:9px;
    padding:9px 14px !important;
    color:#c4c4c4 !important;font-size:12.5px !important;font-weight:700 !important;
    text-decoration:none;line-height:1.3;
    border-left:2px solid transparent;
    transition:all .18s cubic-bezier(.2,.7,.2,1);
}
.sb-item:hover{
    background:linear-gradient(90deg,rgba(93,187,60,.1),rgba(93,187,60,.02)) !important;
    color:#fff !important;
    border-left-color:#5dbb3c;
    padding-left:18px !important;
}
.sb-item .ico{
    flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;
    width:24px;height:24px;
    background:rgba(255,255,255,.04);border-radius:6px;
    font-size:13px !important;text-align:center !important;
    transition:background .18s,transform .18s;
}
.sb-item:hover .ico{
    background:rgba(93,187,60,.18);transform:rotate(-6deg) scale(1.08);
}

/* Related-карточки в сайдбаре */
.sb-rel{
    display:flex !important;align-items:center;gap:10px;
    padding:10px 14px !important;
    color:inherit;text-decoration:none;
    border-bottom:1px solid rgba(255,255,255,.05) !important;
    transition:background .18s,padding .18s;
}
.sb-rel:hover{
    background:linear-gradient(90deg,rgba(93,187,60,.08),rgba(93,187,60,.02)) !important;
    padding-left:16px !important;
}
.sb-rel:last-child{border-bottom:none !important}
.sb-rt{
    flex-shrink:0;width:42px;height:42px;border-radius:8px;
    background:linear-gradient(180deg,#1a1a22,#0c0c10);
    overflow:hidden;display:flex;align-items:center;justify-content:center;
    border:1.5px solid rgba(255,255,255,.06);
    color:#5dbb3c;
    transition:border-color .18s;
}
.sb-rel:hover .sb-rt{border-color:rgba(93,187,60,.4)}
.sb-rt img{width:100%;height:100%;object-fit:cover;border-radius:0 !important}
.sb-ri-title{
    font-size:12.5px !important;font-weight:900 !important;color:#fff !important;
    line-height:1.3;letter-spacing:-.01em;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
    transition:color .18s;
}
.sb-rel:hover .sb-ri-title{color:#aef88b}
.sb-ri-meta{
    font-size:10.5px;color:var(--muted);font-weight:700;margin-top:3px;
    display:flex;gap:6px;align-items:center;flex-wrap:wrap;
}

/* Свежее обновление — карточка с пульсирующей точкой */
.update-card{position:relative}
.update-card .news-article__card-title{color:#aef88b !important}

/* Sticky-positioning основного контейнера */
.sidebar > div[style*="sticky"],
.sidebar-inner{
    display:flex;flex-direction:column;gap:14px !important;
}

@media(max-width:780px){
    .sb-block{margin-bottom:10px}
    .sb-title{padding:10px 12px !important;font-size:11px !important}
    .sb-item{padding:8px 12px !important;font-size:12px !important}
}