header.page{padding-block:150px 50px;max-width:980px}
header.page h1{font-size:clamp(2.8rem,8.4vw,7rem)}
header.page .meta{margin-top:26px;color:var(--ink-soft);text-transform:lowercase}
.lede{font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.45;margin-top:28px;max-width:46ch}
.layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(30px,6vw,90px);padding-bottom:12vh}
.toc{position:sticky;top:110px;align-self:start;text-transform:lowercase;font-size:.95rem}
.toc ol{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}
.toc a{text-decoration:none;color:var(--ink-soft)}
.toc a:hover,.toc a.on{color:var(--ink);font-weight:700}
article{max-width:680px;min-width:0}
article section{padding-block:34px 30px;border-top:1px solid var(--rule)}
article h2{font-size:clamp(1.9rem,3.8vw,2.9rem)}
article p{margin-top:16px}
.good{margin-top:20px;display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:.95rem;background:var(--white);padding:16px 18px;border-radius:6px;border:1px solid var(--rule)}
.good dt{font-weight:700;text-transform:lowercase}
.good dd{margin:0;color:var(--ink-soft)}
.fig{margin:34px 0 4px}
.fig img{display:block;width:100%;border-radius:4px}
.fig figcaption{font-family:var(--f-hand);font-size:1.5rem;margin-top:8px}
article .sketch{max-width:300px;margin:26px 0 0 auto}
.roy{font-family:var(--f-hand);font-size:1.75rem;line-height:1.15;margin-top:22px;transform:rotate(-1.2deg)}
.end{margin-top:50px;padding-top:40px;border-top:1px solid var(--rule)}
.end .btn{margin-top:22px}
@media (max-width:860px){.layout{grid-template-columns:1fr}.toc{position:static}}
.layout.one{grid-template-columns:minmax(0,1fr)}.layout.one .toc{display:none}
.entry > h2{padding-top:38px;margin-top:38px;border-top:1px solid var(--rule)}
.entry > h2:first-child{margin-top:0}
.entry > p{margin-top:16px}
.entry .good{margin-top:20px;font-size:.95rem;background:var(--white);padding:14px 18px;border-radius:6px;border:1px solid var(--rule);color:var(--ink-soft);max-width:none}
.entry .good strong{color:var(--ink);text-transform:lowercase;margin-right:8px}
.entry figure{margin:34px 0 4px}
.entry figure img{display:block;width:100%;height:auto;border-radius:4px}
.entry figcaption,.entry .wp-element-caption{font-family:var(--f-hand);font-size:1.5rem;margin-top:8px;text-align:left}
.entry ul,.entry ol{padding-left:1.2em}
.entry a{text-underline-offset:3px}
.entry .wp-block-html .sketch,.entry > .sketch{max-width:300px;margin:26px 0 0 auto}