/* Блог diazizova.ru — лента и запись. Источник: projects/azizova/work/editor/theme/css/blog.css */
.dz-blog,.dz-post{font-family:var(--dz-f-body);color:var(--dz-ink)}
.dz-blog{max-width:1140px;margin:0 auto}
.dz-blog-hero{text-align:center;padding:48px 24px 44px;border-radius:36px;background:linear-gradient(180deg,var(--dz-sky) 0 62%,var(--dz-pink) 62% 100%);margin-bottom:40px}
.dz-blog-title{margin:14px 0 12px}
.dz-blog-lead{max-width:620px;margin:0 auto;font-size:18px}
.dz-blog-empty{text-align:center;padding:40px 0}
.dz-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.dz-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dz-line);border-radius:28px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.dz-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(46,127,168,.14)}
.dz-card-media{position:relative;display:block;aspect-ratio:3/2;background:var(--dz-pink-soft);overflow:hidden}
.dz-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.dz-card:hover .dz-card-media img{transform:scale(1.03)}
.dz-card-media.is-empty{display:grid;place-items:center;font:800 64px/1 var(--dz-f-round);color:var(--dz-berry);text-decoration:none}
.dz-card-play,.dz-video-play span{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(34,40,58,.25)}
.dz-card-play:after,.dz-video-play span:after{content:"";position:absolute;left:27px;top:21px;border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent var(--dz-berry)}
.dz-card-body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.dz-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px;color:var(--dz-muted)}
.dz-card-tag{font:800 11px/1 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:var(--dz-pink-soft);color:var(--dz-berry-deep)}
.dz-card-tag.is-draft{background:#FFF3C4;color:#7A5A00}
.dz-card-title{font-size:21px;line-height:1.25;margin:0}
.dz-card-title a{color:var(--dz-ink);text-decoration:none}
.dz-card-title a:hover{color:var(--dz-berry-deep)}
.dz-card-text{margin:0;color:var(--dz-muted);font-size:15.5px;line-height:1.55}
.dz-card-more{margin-top:auto;font-weight:800;color:var(--dz-berry-deep);text-decoration:none}
@media (min-width:960px){
  .dz-card.is-first{grid-column:1/-1;flex-direction:row}
  .dz-card.is-first .dz-card-media{flex:0 0 58%;aspect-ratio:auto;min-height:340px}
  .dz-card.is-first .dz-card-body{padding:36px 40px;justify-content:center}
  .dz-card.is-first .dz-card-title{font-size:30px}
}
@media (max-width:959px){.dz-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media (max-width:639px){.dz-blog-grid{grid-template-columns:1fr}.dz-blog-hero{padding:36px 18px 32px;border-radius:28px}}
.dz-blog-pages{margin-top:40px;display:flex;justify-content:center}
.dz-blog-pages ul{display:flex;gap:8px;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.dz-blog-pages a,.dz-blog-pages span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border-radius:99px;border:2px solid var(--dz-line);font-weight:800;color:var(--dz-ink);text-decoration:none}
.dz-blog-pages .active span,.dz-blog-pages [aria-current] {background:var(--dz-berry);border-color:var(--dz-berry);color:#fff}
/* Запись */
.dz-post{max-width:780px;margin:0 auto}
.dz-post-back{display:inline-block;font-weight:800;color:var(--dz-berry-deep);text-decoration:none;margin-bottom:22px}
.dz-post-head{margin-bottom:28px}
.dz-post-title{margin:12px 0 14px;font-size:clamp(30px,4vw,46px)}
.dz-post-lead{font-size:20px;line-height:1.5;color:var(--dz-ink);margin:0}
.dz-post-cover{margin:0 0 36px}
.dz-post-cover img{width:100%;border-radius:28px;display:block}
.dz-video{position:relative;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:linear-gradient(135deg,var(--dz-sky),var(--dz-pink));margin:0 0 36px;cursor:pointer;box-shadow:0 18px 44px rgba(46,127,168,.18)}
.dz-video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dz-video-play{position:absolute;inset:0;background:rgba(34,40,58,.12);border:0;cursor:pointer;transition:background .2s}
.dz-video:hover .dz-video-play{background:rgba(34,40,58,.04)}
.dz-video-play span{width:88px;height:88px;margin:-44px 0 0 -44px}
.dz-video-play span:after{left:35px;top:27px;border-width:17px 0 17px 27px}
.dz-video-note{position:absolute;left:16px;bottom:14px;font-size:12.5px;color:#fff;background:rgba(34,40,58,.55);padding:5px 10px;border-radius:99px}
.dz-video.is-on{cursor:auto}
.dz-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dz-post-text{font-size:18px;line-height:1.75}
.dz-post-text>*:first-child{margin-top:0}
.dz-post-text h2{font-size:28px;margin:44px 0 14px}
.dz-post-text h3{font-size:22px;margin:32px 0 10px}
.dz-post-text p{margin:0 0 18px}
.dz-post-text a{color:var(--dz-berry-deep);text-underline-offset:3px}
.dz-post-text img{border-radius:20px;margin:12px 0;height:auto}
.dz-post-text blockquote{margin:28px 0;padding:22px 26px;border-radius:24px;background:var(--dz-pink-soft);font:600 21px/1.5 var(--dz-f-body);color:var(--dz-berry-deep);border:0}
.dz-post-text ul,.dz-post-text ol{padding-left:1.3em;margin:0 0 18px}
.dz-post-text li{margin-bottom:6px}
.dz-post-text ul li::marker{color:var(--dz-berry)}
.dz-post-cta{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:52px 0 28px}
.dz-cta{display:flex;flex-direction:column;gap:6px;padding:26px;border-radius:28px;text-decoration:none;color:var(--dz-ink);transition:transform .2s}
.dz-cta:hover{transform:translateY(-3px);color:var(--dz-ink)}
.dz-cta.is-sky{background:var(--dz-sky)}.dz-cta.is-pink{background:var(--dz-pink)}
.dz-cta b{font:700 20px/1.25 var(--dz-f-round)}
.dz-cta span:last-child{font-size:15px;color:var(--dz-ink)}
.dz-cta .dz-hand{font-size:26px}
.dz-post-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px;border-top:1px solid var(--dz-line)}
.dz-post-foot .dz-post-back{margin:0}
.dz-post-edit{font-weight:800;color:var(--dz-sky-deep)}
@media (max-width:639px){.dz-post-cta{grid-template-columns:1fr}.dz-post-text{font-size:17px}.dz-video,.dz-post-cover img{border-radius:20px}}
/* Блоки Bizzz Blocks в записи: цвета и шрифты сайта через переменные --bzb-* (базовый вид — media/plg_system_bizzzblocks/css/blocks.min.css) */
.dz-post-text,bizzz-blocks{--bzb-accent:var(--dz-berry);--bzb-accent-text:#fff;--bzb-accent-soft:var(--dz-pink-soft);--bzb-muted:var(--dz-muted);--bzb-line:var(--dz-line);--bzb-radius:24px;--bzb-radius-sm:16px;--bzb-gap:30px;--bzb-font-hand:var(--dz-f-hand);--bzb-quote-bg:var(--dz-pink-soft);--bzb-quote-text:var(--dz-berry-deep);--bzb-quote-size:21px;--bzb-tip-bg:#E9F5EE;--bzb-tip-line:#2F7A49;--bzb-important-bg:#FFF3C4;--bzb-important-line:#9A6B00;--bzb-note-bg:var(--dz-pink-soft);--bzb-note-line:var(--dz-berry-deep);--bzb-play-icon:var(--dz-berry);--bzb-video-bg:linear-gradient(135deg,var(--dz-sky),var(--dz-pink));--bzb-shadow:0 18px 44px rgba(46,127,168,.18);--bzb-btn-pad:16px 30px}
.dz-post-text .bzb-quote blockquote{margin:0;padding:0;border-radius:0;background:none;font:600 21px/1.5 var(--dz-f-body)}
.dz-post-text .bzb-quote figcaption{font-family:var(--dz-f-hand);font-size:24px;color:var(--dz-berry-deep)}
.dz-post-text .bzb-callout p,.dz-post-text .bzb-details p{margin:0}
.dz-post-text .bzb-callout__title{font:700 15px/1.3 var(--dz-f-body);letter-spacing:.06em;text-transform:uppercase}
.dz-post-text .bzb-callout--hand .bzb-callout__title{text-transform:none;letter-spacing:0}
.dz-post-text .bzb-callout--hand .bzb-callout__text,.dz-post-text .bzb-callout--hand .bzb-callout__title{font-size:27px;line-height:1.3;color:var(--dz-berry-deep)}
.dz-post-text .bzb-image img,.dz-post-text .bzb-gallery img,.dz-post-text .bzb-video img{margin:0}
.dz-post-text .bzb-btn{font:800 16px/1.2 var(--dz-f-body)}
.dz-post-text .bzb-details{background:#fff}
.dz-post-text .bzb-details summary{font:700 19px/1.35 var(--dz-f-round)}
.dz-post-text .bzb-table table{font-size:16px}
@media (max-width:639px){.dz-post-text{--bzb-gap:24px;--bzb-radius:20px}.dz-post-text .bzb-callout--hand .bzb-callout__text{font-size:24px}}