/* Shared by the article frontend and the native block editor. */
.bit-editorial { --bit-note-bg:#eef3fb; --bit-note-ink:#274c7e; --bit-tip-bg:#edf5ef; --bit-tip-ink:#226044; --bit-warn-bg:#fff5df; --bit-warn-ink:#79520c; }
:root[data-theme="dark"] .bit-editorial { --bit-note-bg:#182535; --bit-note-ink:#b9d7ff; --bit-tip-bg:#172b25; --bit-tip-ink:#a8dfc3; --bit-warn-bg:#302719; --bit-warn-ink:#f4d28c; }
.bit-article { padding-block:clamp(1.5rem,4vw,3rem) clamp(4rem,7vw,7rem); }
.bit-breadcrumb { font-size:.78rem; color:var(--bit-muted); margin-block-end:clamp(2.5rem,6vw,5rem); }
.bit-breadcrumb ol { display:flex; flex-wrap:wrap; gap:.45rem .7rem; list-style:none; padding:0; }
.bit-breadcrumb li { display:inline; overflow-wrap:anywhere; }
.bit-breadcrumb li + li::before { content:"/"; margin-inline-end:.7rem; color:var(--bit-muted); }
.bit-breadcrumb a { color:inherit; text-decoration:underline; }
.bit-article-head { max-inline-size:1080px; margin-block-end:clamp(2rem,4vw,3.5rem); }
.bit-article-eyebrow { display:flex; align-items:center; gap:.7rem; font-size:.72rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--bit-primary); }
.bit-article-eyebrow > span { inline-size:1.3rem; block-size:.6rem; border-radius:3px; background:linear-gradient(90deg,var(--bit-primary) 60%,var(--bit-soft) 60%); }
.bit-article-head h1 { font-size:clamp(2.15rem,1.15rem + 3.5vw,4.25rem); line-height:1.08; letter-spacing:-.045em; max-inline-size:23ch; margin:.5em 0 .4em; text-wrap:balance; }
.bit-article-deck { max-inline-size:78ch; font-size:clamp(1.1rem,1rem + .3vw,1.3rem); color:var(--bit-muted); line-height:1.7; }
.bit-article-meta { display:flex; flex-wrap:wrap; gap:.6rem 1.5rem; align-items:center; font-size:.76rem; color:var(--bit-muted); margin-block-start:1.75rem; }
.bit-article-meta a { font-weight:750; text-decoration:underline; }
.bit-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:clamp(2rem,4vw,4rem); align-items:start; }
.bit-article-layout--solo { grid-template-columns:minmax(0,850px); }
.bit-article-main { grid-column:1; grid-row:1; min-inline-size:0; }
.bit-article-rail { grid-column:2; grid-row:1; position:sticky; inset-block-start:8rem; min-inline-size:0; }
.admin-bar .bit-article-rail { inset-block-start:10rem; }
.bit-article-toc { border:1px solid var(--bit-line); border-radius:20px; background:var(--bit-surface); overflow:hidden; }
.bit-article-toc summary { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.2rem 1.3rem; font-size:.9rem; font-weight:800; cursor:pointer; list-style:none; }
.bit-article-toc summary::-webkit-details-marker { display:none; }
.bit-article-toc summary span { color:var(--bit-primary); transition:transform 160ms ease; }
.bit-article-toc:not([open]) summary span { transform:rotate(90deg); }
.bit-article-toc nav { padding:0 .7rem 1rem; max-block-size:calc(100svh - 15rem); overflow:auto; scrollbar-width:thin; scrollbar-color:var(--bit-input-line) transparent; overscroll-behavior:contain; }
.bit-article-toc ol { list-style:none; padding:0; margin:0; }
.bit-article-toc a { display:block; color:var(--bit-muted); text-decoration:none; font-size:.78rem; line-height:1.6; padding:.65rem .75rem; border-inline-start:2px solid transparent; border-radius:0 8px 8px 0; overflow-wrap:anywhere; }
.bit-article-toc a:hover { background:var(--bit-soft); color:var(--bit-primary); }
.bit-article-toc a[aria-current="location"] { color:var(--bit-primary); background:var(--bit-soft); border-inline-start-color:var(--bit-primary); font-weight:700; }
.bit-toc-level-3 a { padding-inline-start:1.5rem; font-size:.74rem; }
.bit-article-cover { margin:0 0 2.5rem; }
.bit-article-cover img { display:block; inline-size:100%; block-size:auto; border-radius:20px; }
.bit-article-cover figcaption,.bit-article-content figcaption { color:var(--bit-muted); font-size:.8rem; line-height:1.6; margin-block-start:.65rem; text-align:start; }
.bit-article-content { font-size:clamp(1rem,.95rem + .2vw,1.125rem); line-height:1.85; overflow-wrap:anywhere; }
.bit-article-content > :first-child { margin-block-start:0; }
.bit-article-content :where(h2,h3,h4) { scroll-margin-block-start:9rem; line-height:1.25; }
.bit-article-content h2 { font-size:clamp(1.65rem,1.35rem + 1vw,2.3rem); margin-block:2em .7em; letter-spacing:-.035em; }
.bit-article-content h3 { font-size:clamp(1.25rem,1.1rem + .5vw,1.6rem); margin-block:1.7em .6em; }
.bit-article-content :where(p,ul,ol) { margin-block-end:1.3em; }
.bit-article-content :where(ul,ol) { padding-inline-start:1.5em; }
.bit-article-content li { padding-inline-start:.25em; margin-block:.55em; }
.bit-article-content li::marker { color:var(--bit-primary); font-weight:750; }
.bit-article-content a:not(.wp-block-button__link):not(.bit-button) { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.bit-article-content :where(img,video,iframe) { max-inline-size:100%; }
.bit-article-content figure { margin-inline:0; margin-block:2rem; }
.bit-article-content figure img { border-radius:14px; }
.bit-article-content .wp-block-table { overflow-x:auto; border:1px solid var(--bit-line); border-radius:14px; }
.bit-article-content table { font-size:.92rem; min-inline-size:440px; }
.bit-article-content :where(th,td) { padding:1rem; border-color:var(--bit-line); }
.bit-article-content th { background:var(--bit-soft); color:var(--bit-ink); }
.bit-article-content pre { overflow:auto; padding:1.4rem; background:var(--bit-surface); border:1px solid var(--bit-line); border-radius:14px; font-size:.88rem; white-space:pre; }
.bit-article-content :not(pre)>code { background:var(--bit-soft); border-radius:4px; padding:.15em .3em; font-size:.9em; }
.bit-article-content blockquote { margin:2rem 0; padding:1rem 1.5rem; border-inline-start:3px solid var(--bit-primary); color:var(--bit-muted); }
.bit-article-content :where(.wp-block-button__link,.bit-button),.editor-styles-wrapper .wp-block-button__link { display:inline-flex; align-items:center; padding:.8rem 1.3rem; border-radius:10px; background:var(--bit-primary); color:var(--bit-on-primary); border:1px solid var(--bit-primary); font-weight:750; font-size:.9rem; text-decoration:none; line-height:1.5; }
.bit-article-content :where(.wp-block-button__link,.bit-button):hover { background:var(--bit-primary-hover); color:var(--bit-on-primary); border-color:var(--bit-primary-hover); }
:where(.bit-article-content,.editor-styles-wrapper) :where(.is-style-bit-summary,.is-style-bit-note,.is-style-bit-tip,.is-style-bit-warning,.is-style-bit-cta) { padding:clamp(1.2rem,3vw,2rem); margin-block:2rem; border:1px solid var(--bit-line); border-inline-start:3px solid var(--bit-primary); border-radius:0 20px 20px 0; background:var(--bit-soft); }
:where(.bit-article-content,.editor-styles-wrapper) :where(.is-style-bit-summary,.is-style-bit-note,.is-style-bit-tip,.is-style-bit-warning,.is-style-bit-cta)>:first-child { margin-block-start:0; }
:where(.bit-article-content,.editor-styles-wrapper) :where(.is-style-bit-summary,.is-style-bit-note,.is-style-bit-tip,.is-style-bit-warning,.is-style-bit-cta)>:last-child { margin-block-end:0; }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-note { background:var(--bit-note-bg,#eef3fb); border-inline-start-color:var(--bit-note-ink,#274c7e); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-tip { background:var(--bit-tip-bg,#edf5ef); border-inline-start-color:var(--bit-tip-ink,#226044); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-warning { background:var(--bit-warn-bg,#fff5df); border-inline-start-color:var(--bit-warn-ink,#79520c); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-steps>ol { list-style:none; counter-reset:bit-step; padding:0; }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-steps>ol>li { counter-increment:bit-step; position:relative; padding:1.2rem 1.2rem 1.2rem 4.2rem; margin-block:1rem; border:1px solid var(--bit-line); border-radius:16px; background:var(--bit-surface); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-steps>ol>li::before { content:counter(bit-step,decimal-leading-zero); position:absolute; inset-inline-start:1rem; inset-block-start:1.2rem; inline-size:2.2rem; block-size:2.2rem; display:grid; place-items:center; border-radius:50%; background:var(--bit-soft); color:var(--bit-primary); font-weight:800; font-size:.85rem; }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-cta { border-radius:20px; background:var(--bit-soft); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-sources { border-block-start:1px solid var(--bit-line); margin-block-start:3rem; padding-block-start:1.5rem; font-size:.875rem; color:var(--bit-muted); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-faq { border:1px solid var(--bit-line); background:var(--bit-surface); border-radius:14px; margin-block:.85rem; overflow:hidden; }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-faq summary { cursor:pointer; padding:1rem 1.2rem; font-weight:750; line-height:1.6; }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-faq summary::marker { color:var(--bit-primary); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-faq[open] summary { border-block-end:1px solid var(--bit-line); }
:where(.bit-article-content,.editor-styles-wrapper) .is-style-bit-faq>:not(summary) { margin:1rem 1.2rem; }
.bit-author { border-block-start:1px solid var(--bit-line); padding-block-start:2rem; margin-block-start:3rem; }
.bit-author h2 { font-size:1.3rem; }
.bit-author p:not(.bit-kicker) { color:var(--bit-muted); }
.bit-related { border-block-start:1px solid var(--bit-line); margin-block-start:4rem; padding-block-start:3rem; }
.bit-related h2 { font-size:clamp(1.7rem,3vw,2.5rem); margin-block:.5rem 2rem; }
.bit-story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.4rem; }
.bit-story-card { border:1px solid var(--bit-line); background:var(--bit-surface); border-radius:20px; overflow:hidden; }
.bit-story-card__link { display:flex; flex-direction:column; block-size:100%; text-decoration:none; color:var(--bit-ink) !important; }
.bit-story-card__link:hover h3 { color:var(--bit-primary); }
.bit-story-card__link:focus-visible { outline-offset:-4px; }
.bit-story-card__image { aspect-ratio:16/10; overflow:hidden; }
.bit-story-card__image img { inline-size:100%; block-size:100%; object-fit:cover; display:block; }
.bit-story-card__body { padding:1.5rem; display:flex; flex:1; flex-direction:column; }
.bit-story-card time { font-size:.75rem; color:var(--bit-muted); }
.bit-story-card h3 { font-size:1.2rem; line-height:1.4; margin-block:.75rem; }
.bit-story-card p { color:var(--bit-muted); font-size:.9rem; }
.bit-story-card__read { display:flex; justify-content:space-between; font-size:.8rem; font-weight:750; color:var(--bit-primary); padding-block-start:1rem; margin-block-start:auto; }
.bit-archive { padding-block:4rem 6rem; }
.bit-archive-head { max-inline-size:850px; margin-block-end:3rem; }
.bit-archive-head h1 { font-size:clamp(2rem,4vw,3.5rem); }
.bit-archive-description { color:var(--bit-muted); }
.bit-editorial :where(.pagination,.bit-page-links) { margin-block:2rem; }
.bit-editorial .page-numbers { display:inline-block; padding:.5rem .9rem; border:1px solid var(--bit-line); border-radius:8px; margin:.2rem; }
.bit-editorial .page-numbers.current { background:var(--bit-soft); color:var(--bit-primary); }
.bit-article-comments { max-inline-size:850px; margin-block-start:3rem; }
.bit-editorial :where(input:not([type="checkbox"]):not([type="radio"]),textarea) { max-inline-size:100%; padding:.7rem; border:1px solid var(--bit-input-line); border-radius:8px; color:var(--bit-ink); background:var(--bit-surface); }
.bit-editorial :where(input[type="submit"],button[type="submit"]) { background:var(--bit-primary); color:var(--bit-on-primary); padding:.7rem 1rem; border:1px solid var(--bit-primary); border-radius:8px; cursor:pointer; }
@media(max-width:900px) {
 .bit-article-layout { grid-template-columns:minmax(0,1fr); gap:2rem; }
 .bit-article-rail { grid-column:1; grid-row:1; position:static; }
 .bit-article-main { grid-column:1; grid-row:2; }
 .bit-article-layout--solo .bit-article-main { grid-row:1; }
 .bit-article-toc nav { max-block-size:50svh; }
 .bit-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .bit-article-head { margin-block-end:2rem; }
}
@media(max-width:580px) {
 .bit-breadcrumb { margin-block-end:2.5rem; }
 .bit-breadcrumb li[aria-current] { display:none; }
 .bit-article-meta { gap:.65rem 1rem; }
 .bit-story-grid { grid-template-columns:minmax(0,1fr); }
 .bit-article-cover { margin-block-end:1.75rem; }
 .bit-article-content { line-height:1.8; }
}
@media(prefers-reduced-motion:reduce) { .bit-article-toc summary span { transition:none; } }
@media print {
 .bit-article-rail,.bit-related,.bit-article-comments,.bit-header,.bit-footer { display:none !important; }
 .bit-article-layout { display:block; }
 .bit-article-content { font-size:11pt; }
 .bit-article { inline-size:100%; padding:0; }
 .bit-article-content :where(figure,.wp-block-group) { break-inside:avoid; }
}