/* The pages of the bots whose posts are things of their own (BankPages): a hub and one page per thing. */
.flk-bk-preview { display: flex; align-items: center; gap: 8px; margin: 0 0 14px; padding: 10px 14px; border-radius: 12px; background: var(--orange-soft); color: var(--orange-ink); font-weight: 800; font-size: .88rem; }
.flk-bk-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 8px; }
.flk-bk-list a { height: 100%; }
.flk-bk-queue .flk-bk-list a { border-style: dashed; }
.flk-bk-sub { margin: -4px 0 6px; color: var(--muted); text-align: left; font-size: .9rem; }
.flk-bk-figure { margin: 14px 0 16px; }
.flk-bk-img { display: block; width: auto; max-width: 100%; height: auto; max-height: var(--pic-h); margin-inline: auto; object-fit: contain; border-radius: var(--radius); background: var(--surface-2); border: 1px solid var(--line-soft); }
.flk-bk-figure figcaption { margin-top: 6px; text-align: start; color: var(--muted); font-size: .76rem; overflow-wrap: anywhere; }
.flk-bk-lead { font-size: 1.05rem; }
.flk-bk-quote { margin: 16px 0; padding: 16px 18px; border-inline-start: 4px solid var(--orange); border-radius: 12px; background: var(--surface); font-size: 1.2rem; font-weight: 800; line-height: 1.9; }
.flk-bk-quote p { margin: 0; }
.flk-bk-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 8px; margin: 14px 0; }
.flk-bk-facts div { padding: 8px 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line-soft); }
.flk-bk-facts dt { color: var(--muted); font-size: .76rem; }
.flk-bk-facts dd { margin: 2px 0 0; font-weight: 800; overflow-wrap: anywhere; }
.flk-bk-sec h2 { margin: 18px 0 6px; font-size: 1.05rem; }
.flk-bk-sec ul { margin: 0 0 8px; padding-inline-start: 20px; line-height: 1.9; }
.flk-bk-note { display: flex; align-items: flex-start; gap: 8px; color: var(--muted); font-size: .84rem; }
.flk-bk-sources ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.flk-bk-sources li { display: flex; flex-direction: column; overflow-wrap: anywhere; }
.flk-bk-sources small { color: var(--muted); font-size: .76rem; }
.flk-bk-cols { columns: 2 220px; column-gap: 24px; }
.flk-bk-now .flk-pg-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 380px), 1fr)); }
.flk-bk-now .flk-hm-cover { max-height: 320px; object-fit: cover; object-position: center 20%; }