/*
 * blog.css — blog/news module styles
 * Global resets, CSS variables, .wrap, .stripes, .nav, .bot-nav
 * are provided by design-system.css (via base_v2.html).
 * Only blog-specific classes live here.
 */

/* ══════════════════════════════════════════
   EDITOR-SPECIFIC VARIABLES
   (editor-bg / preview-bg not in design-system)
══════════════════════════════════════════ */
[data-theme="dark"]  { --editor-bg:#0D1120; --preview-bg:#0A0E1A; }
[data-theme="light"] { --editor-bg:#EDEAE2; --preview-bg:#F7F4EE; }

/* ══════════════════════════════════════════
   BLOG FEED — HERO
══════════════════════════════════════════ */
.blog-hero{padding:48px 0 40px;border-bottom:1px solid var(--border);position:relative;overflow:hidden;}
.blog-hero-bg{position:absolute;right:-40px;top:-20px;font-family:var(--font-head);font-size:200px;font-weight:900;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--stroke);user-select:none;pointer-events:none;line-height:1;}
.blog-hero-kicker{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--red);display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.blog-hero-kicker::before{content:'';display:block;width:20px;height:2px;background:var(--red);}
.blog-hero-title{font-family:var(--font-head);font-size:clamp(32px,5vw,64px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;margin-bottom:16px;}
.blog-hero-sub{font-size:15px;color:var(--text2);line-height:1.65;max-width:480px;}

/* ══════════════════════════════════════════
   BLOG FEED — FEATURED ARTICLE
══════════════════════════════════════════ */
.featured{padding:40px 0;border-bottom:1px solid var(--border);}
.featured-label{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:20px;}
.featured-card{display:grid;grid-template-columns:1fr 480px;gap:0;background:var(--surface);border:1.5px solid var(--border);overflow:hidden;position:relative;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);}
.featured-card:hover{border-color:var(--red);}
.featured-img{position:relative;overflow:hidden;min-height:320px;background:linear-gradient(135deg,#0F1426 0%,#1B2240 100%);}
.featured-img-inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;opacity:.3;}
.featured-img .stripes{opacity:.6;}
.featured-img-badge{position:absolute;top:16px;left:16px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;background:var(--red);color:#fff;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.featured-body{padding:36px 40px;display:flex;flex-direction:column;justify-content:space-between;}
.featured-sport-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 10px;border:1.5px solid var(--border);color:var(--text3);margin-bottom:20px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.featured-title{font-family:var(--font-head);font-size:clamp(22px,2.5vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;margin-bottom:14px;}
.featured-lead{font-size:15px;color:var(--text2);line-height:1.7;margin-bottom:24px;}
.featured-author{display:flex;align-items:center;gap:12px;}
.author-av{width:38px;height:38px;background:var(--surface2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--red);clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);}
.author-name{font-size:13px;font-weight:600;margin-bottom:2px;}
.author-meta{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.featured-stats{display:flex;gap:20px;margin-top:auto;padding-top:20px;border-top:1px solid var(--border);}
.fstat{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px;}
.fstat span{color:var(--text2);font-weight:700;}

/* ══════════════════════════════════════════
   BLOG FEED — SECTION TABS (Статьи / Новости)
══════════════════════════════════════════ */
.section-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:0;background:var(--bg);}
.stab{padding:14px 24px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--text3);cursor:pointer;position:relative;transition:color var(--transition);background:none;border:none;}
.stab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform var(--transition);}
.stab.active{color:var(--text);}
.stab.active::after{transform:scaleX(1);}
.stab-count{font-family:var(--font-mono);font-size:9px;padding:2px 6px;background:var(--surface2);border:1px solid var(--border);margin-left:6px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.stab.active .stab-count{background:var(--red-dim);border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   BLOG FEED — SPORT FILTER CHIPS
══════════════════════════════════════════ */
.filters-bar{padding:24px 0 0;position:sticky;top:60px;z-index:50;background:var(--bg);border-bottom:1px solid var(--border);}
.filters-bar-inline{border-top:1px solid var(--border);}
.filters-scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none;}
.filters-scroll::-webkit-scrollbar{display:none;}
.filter-chip{flex-shrink:0;padding:7px 14px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);}
.filter-chip:hover,.filter-chip.active{background:var(--red-dim);border-color:var(--red);color:var(--red);}
.filter-chip.active.teal{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);}
.filter-chip.active.yellow{background:var(--yellow-dim);border-color:var(--yellow);color:var(--yellow);}

