.signup.bh p{max-width:60ch}
.bh-embed{margin:var(--sp-4,16px) 0 0;max-width:640px;background:transparent;color:inherit;border-radius:var(--r-card);padding:8px;box-sizing:border-box;contain:layout;position:relative}   /* 2026-10-29 bhfix: no white box; fallback shows if the embed is blocked or slow */
.bh-embed{min-height:216px}
@media (max-width:600px){.bh-embed{min-height:240px}}   /* measured live 2026-10-28 on all 3 sites: iframe 200px at 1440, 224px at 390, + 16px padding */
.bh-embed iframe{display:block;width:100%;border:0;color-scheme:light;position:relative;z-index:1;background:transparent}
.bh-fallback{position:absolute;inset:8px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;z-index:0}
.bh-fallback p{margin:0}
.bh-embed.bh-wait .bh-fallback,.bh-embed.bh-ready .bh-fallback{visibility:hidden}
.bh-embed .bh-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 20px;background:#fff;color:#1a1a1a;border:2px solid #1a1a1a;border-radius:var(--r-card,8px);font-weight:700;text-decoration:none}
.bh-embed .bh-btn:hover{text-decoration:underline}
.bh-embed .bh-btn:focus-visible{outline:3px solid currentColor;outline-offset:3px;box-shadow:0 0 0 6px #fff}
.bh-embed:focus-within{outline:3px solid var(--bg);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.bh-embed .bh-fallback a.bh-btn{color:#1a1a1a}
.signup .bh-rss,.signup.bh .bh-rss{font:400 .95rem/1.5 var(--f-ui);margin:12px 0 0}
.bh-rss a{color:inherit;text-decoration:underline;display:inline-block;min-height:24px;line-height:24px}
.prose .signup.bh{margin:32px 0}
.prose .signup.bh a,.prose .signup.bh .bh-rss a{color:inherit}

.guide-cols{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--sp-7);align-items:start;margin-top:24px}
.guide-cols>.toc-wrap{position:sticky;top:16px;max-height:calc(100vh - 32px);overflow:auto}
.toc{font:500 .95rem/1.4 var(--f-ui);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--surface-2);padding:var(--sp-3) var(--sp-4)}
.toc summary{cursor:pointer;min-height:24px;line-height:24px;font-weight:600;padding:4px 0}
.toc ol{margin:var(--sp-2) 0 0;padding-left:1.2em}
.toc li{margin:2px 0}
.toc a{display:block;min-height:24px;line-height:1.4;padding:3px 0;color:var(--link)}
.guide h2,.guide h3,.guide [id]{scroll-margin-top:24px}
.answer-box,.facts-box{border:1px solid var(--rule);border-left:5px solid var(--accent);border-radius:var(--r-card);background:var(--surface-2);padding:var(--sp-4) var(--sp-5);margin:var(--sp-5) 0}
.answer-box h2,.facts-box h2{font:700 .82rem/1.2 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;color:var(--ink)}
.answer-box p{font-size:1.12rem;line-height:1.55;margin:0}
.facts-box ul{margin:0;padding-left:1.1em;font:400 1rem/1.5 var(--f-ui)}
.facts-box a,.faq a,.guide .sources a,.related a{color:var(--link)}
.faq dt{font-weight:700;margin-top:var(--sp-4)}.faq dd{margin:4px 0 0}
.related ul{list-style:none;padding:0;margin:0}.related li{padding:10px 0;border-top:1px solid var(--rule)}
.related a{display:inline-block;min-height:24px}
.sample-banner{background:var(--accent);color:var(--bg);font:700 1rem/1.4 var(--f-ui);text-align:center;padding:12px 18px}
@media (max-width:1023px){.guide-cols{grid-template-columns:1fr;gap:0}.guide-cols>.toc-wrap{position:static;max-height:none;overflow:visible}}

.hero.photo picture,.card .thumb picture{display:block}
.hero.photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card);background:var(--surface-2)}
.hero.photo figcaption .credit{display:block;margin-top:2px;font-size:.76rem;color:var(--ink-2)}
.hero.photo figcaption a{color:inherit}
.card .thumb{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r-card);margin-bottom:var(--sp-3);background:var(--surface-2)}
.card .thumb img{display:block;width:100%;height:100%;object-fit:cover}
.prose{max-width:760px;margin:0 auto;padding:40px var(--gutter) 56px;font:400 var(--step-0)/1.65 var(--f-body)}
.prose h1{font:var(--head-weight) var(--step-5)/1.08 var(--f-head);margin:.2em 0 .4em}
.prose h2{font:var(--head-weight) var(--step-2)/1.2 var(--f-head);margin:1.6em 0 .5em}
.prose a,.article .body a,.answer a{color:var(--link)}
.home-cols>*,.art-cols>*{min-width:0}   /* 2026-10-29 pm: wide tables no longer push the mobile column past the viewport */
.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--rule);border-radius:var(--r-card)}
.table-wrap table{border-collapse:collapse;width:100%;font:400 .95rem/1.45 var(--f-ui)}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:9px 11px;border-bottom:1px solid var(--rule)}
.table-wrap th{background:var(--surface-2);font-weight:600}
.table-wrap td a{word-break:break-word}
.draft-banner{background:var(--err);color:var(--bg);font:700 1rem/1.4 var(--f-ui);text-align:center;padding:14px 18px}
.callout{margin:32px 0;padding:18px 22px;border-left:5px solid var(--brand);background:var(--surface-2);border-radius:var(--r-card);font:400 1rem/1.5 var(--f-ui)}
.callout a{color:var(--link)}
.page-head{padding:40px 0 8px;border-bottom:3px solid var(--rule-strong)}
.page-head h1{font:var(--head-weight) var(--step-5)/1.08 var(--f-head);margin:.1em 0 .2em}
.page-head .dek{font-size:var(--step-1);color:var(--ink-2);max-width:60ch}
.soon-note{font:400 .95rem/1.5 var(--f-ui);margin:.4em 0 0}.soon-note a{color:inherit;text-decoration:underline}
.sides-empty .side,.common-ground{grid-column:1/-1}
.common-ground{padding:16px 20px;border-top:1px solid var(--rule)}.common-ground ul{margin:0;padding-left:20px}
.cov-list{list-style:none;margin:0;padding:0}.cov-list li{margin:0 0 14px}.cov-list .framing{color:var(--ink-2)}
.slot-pending{border:1px dashed var(--ink-2);padding:10px 12px;color:var(--ink-2)}
.empty{padding:24px;border:1px dashed var(--rule);border-radius:var(--r-card)}