/* ============================================================
   макет "feed" — вертикальная лента записей площадки
   namespace: .fd-*   |  палитра приходит подстановкой %%…%%
   ============================================================ */

:root{
  --fd-bg:#0b0f13;
  --fd-surf:#141a20;
  --fd-surf2:#20252b;
  --fd-acc:#5b9dff;
  --fd-acc2:#ffc857;
  --fd-text:#e8eef4;
  --fd-mute:#8794a3;
  --fd-line:rgba(232,238,244,0.11);
  --fd-line2:rgba(232,238,244,0.24);
  --fd-soft:rgba(91,157,255,0.16);
  --fd-soft2:rgba(91,157,255,0.45);
  --fd-ink:#0b0f13;
  --fd-head:"Tinos",Georgia,"Times New Roman",serif;
  --fd-body:"Cuprum",-apple-system,"Segoe UI",Roboto,sans-serif;
  --fd-rad:16px;
  --fd-wrap:1060px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--fd-bg);
  color:var(--fd-text);
  font-family:var(--fd-body);
  font-size:17px;
  line-height:1.62;
  overflow-x:hidden;
}
img,svg{max-width:100%}
a{color:inherit}

/* ---------- служебное ---------- */
.fd-skip{
  position:absolute;left:-9999px;top:0;
  background:var(--fd-acc);color:var(--fd-ink);
  padding:12px 18px;border-radius:0 0 10px 0;z-index:60;
}
.fd-skip:focus{left:0}

/* ---------- шапка ---------- */
.fd-top{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:14px;
  padding:9px clamp(12px,3vw,26px);
  background:color-mix(in srgb,var(--fd-bg) 88%,transparent);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--fd-line);
}
.fd-top__id{display:flex;align-items:center;gap:10px;text-decoration:none;flex:0 0 auto;min-height:44px}
.fd-top__mark{width:34px;height:34px;flex:0 0 34px}
.fd-top__nm{display:flex;flex-direction:column;line-height:1.15}
.fd-top__nm i{
  font-style:normal;font-family:var(--fd-head);font-weight:700;
  font-size:16px;letter-spacing:.01em;
}
.fd-top__nm em{font-style:normal;font-size:11px;color:var(--fd-mute);letter-spacing:.09em;text-transform:uppercase}
.fd-nav{display:flex;gap:16px;margin-left:auto;font-size:14px}
.fd-nav a{
  color:var(--fd-mute);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px;padding:0 2px;
  border-bottom:1px solid transparent;
}
.fd-nav a:hover{color:var(--fd-text);border-bottom-color:var(--fd-acc)}

/* ---------- кнопки ---------- */
.fd-go{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:12px 22px;
  border-radius:999px;text-decoration:none;
  font-family:var(--fd-head);font-weight:600;font-size:15px;letter-spacing:.01em;
  background:var(--fd-acc);color:var(--fd-ink);
  border:1px solid var(--fd-acc);
  transition:transform .15s ease,box-shadow .15s ease;
}
.fd-go:hover{transform:translateY(-1px);box-shadow:0 10px 26px var(--fd-soft)}
.fd-go--wide{min-height:54px;padding:15px 30px;font-size:17px}
.fd-go--calm{background:transparent;color:var(--fd-text);border-color:var(--fd-line2)}
.fd-go--calm:hover{border-color:var(--fd-acc);box-shadow:none}
.fd-go--mini{min-height:44px;padding:10px 18px;font-size:14px}

/* ---------- сводный счётчик ---------- */
.fd-pulse{
  max-width:var(--fd-wrap);margin:18px auto 6px;
  padding:0 clamp(12px,3vw,22px);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;
}
.fd-pulse__c{
  background:var(--fd-surf);border:1px solid var(--fd-line);
  border-radius:12px;padding:13px 14px;
}
.fd-pulse__n{
  display:block;font-family:var(--fd-head);font-weight:700;
  font-size:clamp(17px,2.4vw,23px);color:var(--fd-acc);line-height:1.15;
}
.fd-pulse__l{display:block;margin-top:4px;font-size:12px;color:var(--fd-mute);line-height:1.35}