/* ══════════════════════════════════════════
   BLOG FEED — ARTICLES GRID
══════════════════════════════════════════ */
.articles-section{padding:32px 0 80px;position:relative;z-index:0;}
.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
.article-card{background:var(--surface);border:1.5px solid var(--border);position:relative;overflow:hidden;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);cursor:pointer;transition:border-color var(--transition);}
.article-card:hover{border-color:var(--red);}
.article-card:hover .article-cover-ico{transform:scale(1.1);}
.article-cover{height:160px;background:linear-gradient(135deg,#0F1426 0%,#1B2240 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.article-cover-ico{font-size:52px;opacity:.25;transition:transform .3s ease;}
.article-cover .stripes{opacity:.5;}
.article-cover-tag{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.tag-sport{background:var(--info-dim);color:var(--info);border:1px solid rgba(77,124,255,.3);}
.tag-training{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,255,204,.3);}
.tag-story{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,229,0,.3);}
.tag-tournament{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,61,61,.3);}
.tag-rules{background:rgba(168,85,247,.1);color:#A855F7;border:1px solid rgba(168,85,247,.3);}
.article-body{padding:20px;}
.article-title{font-family:var(--font-head);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.15;margin-bottom:8px;}
.article-lead{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.article-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:12px;}
.article-author{display:flex;align-items:center;gap:8px;}
.art-av{width:24px;height:24px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:8px;font-weight:700;color:var(--red);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.art-name{font-size:12px;color:var(--text2);}
.article-meta{display:flex;gap:10px;}
.art-stat{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}

/* ══════════════════════════════════════════
   BLOG FEED — SIDEBAR
══════════════════════════════════════════ */
.blog-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;}
.sidebar-block{background:var(--surface);border:1.5px solid var(--border);padding:20px;margin-bottom:20px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.sidebar-title{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.sidebar-title::before{content:'';display:block;width:12px;height:2px;background:var(--red);}
.author-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border2);}
.author-row:last-child{border-bottom:none;padding-bottom:0;}
.author-row-av{width:36px;height:36px;background:var(--surface2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--red);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);flex-shrink:0;}
.author-row-info{flex:1;min-width:0;}
.author-row-name{font-size:13px;font-weight:600;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.author-row-sub{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.author-row-count{font-family:var(--font-mono);font-size:10px;color:var(--text3);}
.tag-cloud{display:flex;gap:6px;flex-wrap:wrap;}
.tag-pill{padding:5px 10px;background:var(--surface2);border:1px solid var(--border);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);cursor:pointer;transition:all var(--transition);}
.tag-pill:hover{border-color:var(--red);color:var(--red);}
.mini-post{padding:10px 0;border-bottom:1px solid var(--border2);cursor:pointer;}
.mini-post:last-child{border-bottom:none;padding-bottom:0;}
.mini-post-title{font-size:13px;font-weight:600;line-height:1.35;margin-bottom:4px;}
.mini-post-title:hover{color:var(--red);}
.mini-post-meta{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}

/* ══════════════════════════════════════════
   BLOG FEED — NEWS FEED SECTION
══════════════════════════════════════════ */
.news-section{padding:0 0 80px;}
.news-layout{display:grid;grid-template-columns:1fr 300px;gap:32px;align-items:start;}
.news-top{padding:28px 0 20px;border-bottom:1px solid var(--border);margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.news-top-title{font-family:var(--font-head);font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;color:var(--text);}
.news-write-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);}
.news-write-btn:hover{border-color:var(--red);color:var(--red);}

/* Breaking news banner */
.breaking-banner{background:var(--red);padding:10px 20px;display:flex;align-items:center;gap:12px;margin-bottom:20px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.breaking-label{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#fff;background:rgba(0,0,0,.25);padding:3px 8px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);white-space:nowrap;}
.breaking-text{font-size:13px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.breaking-time{font-family:var(--font-mono);font-size:9px;color:rgba(255,255,255,.7);white-space:nowrap;margin-left:auto;}

/* News category filters */
.news-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px;}
.news-cat{padding:5px 12px;background:var(--surface);border:1.5px solid var(--border);color:var(--text3);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:all var(--transition);}
.news-cat:hover,.news-cat.active{background:var(--info-dim);border-color:var(--info);color:var(--info);}

/* News list — big item (top story) */
.news-list{display:flex;flex-direction:column;gap:0;}
.news-item-big{display:grid;grid-template-columns:180px 1fr;gap:0;background:var(--surface);border:1.5px solid var(--border);margin-bottom:12px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);overflow:hidden;cursor:pointer;transition:border-color var(--transition);}
.news-item-big:hover{border-color:var(--info);}
.news-item-big-img{background:linear-gradient(135deg,#0F1426,#1B2040);display:flex;align-items:center;justify-content:center;font-size:48px;opacity:.3;position:relative;}
.news-item-big-img .stripes{opacity:.5;}
.news-item-big-body{padding:16px 20px;display:flex;flex-direction:column;justify-content:space-between;}
.news-item-big-cat{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:3px 8px;display:inline-block;margin-bottom:8px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.ncat-platform{background:var(--info-dim);color:var(--info);border:1px solid rgba(77,124,255,.3);}
.ncat-tournament{background:var(--red-dim);color:var(--red);border:1px solid rgba(255,61,61,.3);}
.ncat-sport{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,255,204,.3);}
.ncat-community{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,229,0,.3);}
.news-item-big-title{font-family:var(--font-head);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.15;margin-bottom:10px;color:var(--text);}
.news-item-big-lead{font-size:13px;color:var(--text2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;}
.news-item-big-foot{display:flex;align-items:center;gap:12px;}
.news-ts{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.news-views{font-family:var(--font-mono);font-size:9px;color:var(--text3);}

/* News list — regular item */
.news-item{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border2);cursor:pointer;transition:background var(--transition);}
.news-item:last-child{border-bottom:none;}
.news-item:hover .news-item-title{color:var(--info);}
.news-item-dot{width:6px;height:6px;background:var(--border);flex-shrink:0;margin-top:6px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);}
.news-item.hot .news-item-dot{background:var(--red);}
.news-item-body{flex:1;min-width:0;}
.news-item-cat-badge{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;padding:2px 6px;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);display:inline-block;margin-bottom:5px;}
.news-item-title{font-size:14px;font-weight:600;line-height:1.4;margin-bottom:4px;color:var(--text);transition:color var(--transition);}
.news-item-meta{display:flex;gap:10px;align-items:center;}
.news-item-time{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}
.news-item-src{font-family:var(--font-mono);font-size:9px;color:var(--text3);}

/* News date separator */
.news-date-sep{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);padding:14px 0 8px;display:flex;align-items:center;gap:10px;}
.news-date-sep::after{content:'';flex:1;height:1px;background:var(--border2);}

