/* Заметка (single.html). Эталон — шаблон заметки на досках Notes и NotesM (#post).
   Лист 1280: текст до 720, правое поле 280 через 80. Блоки со стилем «pole» (Заметка на полях, Цитата на поле, Блок на поле)
   встают на поле рядом с абзацем, перед которым стоят в тексте. До 1200 поле уходит в текст с отступом 24.
   Лист не выпрямляется при наведении: это текст для чтения, а не карточка. */
.po{max-width:1440px;margin:0 auto;padding:64px var(--pad) var(--sec)}
.po-sheet{--pl:100px;--pr:460px;--pw:280px;--pg:80px;max-width:1280px;margin:0;padding:80px var(--pr) 90px var(--pl);background:var(--sheet);box-shadow:var(--shadow);transform:rotate(-.3deg)}
.po-sheet>*{margin:0}
.po-sheet>*+*{margin-top:26px}
.po-meta>*{display:inline;margin:0;font:inherit;color:inherit}
.po-meta .po-kind{margin-right:18px;color:var(--ink)}
.po-meta .po-date::before{content:", "}
.po-meta .po-author,.po-meta .po-date{white-space:nowrap}
.po-meta .po-date{text-transform:lowercase}
.po-title{margin:0}
.po-body{display:flow-root}
.po-body>*{margin:0;max-width:720px}
.po-body>*+*{margin-top:26px}
.po-body p,.po-body li{font-size:18px;line-height:1.65;color:var(--ink)}
.po-body ul,.po-body ol{padding-left:1.3em}
.po-body li+li{margin-top:8px}
.po-body h2,.po-body h3{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.12;letter-spacing:-.01em}
.po-body>h2,.po-body>h3{margin-top:48px}
.po-body h2 i,.po-body h2 em,.po-body h3 i,.po-body h3 em{font-weight:300}
.po-body .is-style-lead,.is-style-lead{font-style:italic;font-weight:300;font-size:30px;line-height:1.3}
.po-body>.is-style-lead+*{margin-top:36px}
.po-body figure{margin:0}
.po-body>figure,.po-body>.wp-block-image{margin-top:36px}
.po-body figure img{width:100%}
.po-body figcaption{margin-top:10px;font-size:14px;font-style:italic;line-height:1.4;color:var(--ink-caption);text-align:left}
.po-body blockquote:not(.is-style-pole){padding:0 0 0 40px;border:0}
.po-body blockquote:not(.is-style-pole) p{font-style:italic}
.po-body blockquote cite{display:block;margin-top:8px;font-family:var(--sans);font-size:13px;font-style:normal;color:var(--ink-caption)}
.po-body hr{margin-top:48px;border:0;height:22px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22168%22%20height%3D%2222%22%20viewBox%3D%220%200%20168%2022%22%3E%3Cpath%20d%3D%22M4%2013.2%20C%2026%209.6%2C%2048%208.4%2C%2070%2010.6%20C%2092%2012.8%2C%20112%2014.6%2C%20134%2011.4%20C%20146%209.6%2C%20156%207.6%2C%20164%208.4%20C%20156%209.4%2C%20146%2011.6%2C%20134%2013.4%20C%20112%2016.8%2C%2092%2015.2%2C%2070%2013%20C%2048%2010.9%2C%2026%2011.8%2C%204%2013.2%20Z%22%20fill%3D%22%238f8c86%22%2F%3E%3Ccircle%20cx%3D%2284%22%20cy%3D%224%22%20r%3D%221.6%22%20fill%3D%22%238f8c86%22%2F%3E%3C%2Fsvg%3E') center / 168px 22px no-repeat}
.po-body>hr+*{margin-top:48px}

/* поле: заметка 14 курсивом графитом, цитата курсивом 30, блок со ссылкой Onest */
p.is-style-pole{font-size:14px;font-style:italic;line-height:1.35;color:var(--graphite)}
blockquote.is-style-pole{margin:0;padding:0;border:0}
blockquote.is-style-pole p{font-size:30px;font-style:italic;font-weight:300;line-height:1.3;color:var(--ink)}
.wp-block-group.is-style-pole{display:flex;flex-direction:column;gap:8px}
.wp-block-group.is-style-pole>*{margin:0}
.wp-block-group.is-style-pole p{font-family:var(--sans);font-size:15px;line-height:1.45}
.wp-block-group.is-style-pole>p:first-child{font-size:13px;line-height:1.5;color:var(--ink-caption)}
.po-body>.is-style-pole{float:right;clear:right;width:var(--pw);max-width:none;margin-right:calc(-1 * (var(--pw) + var(--pg)))}
.po-body>.is-style-pole+.is-style-pole{margin-top:40px}
.po-body>p.is-style-pole{padding-top:4px}

@media (max-width:1360px) and (min-width:1201px){
 .po-sheet{--pl:72px;--pr:372px;--pw:240px;--pg:60px;padding-top:72px}
}
@media (max-width:1200px){
 .po-sheet{max-width:848px;padding:64px 64px 72px}
 .po-body>.is-style-pole{float:none;width:auto;max-width:560px;margin:26px 0 0 24px}
 .po-body>.is-style-pole+.is-style-pole{margin-top:18px}
 .po-body>.is-style-pole+:not(.is-style-pole){margin-top:26px}
}
@media (max-width:720px){
 .po{padding:40px var(--pad) 72px}
 .po-sheet{margin:0 -4px;padding:28px 22px 32px}
 .po-sheet>*+*,.po-body>*+*{margin-top:22px}
 .po-body .is-style-lead,.is-style-lead{font-size:18px;font-weight:400;line-height:1.55;color:var(--ink-muted)}
 .po-body>.is-style-lead+*,.po-body>figure,.po-body>.wp-block-image{margin-top:28px}
 .po-body>h2,.po-body>h3{margin-top:36px}
 .po-body h2,.po-body h3{font-size:30px;line-height:1.14}
 .po-body blockquote:not(.is-style-pole){padding-left:24px}
 .po-body>.is-style-pole{margin:22px 0 0 24px}
 blockquote.is-style-pole p{line-height:1.2}
}

/* «Читать дальше» под листом (с 0.13.12): три соседние записи и выпуск Сигналов, строки как в списках сайта */
.po-more{max-width:1280px;margin:72px 0 0}
.po-more h2{margin:0 0 14px;font-weight:400}
.po-more ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 32px}
.po-more li{border-top:1px solid var(--ink)}
.po-more a{display:flex;flex-direction:column;gap:10px;padding:16px 0 4px;color:var(--ink);text-decoration:none}
.po-more .po-mt{font-family:var(--serif);font-size:18px;line-height:1.35}
.po-more .po-lc{text-transform:lowercase}
.po-more .po-sig .po-mt{font-style:italic}
@media (hover:hover){.po-more a:hover .po-mt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
@media (max-width:720px){.po-more{margin-top:48px}.po-more ul{grid-template-columns:minmax(0,1fr)}.po-more a{padding:14px 0}}