/* ---------- лента ---------- */
.fd-stream{
  max-width:var(--fd-wrap);margin:0 auto;
  padding:0 clamp(12px,3vw,22px) 40px;
}
.fd-post{
  display:grid;grid-template-columns:76px minmax(0,1fr);gap:20px;
  padding:26px 0 30px;
  border-bottom:1px solid var(--fd-line);
}
.fd-post:last-child{border-bottom:0}
.fd-post__rail{display:flex;flex-direction:column;align-items:center;gap:10px}
.fd-ava{
  width:52px;height:52px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--fd-head);font-weight:700;font-size:17px;
  color:var(--fd-acc);
  background:var(--fd-surf);
  border:1px solid var(--fd-line2);
  letter-spacing:.02em;
}
.fd-ava--hot{background:var(--fd-acc);color:var(--fd-ink);border-color:var(--fd-acc)}
.fd-ava--alt{color:var(--fd-acc2);border-color:var(--fd-line2)}
.fd-stamp{font-size:11px;color:var(--fd-mute);letter-spacing:.05em}
.fd-thread{flex:1 1 auto;width:1px;background:var(--fd-line);min-height:14px}

.fd-post__meta{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:12px;color:var(--fd-mute);margin-bottom:9px;
}
.fd-rub{
  font-family:var(--fd-head);font-weight:600;font-size:11px;
  letter-spacing:.11em;text-transform:uppercase;
  color:var(--fd-acc2);
  border:1px solid var(--fd-line2);border-radius:999px;
  padding:3px 10px;
}
.fd-dot{opacity:.5}

.fd-post h1{
  font-family:var(--fd-head);font-weight:700;
  font-size:clamp(26px,4.4vw,40px);line-height:1.16;
  margin:2px 0 14px;letter-spacing:-.01em;
}
.fd-post h2{
  font-family:var(--fd-head);font-weight:600;
  font-size:clamp(21px,2.9vw,29px);line-height:1.24;
  margin:2px 0 12px;
}
.fd-post h3{
  font-family:var(--fd-head);font-weight:600;
  font-size:16px;line-height:1.3;margin:0 0 6px;
}
.fd-post p{margin:0 0 13px}
.fd-post p:last-child{margin-bottom:0}
.fd-acc{color:var(--fd-acc)}
.fd-acc2{color:var(--fd-acc2)}
.fd-num{font-family:var(--fd-head);font-weight:700;color:var(--fd-acc)}
.fd-key{color:var(--fd-text);border-bottom:1px dotted var(--fd-line2)}

.fd-lede{font-size:19px;line-height:1.55;color:var(--fd-text)}
.fd-sub{color:var(--fd-mute);font-size:15px}

.fd-btns{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 20px}

.fd-kpi{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;
  margin-top:6px;
}
.fd-kpi div{
  background:var(--fd-surf);border:1px solid var(--fd-line);
  border-radius:12px;padding:12px 13px;
}
.fd-kpi i{
  display:block;font-style:normal;font:700 20px/1.2 var(--fd-head);color:var(--fd-text);
}
.fd-kpi span{display:block;margin-top:3px;font-size:12px;color:var(--fd-mute)}

/* ---------- вложение ---------- */
.fd-att{
  margin-top:16px;
  background:var(--fd-surf);
  border:1px solid var(--fd-line);
  border-radius:var(--fd-rad);
  overflow:hidden;
}
.fd-att__cap{
  display:flex;align-items:center;gap:8px;
  padding:11px 16px;border-bottom:1px solid var(--fd-line);
  font-size:12px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--fd-mute);font-family:var(--fd-head);font-weight:600;
  background:var(--fd-surf2);
}
.fd-att__cap::before{
  content:"";width:7px;height:7px;border-radius:2px;background:var(--fd-acc);flex:0 0 7px;
}
.fd-att__in{padding:16px}
.fd-att__scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* три депозита */
.fd-depo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fd-depo__c{
  background:var(--fd-surf2);border:1px solid var(--fd-line);
  border-radius:12px;padding:14px;
}
.fd-depo__k{font-size:11px;letter-spacing:.13em;color:var(--fd-mute);text-transform:uppercase}
.fd-depo__p{font:700 30px/1.1 var(--fd-head);color:var(--fd-acc);margin:6px 0 2px}
.fd-depo__s{font-size:14px;color:var(--fd-acc2);margin:0 0 7px}
.fd-depo__t{font-size:13px;color:var(--fd-mute);line-height:1.5;margin:0}