/* Load more */
.load-more-wrap{text-align:center;padding-top:32px;}
.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);cursor:pointer;transition:all var(--transition);}
.load-more-btn:hover{border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   POST DETAIL — READ PROGRESS BAR
══════════════════════════════════════════ */
.read-progress{position:fixed;top:60px;left:0;right:0;height:3px;background:var(--border);z-index:99;}
.read-progress-bar{height:100%;background:var(--red);width:0%;transition:width .1s linear;}

/* ══════════════════════════════════════════
   POST DETAIL — COVER
══════════════════════════════════════════ */
.post-cover{height:420px;background:linear-gradient(135deg,#0F1426 0%,#1B2240 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:24px;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);}
.post-cover .stripes{opacity:.7;}
.post-cover-emoji{font-size:120px;opacity:.2;user-select:none;}
.post-cover-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(10,14,26,1) 0%, rgba(10,14,26,.4) 60%, transparent 100%);}
.post-cover-content{position:absolute;bottom:0;left:0;right:0;padding:40px;}
.post-cover-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:4px 10px;background:var(--info-dim);color:var(--info);border:1px solid rgba(77,124,255,.3);margin-bottom:16px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.post-cover-title{font-family:var(--font-head);font-size:clamp(28px,4vw,52px);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:1.0;max-width:800px;}

/* ══════════════════════════════════════════
   POST DETAIL — LAYOUT & META
══════════════════════════════════════════ */
.post-layout{max-width:1160px;margin:0 auto;padding:40px 24px 80px;display:grid;grid-template-columns:1fr 320px;gap:48px;}
.post-meta-bar{display:flex;align-items:center;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--border);margin-bottom:32px;flex-wrap:wrap;}
.post-author{display:flex;align-items:center;gap:12px;}
.post-av{width:44px;height:44px;background:var(--surface2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--red);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.post-author-name{font-size:15px;font-weight:700;}
.post-author-sub{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;}
.post-date{font-family:var(--font-mono);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.post-read-time{font-family:var(--font-mono);font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;}
.post-meta-dot{width:4px;height:4px;background:var(--border);border-radius:50%;}

/* Breadcrumb (blog-specific nav element) */
.nav-bc{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);}
.nav-bc a{color:var(--text3);}
.nav-bc a:hover{color:var(--red);}
.nav-bc-sep{color:var(--text3);}
.nav-icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-size:16px;transition:all var(--transition);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);cursor:pointer;}
.nav-icon-btn:hover{border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   POST DETAIL — ARTICLE CONTENT
══════════════════════════════════════════ */
.post-content{font-size:16px;line-height:1.8;color:var(--text);}
.post-content h2{font-family:var(--font-head);font-size:24px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;margin:40px 0 16px;color:var(--text);}
.post-content h3{font-family:var(--font-head);font-size:18px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;margin:28px 0 12px;color:var(--text);}
.post-content p{margin-bottom:20px;color:var(--text2);}
.post-content strong{color:var(--text);font-weight:700;}
.post-content ol,.post-content ul{padding-left:0;margin-bottom:20px;}
.post-content li{position:relative;padding-left:24px;margin-bottom:10px;color:var(--text2);}
.post-content ol{counter-reset:li;}
.post-content ol li{counter-increment:li;}
.post-content ol li::before{content:counter(li);position:absolute;left:0;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--red);top:3px;}
.post-content ul li::before{content:'▸';position:absolute;left:0;color:var(--red);}
.post-content .divider{height:1px;background:var(--border);margin:36px 0;}

/* Custom blocks in post content */
.post-tip{background:var(--yellow-dim);border:1.5px solid rgba(255,229,0,.3);padding:16px 20px;margin:24px 0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);font-size:15px;color:var(--text);}
.post-highlight{background:var(--red-dim);border-left:3px solid var(--red);padding:16px 20px;margin:24px 0;font-size:15px;color:var(--text);}
.post-keypoint{display:flex;gap:16px;background:var(--surface);border:1.5px solid var(--teal);border-left:3px solid var(--teal);padding:16px 20px;margin:20px 0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.post-keypoint__num{font-family:var(--font-head);font-size:32px;font-weight:900;color:var(--teal);line-height:1;flex-shrink:0;}
.post-keypoint__body strong{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;}
.post-keypoint__body p{margin-bottom:0;font-size:14px;color:var(--text2);}

/* ══════════════════════════════════════════
   POST DETAIL — FOOTER & ACTIONS
══════════════════════════════════════════ */
.post-footer{margin-top:40px;padding-top:28px;border-top:1px solid var(--border);}
.post-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.post-tag{padding:5px 12px;background:var(--surface2);border:1px solid var(--border);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.post-actions{display:flex;align-items:center;gap:12px;}
.action-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;cursor:pointer;transition:all var(--transition);clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.action-btn:hover,.action-btn.active{background:var(--red-dim);border-color:var(--red);color:var(--red);}
.action-btn.teal:hover,.action-btn.teal.active{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);}
.action-btn.share{margin-left:auto;}

/* ══════════════════════════════════════════
   POST DETAIL — AUTHOR CARD
══════════════════════════════════════════ */
.author-card{background:var(--surface);border:1.5px solid var(--border);padding:24px;margin-top:36px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);position:relative;overflow:hidden;}
.author-card .stripes{opacity:.4;}
.author-card-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;position:relative;}
.author-card-av{width:52px;height:52px;background:var(--surface2);border:2px solid var(--red);display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:20px;font-weight:900;color:var(--red);clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);}
.author-card-name{font-family:var(--font-head);font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;}
.author-card-role{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;}
.author-card-bio{font-size:14px;color:var(--text2);line-height:1.65;margin-bottom:16px;position:relative;}
.author-card-stats{display:flex;gap:16px;padding-top:16px;border-top:1px solid var(--border);position:relative;}
.acs{text-align:center;}
.acs-n{font-family:var(--font-head);font-size:22px;font-weight:900;color:var(--text);}
.acs-l{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;}
.author-card-btn{display:block;text-align:center;padding:10px 20px;background:var(--red-dim);border:1.5px solid var(--red);color:var(--red);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:all var(--transition);margin-top:16px;position:relative;}
.author-card-btn:hover{background:var(--red);color:#fff;}

/* ══════════════════════════════════════════
   POST DETAIL — SIDEBAR
══════════════════════════════════════════ */
.post-sidebar{}
.sidebar-sticky{position:sticky;top:80px;}
.sb-block{background:var(--surface);border:1.5px solid var(--border);padding:20px;margin-bottom:16px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.sb-title{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sb-title::before{content:'';display:block;width:12px;height:2px;background:var(--red);}
.related-post{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid var(--border2);cursor:pointer;}
.related-post:last-child{border-bottom:none;padding-bottom:0;}
.related-post-ico{width:40px;height:40px;background:var(--surface2);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.related-post-title{font-size:13px;font-weight:600;line-height:1.35;margin-bottom:3px;}
.related-post-title:hover{color:var(--red);}
.related-post-meta{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}
.toc-list{list-style:none;}
.toc-item{padding:6px 0;border-bottom:1px solid var(--border2);font-size:13px;color:var(--text2);cursor:pointer;display:flex;align-items:center;gap:8px;}
.toc-item:last-child{border-bottom:none;}
.toc-item::before{content:'';width:6px;height:6px;background:var(--border);flex-shrink:0;clip-path:polygon(50% 0,100% 100%,0 100%);}
.toc-item:hover{color:var(--red);}
.toc-item:hover::before{background:var(--red);}
.share-buttons{display:flex;flex-direction:column;gap:8px;}
.share-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface2);border:1.5px solid var(--border);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);}
.share-btn:hover{border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   POST DETAIL — COMMENTS
══════════════════════════════════════════ */
.comments-section{border-top:1px solid var(--border);margin-top:48px;padding-top:32px;}
.comments-title{font-family:var(--font-head);font-size:22px;font-weight:900;text-transform:uppercase;letter-spacing:.02em;margin-bottom:24px;}
.comment-form{background:var(--surface);border:1.5px solid var(--border);padding:20px;margin-bottom:28px;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.comment-textarea{width:100%;padding:12px 16px;background:var(--bg);border:1.5px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:16px;resize:vertical;min-height:80px;outline:none;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:border-color var(--transition);}
.comment-textarea:focus{border-color:var(--red);}
.comment-submit{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);margin-top:12px;transition:opacity var(--transition);}
.comment-submit:hover{opacity:.85;}
.comment{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--border2);}
.comment:last-child{border-bottom:none;}
.comment-av{width:36px;height:36px;background:var(--surface2);border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--teal);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);flex-shrink:0;}
.comment-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.comment-name{font-size:13px;font-weight:700;}
.comment-date{font-family:var(--font-mono);font-size:9px;color:var(--text3);text-transform:uppercase;letter-spacing:.05em;}
.comment-text{font-size:14px;color:var(--text2);line-height:1.65;}
.comment-like{font-family:var(--font-mono);font-size:9px;color:var(--text3);margin-top:8px;cursor:pointer;transition:color var(--transition);}
.comment-like:hover{color:var(--red);}

