/* Layout: запись блога — проще статьи: шапка без полноэкранной обложки, пометка о партнёрстве сразу под заголовком, практичный текст со списками и чек-листом. */

.bp{max-width:760px;margin-inline:auto;padding-top:clamp(100px,12vw,140px)}
.bp .crumbs{display:flex;gap:8px;font-size:.85rem;color:var(--fg-3)}
.bp .top{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:18px;font-size:.85rem;color:var(--fg-3)}
.tag{font:600 .74rem/1 var(--font-ui);padding:6px 9px;border-radius:6px;background:rgba(255,255,255,.08);color:var(--fg-2)}
.partner{font:600 .74rem/1 var(--font-ui);padding:6px 9px;border-radius:6px;background:rgba(255,214,10,.14);color:var(--gold)}
.bp h1{font:800 clamp(2.2rem,5vw,3.6rem)/1.04 var(--font-display);letter-spacing:-.04em;margin-top:14px;text-wrap:balance}
.bp .dek{font-size:1.2rem;color:var(--fg-2);margin-top:14px}
.disclosure{margin-top:20px;padding:14px 18px;border-radius:var(--r-md);background:rgba(255,214,10,.08);border:1px solid rgba(255,214,10,.2);font-size:.9rem;color:var(--fg-2)}
.disclosure b{color:var(--gold);font-weight:600}
.cover{margin-top:28px;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:16/9}
.cover img{width:100%;height:100%;object-fit:cover}
.prose{font-size:1.15rem;line-height:1.72;color:rgba(245,245,247,.88);margin-top:28px}
.prose>*+*{margin-top:1.1em}
.prose h2{font:700 1.6rem/1.15 var(--font-display);letter-spacing:-.025em;color:var(--fg);margin-top:1.9em}
.prose strong{color:var(--fg);font-weight:600}
.prose ol{padding-left:0;counter-reset:s;display:grid;gap:12px}
.prose ol li{counter-increment:s;padding-left:44px;position:relative}
.prose ol li::before{content:counter(s);position:absolute;left:0;top:2px;width:30px;height:30px;border-radius:50%;background:rgba(255,55,95,.18);color:#ff8fa3;display:grid;place-items:center;font:700 .9rem/1 var(--font-ui)}
.tip{padding:18px 22px;border-radius:var(--r-lg);background:var(--card);font-size:1rem}
.tip b{display:block;font:700 1.05rem/1.3 var(--font-display);color:var(--fg);margin-bottom:6px}
.check{display:grid;gap:8px;padding:20px 22px;border-radius:var(--r-lg);border:1px solid var(--line)}
.check p{font:700 1.1rem/1.2 var(--font-display);color:var(--fg)}
.check label{display:flex;gap:12px;align-items:center;font-size:1rem;cursor:pointer}
.check input{width:20px;height:20px;accent-color:var(--accent)}
.films{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.films a{display:grid;gap:6px;font-size:.85rem;color:var(--fg-3)}
.films img{border-radius:var(--r-sm);aspect-ratio:2/3;object-fit:cover;width:100%}
.films b{color:var(--fg);font:600 .92rem/1.2 var(--font-display)}
.by{display:flex;align-items:center;gap:12px;margin-top:36px;padding-top:20px;border-top:1px solid var(--line);color:var(--fg-3);font-size:.9rem}
.by i{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3a3a40,#1d1d21);display:grid;place-items:center;font:700 .8rem/1 var(--font-display);font-style:normal;color:var(--fg)}
.by b{color:var(--fg);font-weight:600}
.more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.more a{display:grid;gap:10px;background:var(--card);border-radius:var(--r-lg);overflow:hidden;padding-bottom:16px}
.more .img{aspect-ratio:16/10;border-radius:0}
.more h3{font:700 1.02rem/1.3 var(--font-display);padding-inline:16px}
.more span.t{padding-inline:16px;font-size:.8rem;color:var(--fg-3)}
@media (max-width:760px){.more{grid-template-columns:minmax(0,1fr)}.films{grid-template-columns:repeat(2,minmax(0,1fr))}.prose{font-size:1.06rem}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}