/* Блог и прошедшие ивенты — миграция из Tilda. Светлые посты + тёмные карточки. */
:root{
  --mint:#31DB97; --ink:#16171a; --paper:#f6f5f1; --dim:#6b6c70;
  --dark:#0b0b0c; --card:#111214; --line:rgba(0,0,0,.10); --dline:rgba(255,255,255,.12);
  --disp:"Unbounded",ui-sans-serif,system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
  --body:"Inter",-apple-system,"Segoe UI",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px}

/* header (общая, тёмная) */
.nh{background:var(--dark);border-bottom:1px solid var(--dline);position:sticky;top:0;z-index:9}
.nh-in{max-width:1080px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;justify-content:space-between}
.nh-logo img{height:24px;width:auto}
.nh-back{font-family:var(--mono);font-size:13px;color:#9a9b9f;text-decoration:none}
.nh-back:hover{color:var(--mint)}

/* ---- страница поста (светлая) ---- */
.news-post{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.7}
.np{max-width:748px;margin:0 auto;padding:46px 20px 80px}
.np h1{font-family:var(--disp);font-weight:800;font-size:clamp(26px,4.4vw,42px);line-height:1.12;letter-spacing:-.01em}
.np-date{font-family:var(--mono);font-size:13px;color:var(--dim);letter-spacing:.08em;margin-top:16px}
.np-cover{margin:28px 0 8px}
.np-cover img{width:100%;border-radius:2px}
.np-body{margin-top:26px}
.np-body p{margin:0 0 20px}
.np-body h2,.np-body h3{font-family:var(--disp);font-weight:600;line-height:1.25;margin:34px 0 14px}
.np-body h2{font-size:1.4em} .np-body h3{font-size:1.18em}
.np-body a{color:#0a7a52;text-decoration:underline;text-underline-offset:2px}
.np-body a:hover{color:var(--mint)}
.np-body figure{margin:26px 0}
.np-body img{width:100%;border-radius:2px}
.np-body ul,.np-body ol{margin:0 0 20px 22px}
.np-body li{margin:0 0 8px}
.np-body blockquote{border-left:3px solid var(--mint);padding-left:18px;margin:24px 0;color:var(--dim)}
.np-more{max-width:748px;margin:0 auto;padding:0 20px 60px}
.np-more a{font-family:var(--mono);font-size:14px;color:var(--dim);text-decoration:none}
.np-more a:hover{color:var(--ink)}

/* ---- страница /blog (тёмная, карточки) ---- */
.news-list{background:var(--dark);color:#f5f2ea;font-family:var(--body);min-height:100vh}
.news-list .np,.nl-head{max-width:1080px;margin:0 auto;padding:0 20px}
.nl-head{padding-top:52px}
.nl-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--mint);margin-bottom:14px}
.nl-head h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,5vw,52px)}
.nl-sub{color:#9a9b9f;margin-top:12px;max-width:620px}
.nl-grid{max-width:1080px;margin:0 auto;padding:38px 20px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}

/* ---- карточка поста (тёмная, для /blog и блоков главной) ---- */
.nc{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--dline);text-decoration:none;color:#f5f2ea;transition:transform .14s ease,border-color .14s ease}
.nc:hover{transform:translate(-2px,-2px);border-color:var(--mint)}
.nc-img{aspect-ratio:16/10;overflow:hidden;background:#1a1b1d}
.nc-img img{width:100%;height:100%;object-fit:cover}
.nc-noimg{aspect-ratio:16/10}
.nc-in{padding:16px 18px 20px;display:flex;flex-direction:column;flex:1}
.nc-date{font-family:var(--mono);font-size:12px;color:#8a8b8f;letter-spacing:.06em}
.nc-title{font-family:var(--disp);font-weight:600;font-size:16px;line-height:1.3;margin:8px 0 14px;color:#fff}
.nc-more{font-family:var(--mono);font-size:12.5px;color:var(--mint);margin-top:auto}

@media (max-width:860px){ .nl-grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:560px){
  .news-post{font-size:17px}
  .nl-grid{grid-template-columns:1fr}
  .np{padding:34px 18px 60px}
}