/* v277 blog: the index (blog.html) and the posts (blog-*.html), written by scripts/build-blog.cjs.
   Reading layout on the site theme's tokens: one column, comfortable line length, light theme only. */
.bp-head{padding-bottom:0}
.bp-crumb{margin:0 0 14px;font:500 12px/1 var(--ot-sans);letter-spacing:.14em;text-transform:uppercase}
.bp-crumb a{color:var(--ot-gold-ink);text-decoration:none}
.bp-h1{font-size:clamp(34px,7.4vw,52px);line-height:1.08;text-wrap:balance}
.bp-meta{margin:16px 0 0;font-size:13.5px;color:var(--ot-muted)}
.bp-body{padding-top:28px;padding-bottom:72px;font-size:17px;line-height:1.7;color:var(--ot-text)}
.bp-body h2{margin:48px 0 12px;font:500 clamp(26px,5.6vw,32px)/1.15 var(--ot-serif);color:var(--ot-ink);text-wrap:balance}
.bp-body h3{margin:30px 0 8px;font:500 22px/1.2 var(--ot-serif);color:var(--ot-ink)}
.bp-body p{margin:0 0 16px}
.bp-body ul,.bp-body ol{margin:0 0 18px;padding-left:22px}
.bp-body li{margin:0 0 8px}
.bp-body a{color:var(--ot-ink);text-decoration-color:var(--ot-gold);text-underline-offset:3px}
.bp-body b{color:var(--ot-ink);font-weight:600}
.bp-answer{margin:0 0 32px;padding:20px 22px;border:1px solid var(--ot-line);border-left:3px solid var(--ot-gold);border-radius:var(--ot-r-card);background:var(--ot-card)}
.bp-answer p{margin:0}
.bp-answer .bp-answer-k{margin:0 0 6px;font:500 12px/1 var(--ot-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ot-gold-ink)}
.bp-fig{margin:28px 0;display:grid;justify-items:center;gap:12px}
.bp-fig figcaption{max-width:36ch;text-align:center;font-size:13.5px;line-height:1.5;color:var(--ot-muted)}
.bp-body .g-faq{margin-top:8px}
.bp-sources{margin-top:40px;padding-top:8px;border-top:1px solid var(--ot-line);font-size:14px}
.bp-sources h2{font-size:22px;margin-top:24px}
.bp-sources li{word-break:break-word}
.bp-about{margin-top:44px;padding:20px 22px;border-radius:var(--ot-r-card);background:var(--ot-cream);font-size:15px}
.bp-about p{margin:0}
.bp-list{display:grid;gap:18px;margin:8px 0 72px;padding:0;list-style:none}
.bp-card a{display:block;padding:24px 22px;border:1px solid var(--ot-line);border-radius:var(--ot-r-card);background:var(--ot-card);color:inherit;text-decoration:none;transition:border-color .2s var(--ot-ease)}
.bp-card a:hover,.bp-card a:focus-visible{border-color:var(--ot-gold)}
.bp-card-t{margin:0 0 8px;font:500 clamp(22px,5vw,26px)/1.2 var(--ot-serif);color:var(--ot-ink);text-wrap:balance}
.bp-card p{margin:0;font-size:15px;line-height:1.6;color:var(--ot-text)}
.bp-card .bp-meta{margin-top:10px}
@media (min-width:900px){.bp-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}