:where([data-tpl=post]) .stamp{flex-wrap:nowrap;align-items:flex-start}:where([data-tpl=post]) .stamp .ic{margin-top:1px}:where([data-tpl=post]) .stamp code{font:500 12.5px var(--f-mono);color:var(--night);overflow-wrap:anywhere}:where([data-tpl=post]) .post-head{align-items:center;gap:48px}:where([data-tpl=post]) .post-head h1{max-width:20ch;margin:0 0 6px;font-size:clamp(40px,2.6vw + 22px,66px);line-height:1.02}:where([data-tpl=post]) .post-topic{color:var(--night);margin:0 0 20px;text-decoration:none}:where([data-tpl=post]) .post-topic:hover{color:var(--night);transform:rotate(0)}:where([data-tpl=post]) .byline{gap:10px 20px}:where([data-tpl=post]) .byline>span{align-items:center;gap:7px;display:inline-flex}:where([data-tpl=post]) .byline>.by-who{display:inline}:where([data-tpl=post]) .byline .ic{width:16px;height:16px;color:var(--sun)}:where([data-tpl=post]) .byline .by-av .ph{border-radius:50%;flex:none;width:40px;height:40px}:where([data-tpl=post]) .post-toc{width:310px}:where([data-tpl=post]) .post-toc li:first-child{border-top:0}:where([data-tpl=post]) .post-aside{align-content:start;align-self:stretch;position:relative;top:0}:where([data-tpl=post]) .post-aside .side-tour{top:calc(var(--head-h) + 24px);position:sticky}:where([data-tpl=post]) .prose .answer-box{margin-bottom:34px}:where([data-tpl=post]) .prose .inline-fig{max-width:480px;margin:36px 0 40px 8px}:where([data-tpl=post]) .prose .inline-fig .ph{height:400px}:where([data-tpl=post]) .post-author{max-width:560px;box-shadow:var(--sh-paper);background:#fff;margin-top:44px}:where([data-tpl=post]) .post-author .pa-k{font:600 12.5px/1.3 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--rose-700);margin-bottom:2px;display:block}:where([data-tpl=post]) .post-author b{font-size:17px}:where([data-tpl=post]) .pcard .meta{align-items:center;gap:6px;padding-top:4px;display:flex}:where([data-tpl=post]) .pcard .meta .ic{width:16px;height:16px;color:var(--rose)}:where([data-tpl=post]) .pcard .meta a{z-index:3;color:var(--paint);align-items:center;min-height:32px;font-weight:600;display:inline-flex;position:relative}@media (max-width:1180px){:where([data-tpl=post]) .post-aside{max-width:640px}:where([data-tpl=post]) .post-aside .side-tour{position:relative;top:0}}@media (max-width:760px){:where([data-tpl=post]) .post-head{gap:26px}:where([data-tpl=post]) .post-head h1{font-size:40px}:where([data-tpl=post]) .post-toc{width:auto;max-width:340px}:where([data-tpl=post]) .prose .inline-fig{margin:30px 4px 34px}:where([data-tpl=post]) .prose .inline-fig .ph{height:300px}:where([data-tpl=post]) .prose p,:where([data-tpl=post]) .prose li{font-size:16.5px}:where([data-tpl=post]) .posts{gap:16px}:where([data-tpl=post]) .pcard{--rot:-.6deg;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:5px 14px;padding:10px 12px 10px 10px;display:grid}:where([data-tpl=post]) .pcard:nth-child(3n+2){--rot:.6deg}:where([data-tpl=post]) .pcard:nth-child(3n){--rot:-.3deg}:where([data-tpl=post]) .pcard .ph{grid-row:1/span 4;height:104px}:where([data-tpl=post]) .pcard>:not(.ph){grid-column:2}:where([data-tpl=post]) .pcard .tape{--rot:-2deg;justify-self:start;margin:2px 0 2px -2px;padding:3px 10px 3px 9px;font-size:12.5px;position:static}:where([data-tpl=post]) .pcard h3{margin:0;font-size:15.5px;line-height:1.35}:where([data-tpl=post]) .pcard .meta{margin:0;padding-top:0;font-size:13px}:where([data-tpl=post]) .pcard .meta a{min-height:30px}}