/* ══════════════════════════════════════════
   AUTHOR DASHBOARD — PAGE HEADER & STATS
══════════════════════════════════════════ */
.page-hdr{padding:32px 0 0;}
.page-hdr-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px;}
.page-title{font-family:var(--font-head);font-size:clamp(24px,3.5vw,40px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;}
.page-title span{color:var(--red);}
.nav-section{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);}

.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:28px;}
.stat-card{background:var(--surface);border:1.5px solid var(--border);padding:16px 20px;position:relative;overflow:hidden;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.stat-card .stripes{opacity:.5;}
.stat-n{font-family:var(--font-head);font-size:32px;font-weight:900;line-height:1;position:relative;}
.stat-l{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-top:4px;position:relative;}
.stat-trend{position:absolute;top:14px;right:14px;font-family:var(--font-mono);font-size:10px;font-weight:700;}
.stat-trend.up{color:var(--teal);}
.stat-trend.down{color:var(--red);}

/* ══════════════════════════════════════════
   AUTHOR DASHBOARD — TABS
══════════════════════════════════════════ */
.tabs-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px;}
.tab{padding:12px 20px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);cursor:pointer;position:relative;transition:color var(--transition);background:none;border:none;}
.tab::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transition:transform var(--transition);}
.tab.active{color:var(--text);}
.tab.active::after{transform:scaleX(1);}
.tab-count{font-family:var(--font-mono);font-size:9px;padding:2px 6px;background:var(--surface2);border:1px solid var(--border);margin-left:6px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.tab.active .tab-count{background:var(--red-dim);border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   AUTHOR DASHBOARD — ARTICLE ROW
══════════════════════════════════════════ */
.articles-list{display:flex;flex-direction:column;gap:12px;}
.article-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;background:var(--surface);border:1.5px solid var(--border);padding:16px 20px;position:relative;overflow:hidden;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:border-color var(--transition);}
.article-row:hover{border-color:var(--border2);}
.article-row .stripes{opacity:.4;}
.article-row-left{position:relative;}
.article-row-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.art-status{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.art-status.published{background:var(--teal-dim);color:var(--teal);border:1px solid rgba(0,255,204,.3);}
.art-status.draft{background:var(--yellow-dim);color:var(--yellow);border:1px solid rgba(255,229,0,.3);}
.art-status.archived{background:var(--surface2);color:var(--text3);border:1px solid var(--border);}
.art-sport-badge{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 8px;background:var(--info-dim);color:var(--info);border:1px solid rgba(77,124,255,.3);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.article-row-title{font-family:var(--font-head);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;margin-bottom:6px;line-height:1.15;}
.article-row-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.art-meta-item{font-family:var(--font-mono);font-size:10px;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:4px;}
.art-meta-item.views{color:var(--text2);}
.art-meta-item.likes{color:var(--red);}
.article-row-actions{display:flex;gap:8px;position:relative;}
.row-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface2);border:1.5px solid var(--border);color:var(--text2);font-size:14px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);cursor:pointer;}
.row-btn:hover{border-color:var(--red);color:var(--red);}
.row-btn.danger:hover{border-color:var(--red);background:var(--red-dim);color:var(--red);}

/* Context menu */
.ctx-menu{position:fixed;background:var(--surface);border:1.5px solid var(--border);min-width:180px;z-index:1000;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);display:none;box-shadow:var(--shadow);}
.ctx-menu.open{display:block;}
.ctx-item{padding:10px 16px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text2);transition:all var(--transition);}
.ctx-item:hover{background:var(--surface2);color:var(--text);}
.ctx-item.danger{color:var(--red);}
.ctx-item.danger:hover{background:var(--red-dim);}

/* Empty state */
.empty-state{text-align:center;padding:60px 20px;}
.empty-ico{font-size:48px;margin-bottom:16px;opacity:.4;}
.empty-title{font-family:var(--font-head);font-size:22px;font-weight:900;text-transform:uppercase;margin-bottom:8px;}
.empty-sub{font-size:14px;color:var(--text2);}

