/* блог arturr_city: читаемая колонка на кружеве — края колонки растворяются, без жёсткой коробки */
.post { position: relative; max-width: 860px; margin: 0 auto; padding: 6vh clamp(20px, 5vw, 70px) 12vh;
        background: linear-gradient(90deg, transparent, rgba(0,0,0,.9) 9%, rgba(0,0,0,.92) 91%, transparent); }
.crumbs { font-size: 13px; color: var(--muted); }
.crumbs a:hover { color: var(--fg); }
.post h1 { margin: 26px 0 0; font-size: clamp(40px, 6vw, 84px); font-weight: 300; letter-spacing: -.065em; line-height: .95; }
.meta { margin: 18px 0 0; font-size: 13px; color: var(--muted); }

.prose { margin-top: 44px; font-size: 18.5px; line-height: 1.62; color: #d2d2d2; letter-spacing: -.012em; }
.prose p { margin: 0 0 1.05em; }
.prose .lead { font-size: clamp(21px, 2vw, 25px); line-height: 1.4; color: var(--fg); letter-spacing: -.03em; margin-bottom: 1.6em; }
.prose h2 { margin: 2.4em 0 .7em; font-size: clamp(28px, 3.2vw, 40px); font-weight: 300; letter-spacing: -.055em; line-height: 1.02; color: var(--fg); }
.prose h3 { margin: 1.8em 0 .5em; font-size: 22px; font-weight: 400; letter-spacing: -.04em; line-height: 1.15; color: var(--fg); }
.prose ul, .prose ol { margin: 0 0 1.2em; padding-left: 1.2em; }
.prose li { margin: .35em 0; }
.prose li::marker { color: var(--muted); }
.prose strong { color: var(--fg); font-weight: 500; }
.prose a { color: var(--fg); text-decoration: underline; text-decoration-color: #555; text-underline-offset: 3px; }
.prose a:hover { text-decoration-color: var(--fg); }
.prose blockquote { margin: 1.6em 0; padding: 4px 0 4px 22px; border-left: 1px solid #444; color: #bdbdbd; }
.prose code { font: 500 .86em var(--mono); letter-spacing: 0; color: #e8e8e8; background: #141414; padding: 1px 5px; }
.prose pre { margin: 1.2em 0 1.4em; padding: 16px 18px; background: #050505; border: 1px solid #1d1d1d; overflow-x: auto; }
.prose pre code { background: none; padding: 0; font-size: 13.5px; line-height: 1.6; color: #cfcfcf; }
.prose table { width: 100%; margin: 1.2em 0 1.6em; border-collapse: collapse; font-size: 15.5px; line-height: 1.4; }
.prose th, .prose td { padding: 10px 12px 10px 0; border-bottom: 1px solid #222; text-align: left; vertical-align: top; }
.prose th { color: var(--fg); font-weight: 400; }
.prose .cta { margin: 2.4em 0; padding: 26px 28px; border: 1px solid #262626;
              background: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.62)), #000 url(../img/ornament.jpg) 0 0 / 360px 360px repeat; color: var(--fg); }
.prose .cta p { margin: 0 0 .6em; }
.prose .cta p:last-child { margin: 0; }
.prose .cta a { display: inline-block; margin-top: 6px; padding: 12px 18px 13px; background: var(--fg); color: #000; text-decoration: none; font-size: 15px; }
.prose .cta a:hover { opacity: .85; }
@media (max-width: 720px) { .prose { font-size: 17px; } .prose table { display: block; overflow-x: auto; } }

.more { margin-top: 9vh; }
.more h2 { margin: 0 0 18px; font-size: 30px; font-weight: 300; letter-spacing: -.05em; }
.more ul, .list { list-style: none; margin: 0; padding: 0; }
.more li a, .list li a { display: grid; gap: 6px; padding: 20px 0; border-top: 1px solid #222; }
.more li a b, .list li a b { font-weight: 400; font-size: clamp(21px, 2.2vw, 28px); letter-spacing: -.045em; line-height: 1.1; color: var(--fg); }
.more li a span, .list li a span { font-size: 15px; line-height: 1.45; color: #9a9a9a; max-width: 680px; }
.list li a i { font-style: normal; font-size: 12px; color: var(--muted); }
.more li a:hover b, .list li a:hover b { text-decoration: underline; text-decoration-color: #555; text-underline-offset: 4px; }
.blog-list .lead { margin: 18px 0 40px; font-size: clamp(19px, 1.8vw, 23px); color: #cfcfcf; max-width: 560px; }

/* подвал как на главной: леопард чёрным кружевом */
.leo-mini { padding: 20vh var(--pad) 26px; color: var(--fg);
            background: linear-gradient(#000, rgba(0,0,0,.6) 40%, rgba(0,0,0,.3) 75%, rgba(0,0,0,.7)), #000 url(../img/leo.jpg) 50% 50% / cover no-repeat; }
.leo-mini > div { max-width: 1480px; margin: 0 auto; }
.leo-mini .leo-word { margin: 0 0 22px; font-size: clamp(54px, 11vw, 190px); font-weight: 300; letter-spacing: -.085em; line-height: .8; }
.leo-mini nav { display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 15px; }
.leo-mini nav a:hover { color: var(--muted); }