/* Страница «Что нового» (/changelog/). Общие шапка, подвал и фон: /site/site.css. Префикс chl-. */
.chl{max-width:1200px;padding-bottom:56px}
.chl-hero{padding:124px 0 26px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.chl-hero-t{min-width:0;max-width:760px}
.chl-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:99px;border:1px solid rgba(195,245,60,.35);background:rgba(195,245,60,.07);font-family:var(--mono);font-size:11px;color:var(--lime);text-transform:uppercase;letter-spacing:.08em}
.chl-tag i{width:7px;height:7px;border-radius:50%;background:var(--lime)}
.chl-hero h1{font-family:var(--display);font-size:clamp(32px,6vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:18px 0 0;overflow-wrap:anywhere}
.chl-sub{font-size:clamp(15px,2vw,19px);color:var(--text);margin:14px 0 0}
.chl-meta{color:var(--muted);margin:12px 0 0}
.chl-lang{display:inline-flex;padding:3px;border-radius:99px;border:1px solid var(--line2);background:rgba(20,23,18,.7)}
.chl-lang button{border:0;background:none;cursor:pointer;height:32px;min-width:46px;padding:0 12px;border-radius:99px;font-family:var(--mono);font-size:12px;color:var(--muted);transition:background .2s,color .2s}
.chl-lang button[aria-pressed="true"]{background:var(--lime);color:var(--ink);font-weight:600}

.chl-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}
.chl-main{min-width:0;display:flex;flex-direction:column;gap:18px}
.chl-card{border:1px solid var(--line);border-radius:22px;background:var(--card2);padding:20px 22px;min-width:0}
.chl-card-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.chl-card h2{font-family:var(--display);font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}
.chl-cap{color:var(--muted)}

/* график */
.chl-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,1.2vw,12px);align-items:end;height:150px;margin-top:18px}
.chl-bar{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;min-width:0}
.chl-bar b{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--text);line-height:1}
.chl-bar i{display:block;width:100%;max-width:44px;min-height:3px;border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--lime),rgba(195,245,60,.28));transform-origin:bottom;animation:chlgrow .7s cubic-bezier(.2,.7,.2,1) both}
.chl-bar.zero i{background:rgba(255,255,255,.09)}
.chl-bar.zero b{color:var(--dim)}
.chl-bar.cur i{box-shadow:0 0 18px rgba(195,245,60,.35)}
.chl-axis{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(4px,1.2vw,12px);margin-top:8px}
.chl-axis span{font-family:var(--mono);font-size:10px;color:var(--dim);text-align:center;white-space:nowrap;overflow:hidden}
@keyframes chlgrow{from{transform:scaleY(.02)}}

/* поиск и чипы */
.chl-tools{display:flex;flex-direction:column;gap:12px}
.chl-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:99px;border:1px solid var(--line2);background:rgba(20,23,18,.7);color:var(--muted);transition:border-color .2s}
.chl-search:focus-within{border-color:rgba(195,245,60,.55)}
.chl-search svg{width:18px;height:18px;flex:none}
.chl-search input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--fg);font-size:15px}
.chl-search input::placeholder{color:var(--dim)}
.chl-chips{display:flex;gap:8px;flex-wrap:wrap}
.chl-chip{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:99px;border:1px solid var(--line2);background:rgba(20,23,18,.7);cursor:pointer;font-size:13px;color:var(--text);transition:border-color .2s,background .2s,color .2s}
.chl-chip:hover{background:rgba(32,36,29,.8)}
.chl-chip i{width:8px;height:8px;border-radius:50%;background:var(--cc,var(--lime))}
.chl-chip em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted)}
.chl-chip[aria-pressed="true"]{border-color:var(--cc,var(--lime));background:rgba(255,255,255,.07);color:var(--fg)}