/* Tips block */
.tips-block{background:var(--surface);border:1.5px solid var(--border);padding:20px 24px;margin-top:28px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);position:relative;overflow:hidden;}
.tips-block .stripes{opacity:.4;}
.tips-title{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);margin-bottom:14px;display:flex;align-items:center;gap:8px;position:relative;}
.tips-title::before{content:'';display:block;width:12px;height:2px;background:var(--yellow);}
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;}
.tip-item{display:flex;gap:10px;}
.tip-ico{font-size:20px;flex-shrink:0;margin-top:2px;}
.tip-text{font-size:13px;color:var(--text2);line-height:1.55;}
.tip-text strong{display:block;color:var(--text);margin-bottom:2px;}

/* Shared buttons (admin/news-editor) */
.btn-primary{display:flex;align-items:center;gap:7px;padding:9px 18px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:opacity var(--transition);}
.btn-primary:hover{opacity:.85;}
.btn-ghost{display:flex;align-items:center;gap:7px;padding:9px 16px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer;transition:all var(--transition);}
.btn-ghost:hover{border-color:var(--red);color:var(--red);}

/* ══════════════════════════════════════════
   ARTICLE EDITOR — OUTER LAYOUT
   NOTE: height uses 60px (base_v2.html nav), not 52px (standalone nav)
══════════════════════════════════════════ */
.editor-page body{overflow:hidden;}
.outer{display:grid;grid-template-columns:1fr 272px;height:calc(100vh - 60px);overflow:hidden;}

/* ══════════════════════════════════════════
   ARTICLE EDITOR — EDITOR COLUMN
══════════════════════════════════════════ */
.editor-col{display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--border);}

/* Meta strip */
.meta-strip{padding:20px 24px 0;border-bottom:1px solid var(--border);background:var(--bg);flex-shrink:0;}
.cover-row{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.cover-thumb{width:80px;height:50px;background:var(--surface);border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;font-size:20px;opacity:.4;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);flex-shrink:0;transition:all var(--transition);position:relative;overflow:hidden;}
.cover-thumb.has-cover{opacity:1;border-style:solid;}
.cover-thumb:hover{border-color:var(--red);opacity:.8;}
.cover-thumb-preview{position:absolute;inset:0;background:linear-gradient(135deg,#1B2240,#222A4A);display:none;align-items:center;justify-content:center;font-size:24px;}
.cover-meta{flex:1;min-width:0;}
.cover-label{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:3px;}
.cover-hint{font-size:12px;color:var(--text2);line-height:1.4;}
.title-inp{width:100%;background:transparent;border:none;border-bottom:2px solid var(--border);outline:none;font-family:var(--font-head);font-size:clamp(20px,2.5vw,32px);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:var(--text);-webkit-text-fill-color:var(--text);resize:none;overflow:hidden;line-height:1.1;margin-bottom:12px;padding:0 0 8px;transition:border-color var(--transition);}
.title-inp:hover:not(:focus){border-bottom-color:var(--text3);}
.title-inp:focus{border-bottom-color:var(--red);}
.title-inp::placeholder{color:var(--text3);-webkit-text-fill-color:var(--text3);}
.lead-inp{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--border);outline:none;font-size:14px;color:var(--text2);-webkit-text-fill-color:var(--text2);resize:none;line-height:1.6;margin-bottom:0;min-height:40px;padding-bottom:12px;transition:border-color var(--transition);}
.lead-inp:hover:not(:focus){border-bottom-color:var(--text3);}
.lead-inp:focus{border-bottom-color:var(--red);}
.lead-inp::placeholder{color:var(--text3);-webkit-text-fill-color:var(--text3);}

/* Toolbar */
.toolbar{display:flex;align-items:center;gap:2px;padding:6px 16px;border-bottom:1px solid var(--border);background:var(--bg-alt);flex-shrink:0;flex-wrap:wrap;min-height:44px;position:relative;z-index:10;}
.tb-group{display:flex;align-items:center;gap:1px;}
.tb-sep{width:1px;height:20px;background:var(--text3);margin:0 5px;opacity:.45;}
.tb-label{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);padding:0 6px;white-space:nowrap;}
.tbtn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;color:var(--text2);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--transition);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);flex-shrink:0;}
.tbtn:hover{background:var(--surface);border-color:var(--border);color:var(--text);}
.tbtn.active{background:var(--red-dim);border-color:var(--red);color:var(--red);}
.tbtn-wide{width:auto;padding:0 8px;font-size:10px;letter-spacing:.04em;}
.tbtn-tip{border-color:rgba(255,229,0,.3);color:var(--yellow);}
.tbtn-tip:hover{background:var(--yellow-dim);border-color:var(--yellow);color:var(--yellow);}
.tbtn-hl{border-color:rgba(255,61,61,.3);color:var(--red);}
.tbtn-hl:hover{background:var(--red-dim);border-color:var(--red);}
.tbtn-kp{border-color:rgba(0,255,204,.3);color:var(--teal);}
.tbtn-kp:hover{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);}
.view-toggle{display:flex;margin-left:auto;gap:2px;flex-shrink:0;}
.vtbtn{padding:4px 10px;font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text2);background:transparent;border:1px solid transparent;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);transition:all var(--transition);}
.vtbtn:hover{color:var(--text);}
.vtbtn.active{background:var(--surface);border-color:var(--border);color:var(--text);}

/* Split pane */
.split-pane{display:grid;grid-template-columns:1fr 1fr;flex:1;overflow:hidden;}
.split-pane.mode-write{grid-template-columns:1fr 0;}
.split-pane.mode-preview{grid-template-columns:0 1fr;}

/* Editor pane */
.pane-editor{background:var(--editor-bg);overflow:hidden;display:flex;flex-direction:column;border-right:1px solid var(--border);}
.pane-editor-label{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);padding:6px 16px 4px;background:var(--bg-alt);border-bottom:1px solid var(--border2);display:flex;align-items:center;gap:8px;}
.pane-editor-label::before{content:'';width:6px;height:6px;background:var(--red);clip-path:polygon(50% 0,100% 100%,0 100%);}
.md-editor{flex:1;width:100%;padding:20px 24px;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-size:14px;line-height:1.8;color:var(--text2);-webkit-text-fill-color:var(--text2);resize:none;overflow-y:auto;tab-size:2;}
.md-editor::placeholder{color:var(--text3);-webkit-text-fill-color:var(--text3);}
.editor-footer{padding:6px 16px;background:var(--bg-alt);border-top:1px solid var(--border2);display:flex;gap:16px;align-items:center;}
.ef-stat{font-family:var(--font-mono);font-size:9px;color:var(--text2);text-transform:uppercase;letter-spacing:.06em;}
.ef-stat span{color:var(--text2);}