.fd-terms{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fd-terms span{
  font-size:12.5px;color:var(--fd-mute);
  border:1px solid var(--fd-line);border-radius:999px;padding:5px 12px;
  background:var(--fd-surf2);
}

/* сетка карточек */
.fd-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fd-cells--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fd-cell{
  background:var(--fd-surf2);border:1px solid var(--fd-line);
  border-radius:12px;padding:14px;
}
.fd-cell__m{font-size:12.5px;color:var(--fd-acc2);margin:0 0 8px}
.fd-cell p{font-size:13.5px;color:var(--fd-mute);line-height:1.5;margin:0}
.fd-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.fd-tags span{
  font-size:11.5px;color:var(--fd-mute);
  border:1px solid var(--fd-line2);border-radius:6px;padding:3px 8px;
}
.fd-tags span.fd-tags--hi{color:var(--fd-acc);border-color:var(--fd-soft2)}

.fd-pool{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.fd-pool span{
  font-size:12.5px;color:var(--fd-mute);
  background:var(--fd-surf2);border:1px solid var(--fd-line);
  border-radius:7px;padding:5px 10px;
}

/* таблицы-вложения */
.fd-tbl{width:100%;border-collapse:collapse;min-width:640px;font-size:14px}
.fd-tbl th,.fd-tbl td{
  padding:11px 13px;text-align:left;border-bottom:1px solid var(--fd-line);
  vertical-align:top;
}
.fd-tbl th{
  font:600 11.5px/1.3 var(--fd-head);letter-spacing:.1em;text-transform:uppercase;
  color:var(--fd-mute);background:var(--fd-surf2);white-space:nowrap;
}
.fd-tbl tr:last-child td{border-bottom:0}
.fd-tbl td:first-child{font-family:var(--fd-head);font-weight:600;color:var(--fd-text);white-space:nowrap}
.fd-tbl .fd-hi{color:var(--fd-acc);font-family:var(--fd-head);font-weight:700;white-space:nowrap}
.fd-tbl .fd-cb{color:var(--fd-acc2);font-family:var(--fd-head);font-weight:700}

/* ступени VIP */
.fd-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;align-items:end;margin-bottom:14px}
.fd-steps__b{
  background:var(--fd-surf2);border:1px solid var(--fd-line);
  border-bottom:2px solid var(--fd-acc);
  border-radius:10px 10px 0 0;padding:10px 8px;text-align:center;
}
.fd-steps__b i{display:block;font-style:normal;font:700 18px/1.1 var(--fd-head);color:var(--fd-acc)}
.fd-steps__b span{display:block;margin-top:4px;font-size:11.5px;color:var(--fd-mute)}

/* линия шагов */
.fd-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:fdstep}
.fd-flow__i{
  background:var(--fd-surf2);border:1px solid var(--fd-line);
  border-radius:12px;padding:15px;position:relative;
}
.fd-flow__i::before{
  counter-increment:fdstep;content:counter(fdstep);
  position:absolute;top:-11px;left:14px;
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font:700 12px/1 var(--fd-head);
  background:var(--fd-acc);color:var(--fd-ink);
}
.fd-flow__i h3{margin-top:6px}
.fd-flow__i p{font-size:13.5px;color:var(--fd-mute);margin:0}

/* турнирная сводка */
.fd-fund{font:700 clamp(24px,4vw,34px)/1.15 var(--fd-head);color:var(--fd-acc);margin:0 0 10px}
.fd-quad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.fd-quad div{background:var(--fd-surf2);border:1px solid var(--fd-line);border-radius:11px;padding:12px}
.fd-quad i{display:block;font-style:normal;font:700 19px/1.2 var(--fd-head);color:var(--fd-acc2)}
.fd-quad span{display:block;margin-top:3px;font-size:12px;color:var(--fd-mute)}