/* лента */
.chl-list{display:flex;flex-direction:column;gap:6px;min-width:0}
.chl-empty{color:var(--muted);text-align:center;padding:40px 0;margin:0}
.chl-month{font-family:var(--display);font-size:clamp(18px,2.6vw,24px);font-weight:700;letter-spacing:-.02em;margin:22px 0 6px;display:flex;align-items:baseline;gap:12px;scroll-margin-top:90px}
.chl-month small{font-family:var(--mono);font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}
.chl-month:first-child{margin-top:4px}
.chl-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;position:relative}
.chl-row::before{content:"";position:absolute;left:30px;top:0;bottom:0;width:1px;background:var(--line)}
.chl-day{text-align:center;padding-top:16px;position:relative;z-index:1}
.chl-day b{display:block;font-family:var(--display);font-size:24px;font-weight:700;line-height:1;letter-spacing:-.03em;background:var(--bg);padding:3px 0}
.chl-day span{display:block;font-family:var(--mono);font-size:10.5px;color:var(--muted);text-transform:uppercase;margin-top:2px;background:var(--bg);padding-bottom:3px}
.chl-item{margin:5px 0;border:1px solid var(--line);border-radius:18px;background:var(--card2);min-width:0;transition:border-color .25s,background .25s;scroll-margin-top:90px}
.chl-item:hover{border-color:var(--line2)}
.chl-item.open{border-color:rgba(var(--cr,195,245,60),.45);background:rgba(18,21,16,.92)}
.chl-head{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:16px 18px;color:inherit;border-radius:18px}
.chl-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.chl-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:99px;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--cc);border:1px solid color-mix(in srgb,var(--cc) 40%,transparent);background:color-mix(in srgb,var(--cc) 10%,transparent)}
.chl-chev{margin-left:auto;width:18px;height:18px;color:var(--muted);transition:transform .25s;flex:none}
.chl-item.open .chl-chev{transform:rotate(180deg);color:var(--fg)}
.chl-title{display:block;font-family:var(--display);font-size:clamp(14px,1.8vw,16.5px);font-weight:600;letter-spacing:-.01em;line-height:1.35;margin-top:10px;overflow-wrap:anywhere}
.chl-short{display:block;color:var(--text);font-size:14px;margin-top:6px;overflow-wrap:anywhere}
.chl-body{padding:0 18px 18px}
.chl-body p{margin:0;padding-top:14px;border-top:1px solid var(--line);color:var(--text);font-size:14px;white-space:pre-line;overflow-wrap:anywhere}
mark.chl-hit{background:rgba(195,245,60,.25);color:var(--fg);border-radius:4px;padding:0 2px}

/* по месяцам */
.chl-side{position:sticky;top:86px;min-width:0}
.chl-card h2.chl-side-h{margin-bottom:14px}
.chl-months{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.chl-months button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:9px 10px;border-radius:12px;color:inherit;transition:background .2s}
.chl-months button:hover{background:rgba(255,255,255,.05)}
.chl-m-top{display:flex;justify-content:space-between;gap:10px;font-size:13.5px}
.chl-m-top b{font-weight:500;color:var(--fg)}
.chl-m-top span{font-family:var(--mono);font-size:12px;color:var(--muted)}
.chl-m-bar{display:block;height:5px;border-radius:99px;background:rgba(255,255,255,.07);margin-top:7px;overflow:hidden}
.chl-m-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--lime),#5cc8e8)}

@media (max-width:960px){
  .chl-grid{grid-template-columns:minmax(0,1fr)}
  .chl-side{position:static}
}
@media (max-width:640px){
  .chl-hero{padding-top:100px}
  .chl-card{padding:16px}
  .chl-bars{height:120px}
  .chl-axis span{overflow:visible}
  .chl-axis span:nth-child(even){visibility:hidden}
  .chl-row{grid-template-columns:44px minmax(0,1fr);gap:10px}
  .chl-row::before{left:22px}
  .chl-day b{font-size:19px}
  .chl-head{padding:14px}
  .chl-body{padding:0 14px 14px}
}
@media (prefers-reduced-motion:reduce){.chl-bar i{animation:none}.chl-chev{transition:none}}