/* Preview pane */
.pane-preview{overflow-y:auto;background:var(--preview-bg);}
.pane-preview-label{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);padding:6px 24px 4px;background:var(--bg-alt);border-bottom:1px solid var(--border2);position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;}
.pane-preview-label::before{content:'';width:6px;height:6px;background:var(--teal);clip-path:polygon(50% 0,100% 100%,0 100%);}
.preview-body{padding:24px 32px 60px;}
.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%;gap:12px;opacity:.35;}
.preview-empty-ico{font-size:48px;}
.preview-empty-txt{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);}

/* ══════════════════════════════════════════
   ARTICLE EDITOR — RENDERED MARKDOWN (live preview)
══════════════════════════════════════════ */
.md-render h1,.md-render h2{font-family:var(--font-head);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;color:var(--text);margin:36px 0 14px;padding-bottom:10px;border-bottom:2px solid var(--border);}
.md-render h1{font-size:clamp(22px,3vw,32px);}
.md-render h2{font-size:clamp(18px,2.2vw,24px);}
.md-render h3{font-family:var(--font-head);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;color:var(--text);margin:28px 0 10px;}
.md-render p{font-size:15px;line-height:1.8;color:var(--text2);margin-bottom:18px;}
.md-render strong{color:var(--text);font-weight:700;}
.md-render em{font-style:italic;color:var(--text2);}
.md-render a{color:var(--info);text-decoration:underline;text-underline-offset:3px;}
.md-render a:hover{color:var(--red);}
.md-render ul,.md-render ol{padding-left:0;margin-bottom:18px;}
.md-render li{position:relative;padding-left:20px;margin-bottom:8px;font-size:15px;line-height:1.7;color:var(--text2);}
.md-render ul li::before{content:'▸';position:absolute;left:0;color:var(--red);font-size:12px;top:3px;}
.md-render ol{counter-reset:li;}
.md-render ol li{counter-increment:li;}
.md-render ol li::before{content:counter(li);position:absolute;left:0;font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--red);top:3px;}
.md-render blockquote{border-left:3px solid var(--red);background:var(--red-dim);padding:14px 18px;margin:24px 0;font-size:15px;color:var(--text);line-height:1.7;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.md-render blockquote p{color:var(--text);margin-bottom:0;}
.md-render code{font-family:var(--font-mono);font-size:13px;background:var(--surface);border:1px solid var(--border);padding:2px 6px;color:var(--teal);}
.md-render pre{background:var(--surface);border:1.5px solid var(--border);padding:16px 20px;margin:20px 0;overflow-x:auto;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.md-render pre code{background:transparent;border:none;padding:0;font-size:13px;color:var(--text2);}
.md-render hr{border:none;border-top:1px solid var(--border);margin:32px 0;}
.md-render img{max-width:100%;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.md-render table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;}
.md-render th{background:var(--surface2);border:1px solid var(--border);padding:8px 12px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text);text-align:left;}
.md-render td{border:1px solid var(--border2);padding:8px 12px;color:var(--text2);}
/* Custom blocks in preview */
.md-render .block-tip{background:var(--yellow-dim);border:1.5px solid rgba(255,229,0,.3);padding:16px 20px;margin:24px 0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.md-render .block-tip::before{content:'💡 СОВЕТ';font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--yellow);display:block;margin-bottom:8px;}
.md-render .block-tip p{color:var(--text);margin-bottom:0;}
.md-render .block-highlight{background:var(--red-dim);border-left:3px solid var(--red);padding:14px 20px;margin:24px 0;font-size:15px;color:var(--text);}
.md-render .block-highlight p{color:var(--text);margin-bottom:0;}
.md-render .block-keypoint{display:flex;gap:16px;background:var(--surface);border:1.5px solid var(--teal);border-left:3px solid var(--teal);padding:16px 20px;margin:20px 0;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);}
.md-render .kp-num{font-family:var(--font-head);font-size:28px;font-weight:900;color:var(--teal);line-height:1;flex-shrink:0;}
.md-render .kp-body strong{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px;}
.md-render .kp-body p{margin-bottom:0;font-size:14px;}

/* ══════════════════════════════════════════
   ARTICLE EDITOR — RIGHT SETTINGS SIDEBAR
══════════════════════════════════════════ */
.editor-sidebar{display:flex;flex-direction:column;overflow-y:auto;background:var(--bg-alt);}
.sb-section{padding:16px;border-bottom:1px solid var(--border);}
.sb-label{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.sb-label::before{content:'';display:block;width:8px;height:2px;background:var(--red);}
.form-sel-wrap{position:relative;}
.form-sel-wrap::after{content:'▾';position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text3);pointer-events:none;font-size:10px;}
.form-sel{width:100%;padding:9px 12px;background:var(--surface);border:1.5px solid var(--border);color:var(--text);font-size:13px;outline:none;appearance:none;-webkit-text-fill-color:var(--text);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:border-color var(--transition);}
.form-sel:focus{border-color:var(--red);}
.form-inp{width:100%;padding:9px 12px;background:var(--surface);border:1.5px solid var(--border);color:var(--text);-webkit-text-fill-color:var(--text);font-size:13px;outline:none;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:border-color var(--transition);}
.form-inp:focus{border-color:var(--red);}
.tags-wrap{display:flex;gap:5px;flex-wrap:wrap;background:var(--surface);border:1.5px solid var(--border);padding:7px 9px;min-height:40px;align-items:center;transition:border-color var(--transition);}
.tags-wrap:focus-within{border-color:var(--red);}
.tag-chip{display:flex;align-items:center;gap:3px;padding:2px 7px;background:var(--info-dim);border:1px solid rgba(77,124,255,.3);color:var(--info);font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.tag-del{cursor:pointer;opacity:.7;font-size:9px;}
.tag-del:hover{opacity:1;}
.tag-inp{border:none;background:transparent;outline:none;font-size:12px;color:var(--text);-webkit-text-fill-color:var(--text);flex:1;min-width:50px;}

/* Checklist */
.checklist{display:flex;flex-direction:column;gap:5px;}
.chk{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.06em;padding:3px 0;}
.chk-ico{font-size:11px;flex-shrink:0;}
.chk.done{color:var(--teal);}
.chk.todo{color:var(--text3);}

/* SEO preview */
.seo-box{background:var(--surface);border:1.5px solid var(--border);padding:12px;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);}
.seo-url{font-family:var(--font-mono);font-size:8px;color:var(--teal);margin-bottom:3px;}
.seo-t{font-size:13px;color:var(--info);font-weight:600;margin-bottom:3px;line-height:1.3;}
.seo-d{font-size:11px;color:var(--text3);line-height:1.45;}
.seo-c{font-family:var(--font-mono);font-size:8px;color:var(--text3);margin-top:5px;}
.seo-c span{color:var(--teal);}