/* разбор — колонки вопросов */
.fd-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.fd-qa__i{background:var(--fd-surf2);border:1px solid var(--fd-line);border-radius:12px;padding:15px}
.fd-qa__i p{font-size:14px;color:var(--fd-mute);margin:0}
.fd-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.fd-badges span{
  font-size:12px;color:var(--fd-mute);letter-spacing:.02em;
  border:1px dashed var(--fd-line2);border-radius:8px;padding:5px 11px;
}

/* отзывы */
.fd-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fd-note__c{background:var(--fd-surf2);border:1px solid var(--fd-line);border-radius:12px;padding:15px}
.fd-note__s{color:var(--fd-acc);letter-spacing:.14em;font-size:14px;margin:0 0 8px}
.fd-note__q{font-size:14px;line-height:1.55;margin:0 0 9px}
.fd-note__w{font-size:12px;color:var(--fd-mute);margin:0}

/* финальный пост */
.fd-post--final .fd-att{background:var(--fd-surf2)}
.fd-final{
  background:linear-gradient(135deg,var(--fd-soft),transparent 62%),var(--fd-surf);
  border:1px solid var(--fd-line2);border-radius:var(--fd-rad);
  padding:22px;
}

/* FAQ */
.fd-faq details{
  border:1px solid var(--fd-line);border-radius:11px;
  background:var(--fd-surf2);margin-bottom:9px;
}
.fd-faq details[open]{border-color:var(--fd-line2)}
.fd-faq summary{
  cursor:pointer;list-style:none;
  padding:14px 44px 14px 15px;position:relative;
  font-family:var(--fd-head);font-weight:600;font-size:15px;line-height:1.4;
  min-height:48px;
}
.fd-faq summary::-webkit-details-marker{display:none}
.fd-faq summary::after{
  content:"+";position:absolute;right:16px;top:12px;
  font:400 22px/1 var(--fd-head);color:var(--fd-acc);
}
.fd-faq details[open] summary::after{content:"–"}
.fd-faq p{padding:0 15px 15px;margin:0;font-size:14.5px;color:var(--fd-mute);line-height:1.6}

/* author note */
.fd-post--author .fd-att__in p{font-size:14.5px;color:var(--fd-mute)}

/* подвал */
.fd-foot{
  border-top:1px solid var(--fd-line);
  background:var(--fd-surf);
  padding:26px clamp(12px,3vw,22px) 34px;
}
.fd-foot__w{max-width:var(--fd-wrap);margin:0 auto}
.fd-foot__row{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:flex-start}
.fd-foot__links{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px}
.fd-foot__links a{
  color:var(--fd-mute);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px;padding:0 4px;
}
.fd-foot__links a:hover{color:var(--fd-acc)}
.fd-legal{margin-top:18px;font-size:12.5px;color:var(--fd-mute);line-height:1.65}
.fd-legal p{margin:0 0 8px}
.fd-age{
  display:inline-flex;align-items:center;gap:8px;
  font:700 13px/1 var(--fd-head);color:var(--fd-acc);
  border:1px solid var(--fd-acc);border-radius:999px;padding:7px 13px;
  margin-bottom:10px;
}

/* ---------- адаптив ---------- */
@media (max-width:900px){
  .fd-nav{display:none}
  .fd-cells,.fd-flow,.fd-qa,.fd-note,.fd-depo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-kpi,.fd-quad{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-pulse{grid-template-columns:repeat(3,minmax(0,1fr))}
  .fd-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:640px){
  body{font-size:16px}
  .fd-post{
    grid-template-columns:minmax(0,1fr);
    gap:12px;padding:22px 0 24px;
  }
  .fd-post__rail{flex-direction:row;align-items:center;gap:10px}
  .fd-ava{width:42px;height:42px;font-size:14px;flex:0 0 42px}
  .fd-thread{display:none}
  .fd-cells,.fd-flow,.fd-qa,.fd-note,.fd-depo,.fd-cells--2{grid-template-columns:minmax(0,1fr)}
  .fd-pulse{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fd-lede{font-size:17px}
  .fd-btns .fd-go{width:100%}
  .fd-top__nm em{display:none}
}
@media (max-width:380px){
  .fd-pulse{grid-template-columns:minmax(0,1fr)}
  .fd-kpi,.fd-quad{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){
  .fd-go{transition:none}
  .fd-go:hover{transform:none}
}