/* Ящик для Дзена, вариант B «Личный блог Романа» (решение Романа 05.11.2026).
   Образец: research/2026-11-dzen-mailbox-design/b/. Отдельным файлом, а не <style>:
   политика безопасности ящика разрешает стили только с самого сайта. */
@font-face{font-family:Onest;font-weight:700;font-display:swap;src:url("/assets/fonts/onest-cyrillic-700-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:700;font-display:swap;src:url("/assets/fonts/onest-latin-700-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Onest;font-weight:800;font-display:swap;src:url("/assets/fonts/onest-cyrillic-800-normal.woff2") format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Onest;font-weight:800;font-display:swap;src:url("/assets/fonts/onest-latin-800-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*{box-sizing:border-box}
body{margin:0;background-color:#F4EDE2;background-image:radial-gradient(rgba(120,92,60,.13) 1px,transparent 1.2px);background-size:22px 22px;color:#1B1A1F;font:18px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
header{border-bottom:1px solid #E3D8C8;background:rgba(250,246,239,.92)}
.who{display:flex;align-items:center;gap:14px;padding:18px 22px}
.ava{width:60px;height:60px;border-radius:50%;flex:none;overflow:hidden;box-shadow:0 0 0 2px #FAF6EF,0 0 0 3px #E3D8C8}
.ava img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.who b{display:block;font:700 18px Onest,sans-serif}
.who span{font-size:14px;line-height:1.35;color:#6B6670;display:block}
.who a{color:inherit;text-decoration:none}
h1{font:800 clamp(30px,5vw,42px)/1.12 Onest,sans-serif;margin:44px 0 14px;letter-spacing:-.01em}
h2{font:700 25px/1.25 Onest,sans-serif;margin:40px 0 10px}
.meta{font-size:14px;color:#6B6670;margin-bottom:28px}
figure{margin:28px 0}
img{width:100%;height:auto;border-radius:10px;display:block}
figcaption{font-size:14px;color:#6B6670;margin-top:8px}
p{margin:0 0 18px}
ul,ol{padding-left:24px;margin:0 0 18px}
li{margin:4px 0}
.podpis{margin-top:34px;padding-top:18px;border-top:1px solid #E3D8C8;font-style:italic;color:#4A4650}
footer{margin:60px 0 0;padding:22px 0 40px;border-top:1px solid #E3D8C8;font-size:14px;color:#6B6670}
footer a{color:#B5179E}
.list a{display:block;text-decoration:none;color:inherit;padding:22px 0;border-bottom:1px solid #E3D8C8}
.list h2{margin:4px 0 6px;font-size:22px}
.list p{margin:0;color:#4A4650;font-size:16px}
.list .d{font-size:13px;color:#B5179E}
.intro{font-size:19px;color:#4A4650;margin:0 0 10px}