/* MD cheatsheet */
.cheat{display:flex;flex-direction:column;gap:3px;}
.cheat-row{display:grid;grid-template-columns:100px 1fr;gap:8px;font-size:11px;padding:3px 0;border-bottom:1px solid var(--border2);}
.cheat-row:last-child{border-bottom:none;}
.cheat-md{font-family:var(--font-mono);font-size:10px;color:var(--text3);}
.cheat-res{color:var(--text2);}

/* Publish block */
.pub-block{padding:16px;background:var(--bg-alt);border-top:1px solid var(--border);margin-top:auto;position:sticky;bottom:0;}
.pub-status{display:flex;align-items:center;gap:7px;margin-bottom:10px;}
.pub-dot{width:7px;height:7px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%);}
.pub-dot.pub{background:var(--teal);}
.pub-label{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--yellow);}
.pub-label.pub{color:var(--teal);}
.pub-btn{width:100%;padding:11px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:opacity var(--transition);margin-bottom:7px;}
.pub-btn:hover{opacity:.85;}
.pub-draft{width:100%;padding:9px;background:transparent;border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:all var(--transition);}
.pub-draft:hover{border-color:var(--text2);color:var(--text);}
.pub-hint{font-family:var(--font-mono);font-size:8px;color:var(--text3);text-align:center;margin-top:7px;line-height:1.5;}

/* Editor nav items */
.save-status{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;color:var(--teal);flex-shrink:0;}
.save-status.unsaved{color:var(--text3);}
.save-status.saving{color:var(--yellow);}
.nbtn{display:flex;align-items:center;gap:5px;padding:7px 13px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);white-space:nowrap;}
.nbtn-ghost{background:var(--surface);border:1.5px solid var(--border);color:var(--text2);}
.nbtn-ghost:hover{border-color:var(--text2);color:var(--text);}
.nbtn-pub{background:var(--red);color:#fff;}
.nbtn-pub:hover{opacity:.85;}
.nbtn-icon{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;font-size:15px;}

/* Mobile burger for editor */
.burger-btn{width:34px;height:34px;display:none;align-items:center;justify-content:center;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-size:16px;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);cursor:pointer;transition:all var(--transition);flex-shrink:0;}
.burger-btn:hover{border-color:var(--border2);}
.burger-menu{position:fixed;top:60px;right:0;left:0;background:var(--nav-bg);backdrop-filter:blur(16px);border-bottom:1.5px solid var(--border);z-index:200;display:none;flex-direction:column;gap:0;box-shadow:0 8px 32px rgba(0,0,0,.4);}
.burger-menu.open{display:flex;}
.burger-item{display:flex;align-items:center;gap:12px;padding:14px 20px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text2);border-bottom:1px solid var(--border2);cursor:pointer;transition:all var(--transition);}
.burger-item:last-child{border-bottom:none;}
.burger-item:hover,.burger-item:active{background:var(--surface);color:var(--text);}
.burger-item-ico{font-size:16px;flex-shrink:0;}
.burger-item-pub{color:var(--red);}
.burger-item-pub:hover{background:var(--red-dim);}
.burger-overlay{position:fixed;inset:0;top:60px;z-index:199;display:none;}
.burger-overlay.open{display:block;}

/* Cheat tooltip */
.cheat-tooltip{position:fixed;background:var(--surface);border:1.5px solid var(--border);padding:14px 16px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);box-shadow:var(--shadow);z-index:200;min-width:240px;display:none;}
.cheat-tooltip.open{display:block;}
.cheat-tooltip-title{font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:10px;}

/* ══════════════════════════════════════════
   NEWS EDITOR — FORM
══════════════════════════════════════════ */
.editor-wrap{max-width:860px;margin:0 auto;padding:32px 24px 0;}
.role-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:var(--info-dim);border:1.5px solid rgba(77,124,255,.3);color:var(--info);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:28px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.role-badge::before{content:'';width:6px;height:6px;background:var(--info);border-radius:50%;}

/* Category chips */
.cat-label{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:10px;}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.cat-chip{padding:8px 16px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%);transition:all var(--transition);}
.cat-chip:hover{border-color:var(--border2);color:var(--text);}
.cat-chip.active.platform{background:var(--info-dim);border-color:var(--info);color:var(--info);}
.cat-chip.active.tournament{background:var(--red-dim);border-color:var(--red);color:var(--red);}
.cat-chip.active.sport{background:var(--teal-dim);border-color:var(--teal);color:var(--teal);}
.cat-chip.active.community{background:var(--yellow-dim);border-color:var(--yellow);color:var(--yellow);}

/* Breaking toggle */
.breaking-row{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--surface);border:1.5px solid var(--border);margin-bottom:28px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);}
.breaking-row-ico{font-size:20px;}
.breaking-row-info{flex:1;}
.breaking-row-title{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px;}
.breaking-row-sub{font-size:12px;color:var(--text3);}
.toggle-wrap{position:relative;width:44px;height:24px;flex-shrink:0;}
.toggle-inp{opacity:0;width:0;height:0;position:absolute;}
.toggle-slider{position:absolute;inset:0;background:var(--surface2);border:1.5px solid var(--border);cursor:pointer;transition:all .2s;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);}
.toggle-slider::before{content:'';position:absolute;width:16px;height:16px;left:3px;top:50%;transform:translateY(-50%);background:var(--text3);transition:all .2s;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%);}
.toggle-inp:checked + .toggle-slider{background:var(--red-dim);border-color:var(--red);}
.toggle-inp:checked + .toggle-slider::before{left:21px;background:var(--red);}

/* Form fields */
.field{margin-bottom:24px;}
.field-label{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;}
.field-hint{font-family:var(--font-mono);font-size:9px;color:var(--text3);}
.inp{width:100%;padding:13px 16px;background:var(--surface);border:1.5px solid var(--border);color:var(--text);-webkit-text-fill-color:var(--text);outline:none;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:border-color var(--transition);}
.inp:focus{border-color:var(--red);}
.inp.title-inp{font-family:var(--font-head);font-size:20px;font-weight:900;text-transform:uppercase;letter-spacing:.01em;line-height:1.1;}
.textarea{width:100%;padding:13px 16px;background:var(--surface);border:1.5px solid var(--border);color:var(--text);-webkit-text-fill-color:var(--text);outline:none;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:border-color var(--transition);resize:vertical;min-height:120px;line-height:1.7;}
.textarea:focus{border-color:var(--red);}
.char-count{font-family:var(--font-mono);font-size:9px;color:var(--text3);margin-top:5px;text-align:right;}
.char-count.warn{color:var(--yellow);}
.char-count.over{color:var(--red);}
.source-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-divider{height:1px;background:var(--border);margin:28px 0;}
.form-section-title{font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.form-section-title::before{content:'';display:block;width:12px;height:2px;background:var(--red);}

/* Preview card */
.preview-block{background:var(--surface);border:1.5px solid var(--border);padding:0;overflow:hidden;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);margin-bottom:28px;}
.preview-block-head{padding:12px 16px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text3);display:flex;align-items:center;gap:6px;}
.preview-block-head::before{content:'';width:8px;height:8px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%);}
.preview-inner{padding:14px 16px;}
.preview-cat{font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:2px 8px;clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);display:inline-block;margin-bottom:8px;background:var(--info-dim);color:var(--info);border:1px solid rgba(77,124,255,.3);}
.preview-title{font-size:14px;font-weight:700;line-height:1.35;margin-bottom:6px;color:var(--text);}
.preview-lead{font-size:12px;color:var(--text2);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:8px;}
.preview-meta{font-family:var(--font-mono);font-size:9px;color:var(--text3);}

/* Action buttons */
.action-row{display:flex;gap:10px;padding-top:8px;padding-bottom:32px;}
.btn-pub{flex:1;padding:14px;background:var(--red);color:#fff;font-family:var(--font-mono);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);transition:opacity var(--transition);}
.btn-pub:hover{opacity:.85;}
.btn-draft{padding:14px 20px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);transition:all var(--transition);}
.btn-draft:hover{border-color:var(--text2);color:var(--text);}

/* ══════════════════════════════════════════
   PAGINATION
══════════════════════════════════════════ */
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;padding:32px 0;}
.page-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--surface);border:1.5px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:11px;font-weight:700;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);transition:all var(--transition);}
.page-link:hover{border-color:var(--red);color:var(--red);}
.page-link.active{background:var(--red);border-color:var(--red);color:#fff;}
.page-link.disabled{opacity:.4;pointer-events:none;}

/* ══════════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════════ */

/* Feed page */
@media (max-width:900px){
  .blog-layout{grid-template-columns:1fr;}
  .blog-layout > .sidebar{display:none;}
  .featured-card{grid-template-columns:1fr;}
  .featured-img{min-height:200px;}
  .articles-grid{grid-template-columns:repeat(2,1fr);}
  .news-layout{grid-template-columns:1fr;}
  .news-item-big{grid-template-columns:120px 1fr;}
}
@media (max-width:600px){
  .articles-grid{grid-template-columns:1fr;}
  .news-item-big{grid-template-columns:1fr;}
  .news-item-big-img{height:120px;}
  .stab{padding:12px 16px;font-size:10px;}
}

/* Post detail */
@media (max-width:900px){
  .post-layout{grid-template-columns:1fr;gap:0;padding-top:24px;}
  .post-sidebar{display:none;}
  .post-cover{height:260px;}
  .post-cover-content{padding:20px;}
  .post-actions{flex-wrap:wrap;}
}
@media (max-width:600px){
  .post-layout{padding-left:16px;padding-right:16px;}
  .action-btn.share{margin-left:0;}
}

/* Author dashboard */
@media (max-width:900px){
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .tips-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .stats-row{grid-template-columns:repeat(2,1fr);}
  .article-row{grid-template-columns:1fr;}
  .article-row-actions{justify-content:flex-start;}
}

/* Article editor */
@media (max-width:1100px){
  .outer{grid-template-columns:1fr 240px;}
}
@media (max-width:900px){
  .outer{grid-template-columns:1fr;height:auto;overflow:visible;}
  .editor-col{height:auto;overflow:visible;}
  .split-pane{grid-template-columns:1fr !important;height:auto;}
  .pane-editor{height:60vh;}
  .pane-preview{height:auto;max-height:none;}
  .editor-sidebar{display:flex;overflow-y:visible;height:auto;}
  .burger-btn{display:none;}
  .pub-block{position:static;display:flex;gap:8px;padding:16px;flex-direction:row;flex-wrap:wrap;margin-top:0;}
  .pub-status{display:none;}
  .pub-btn{margin-bottom:0;flex:1;}
  .pub-draft{flex:1;}
  .pub-hint{width:100%;text-align:center;margin-top:4px;}
}
@media (max-width:600px){
  .tb-label{display:none;}
  .meta-strip{padding:14px 14px 0;}
  .md-editor{padding:14px 16px;}
  .preview-body{padding:16px 16px 60px;}
}

/* News editor */
@media (max-width:600px){
  .source-row,.schedule-row{grid-template-columns:1fr;}
  .editor-wrap{padding:20px 16px 0;}
  .cat-chips{gap:6px;}
}