/* Redesign components (ARCHITECTURE_V2 §2.5): status bar, provenance legend, question rail, KPI tiles, and
   denser mobile layouts. Token-based; !important only where older rules forced values with it. */

/* Edition status bar */
.publication .status-bar{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s6);padding:var(--s1) 0;border-bottom:1px solid var(--rule);font:400 var(--fs-meta)/1.4 var(--font-meta);color:var(--ink-2)}
.publication .status-bar b{font-weight:600;color:var(--ink);margin-right:var(--s2)}
.publication .status-bar a{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;color:var(--accent)}

/* Provenance legend: the four labels with one-line definitions, before first use */
.publication .provenance-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s6);margin:var(--s4) 0}
.publication .provenance-legend div{display:grid;gap:var(--s1);align-content:start}
.publication .provenance-legend dt,.publication .provenance-legend dd{margin:0}
.publication .provenance-legend dd{font:400 13px/1.4 var(--font-body);color:var(--ink-2)}

/* Q1–Q5: the five questions, each with its plain-English answer */
.publication .question-rail{padding:var(--s8) 0;border-top:1px solid var(--rule)}
.publication .question-rail h2{font:600 var(--t-h3)/1.3 var(--font-head);margin:0 0 var(--s4)}
.publication .question-rail ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4);counter-reset:q}
.publication .question-rail li{counter-increment:q}
.publication .question-rail a{display:grid;align-content:start;gap:var(--s2);height:100%;padding:var(--s4);border:1px solid var(--rule);border-radius:var(--radius-surface);background:var(--surface);color:var(--ink);text-decoration:none}
.publication .question-rail a::before{content:"Q" counter(q);font:600 12px var(--font-meta);color:var(--accent)}
.publication .question-rail a:hover strong{text-decoration:underline;text-underline-offset:3px}
.publication .question-rail strong{font:600 16px/1.35 var(--font-head)}
.publication .question-rail span{font:400 14px/1.5 var(--font-body);color:var(--ink-2)}
@media(max-width:1100px){.publication .question-rail ol{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* KPI tiles: label + provenance, the number, one line, sparkline, source · measurement period, ⓘ for the rest */
.publication .kpi-tile{display:flex;flex-direction:column;gap:var(--s2)}
.publication .kpi-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--s2)}
.publication .kpi-head h3{margin:0;font:600 12px/1.35 var(--font-meta)!important;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}
.publication .kpi-tile .statvalue{margin:var(--s2) 0 0!important}
.publication .kpi-tile .metric-change{margin:0;font:400 var(--fs-small)/1.4 var(--font-body);color:var(--ink-2)}
.publication .kpi-tile .metric-visual{margin-top:auto}
.publication .kpi-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--s2);padding-top:var(--s2);border-top:1px solid var(--rule);font:400 12px/1.4 var(--font-body);color:var(--ink-3)}
.publication .kpi-measured{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.publication .kpi-more>summary{list-style:none;cursor:pointer;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:16px;color:var(--ink-2)}
.publication .kpi-more>summary::-webkit-details-marker{display:none}
.publication .kpi-more>summary:hover,.publication .kpi-more[open]>summary{background:var(--bg);color:var(--accent)}
.publication .kpi-more[open]{flex-basis:100%;display:flex;flex-direction:column;align-items:flex-end}
.publication .kpi-more-body{align-self:stretch;margin-top:var(--s2);padding:var(--s3);border-radius:var(--radius);background:var(--bg);font:400 13px/1.5 var(--font-body);color:var(--ink-2)}
.publication .kpi-more-body p{margin:0 0 var(--s2)}.publication .kpi-more-body p:last-child{margin:0}

@media(max-width:767px){
 .publication .provenance-legend{gap:var(--s3) var(--s4)}
 .publication .question-rail{padding:var(--s6) 0}
 .publication .question-rail ol{grid-template-columns:1fr;gap:var(--s2)}
 .publication .question-rail a{padding:var(--s3) var(--s4)}
 .publication .question-rail span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .publication .metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .publication .metric-strip .kpi-tile{padding:var(--s4) var(--s3)!important;border-right:1px solid var(--rule)!important;border-bottom:1px solid var(--rule)!important}
 .publication .metric-strip .kpi-tile:nth-child(2n){border-right:0!important}
 .publication .metric-strip .kpi-tile:nth-last-child(-n+2){border-bottom:0!important}
 .publication .kpi-more>summary{width:44px;height:44px;margin:-6px -10px -6px 0}
 /* Model finder: swipe instead of stacking every card. */
 .publication .homepage-model-grid{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column;grid-auto-columns:84%;gap:var(--s3);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding-bottom:var(--s2)}
 .publication .homepage-model-grid>*{scroll-snap-align:start}
 /* Latest signals: the lead keeps its image; the rest are compact text rows. */
 .publication .recent-coverage .secondary-story .signal-tile{display:none}
}

/* Higher-specificity overrides: legacy typography rules use :is(#main,…) and !important. */
:is(#main,.document-main) .publication .kpi-tile{text-align:left!important;align-items:stretch}
:is(#main,.document-main) .publication .kpi-head h3{font:600 12px/1.35 var(--font-meta)!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:var(--ink-2)!important;margin:0!important;text-align:left!important}
:is(#main,.document-main) .publication .kpi-tile .statvalue{text-align:left!important;justify-content:flex-start}
:is(#main,.document-main) .publication .kpi-tile .metric-change{text-align:left!important}
:is(#main,.document-main) .publication .question-rail{display:block!important}
:is(#main,.document-main) .publication .question-rail h2{font:600 var(--t-h3)/1.3 var(--font-head)!important}
@media(max-width:767px){
 /* Money loop: label, value and bar visible; context and limits stay in each card's ⓘ. */
 :is(#main,.document-main) .publication .cm-overview .loop-metric-cell h3{font:600 11px/1.3 var(--font-meta)!important;text-transform:uppercase;letter-spacing:.03em}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-cell>strong{font-size:28px!important}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-cell>:not(.loop-metric-heading):not(strong):not(.loop-metric-visual){display:none}
 /* Latest signals: three-line summaries; the full text is one tap away on each record page. */
 :is(#main,.document-main) .publication .recent-coverage .card.news>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:var(--s2) 0}
 :is(#main,.document-main) .publication .recent-coverage .card.news{padding:var(--s4) 0!important}
}

/* The subscribe heading was cream on a cream band (invisible) in the live design; give it ink. */
:is(#main,.document-main) .publication .subscribe-band h2{color:var(--ink)!important}
@media(max-width:767px){
 :is(#main,.document-main) .publication .cm-overview .loop-metric-heading{display:flex;align-items:flex-start;gap:2px}
 :is(#main,.document-main) .publication .cm-overview .cm-meta{font-size:12px!important;line-height:1.45!important;margin:var(--s1) 0 var(--s2)!important}
 :is(#main,.document-main) .publication .recent-coverage .news-grid{gap:0!important}
 :is(#main,.document-main) .publication .recent-coverage .card.news{border-top:1px solid var(--rule)!important;border-bottom:0!important;margin:0!important;padding:var(--s4) 0!important}
 :is(#main,.document-main) .publication .recent-coverage .card.news h3{margin:var(--s2) 0 0!important}
 :is(#main,.document-main) .publication .recent-coverage .card.news .news-footer{margin-top:var(--s2)!important;padding-top:var(--s2)!important}
 :is(#main,.document-main) .publication .recent-coverage .card.news .news-top{margin:0!important}
 :is(#main,.document-main) .publication .model-use-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:var(--s2);padding-bottom:var(--s1);scrollbar-width:none}
 :is(#main,.document-main) .publication .model-use-tabs>button{flex:none;white-space:nowrap}
}
@media(max-width:767px){
 /* Hero: compact legend rows (label beside its definition), smaller edition headline, tighter rhythm. */
 :is(#main,.document-main) .publication .hero{padding:var(--s4) 0 var(--s2)!important;gap:var(--s4)!important}
 :is(#main,.document-main) .publication .hero h1{margin:var(--s3) 0!important}
 :is(#main,.document-main) .publication .hero .dek{font-size:16px!important;margin:0 0 var(--s3)!important}
 :is(#main,.document-main) .publication .provenance-legend{grid-template-columns:1fr;gap:var(--s2);margin:var(--s3) 0}
 :is(#main,.document-main) .publication .provenance-legend div{grid-template-columns:minmax(0,13ch) 1fr;align-items:baseline;gap:var(--s3)}
 :is(#main,.document-main) .publication .provenance-legend dd{font-size:13px!important;line-height:1.35!important}
 :is(#main,.document-main) .publication .hero-actions{margin-top:var(--s4)!important}
 :is(#main,.document-main) .publication .edition-lead{padding:var(--s4) 0!important}
 :is(#main,.document-main) .publication .edition-lead h2{font-size:20px!important;line-height:1.3!important;margin:var(--s3) 0!important}
 :is(#main,.document-main) .publication .edition-lead p{font-size:15px!important}
 /* Signals and KPIs: two-line summaries, shorter sparklines. */
 :is(#main,.document-main) .publication .recent-coverage .card.news>p{-webkit-line-clamp:2}
 :is(#main,.document-main) .publication .kpi-tile .metric-visual{max-height:36px;overflow:hidden}
 :is(#main,.document-main) .publication .kpi-tile .metric-visual svg{height:36px}
}

/* Legend rows: no inherited badge margins. One accent: the money-map call to action uses it too. */
:is(#main,.document-main) .publication .provenance-legend .provenance{margin:0!important}
:is(#main,.document-main) .publication .provenance-legend div,:is(#main,.document-main) .publication .provenance-legend dt{margin:0!important;padding:0!important}
:is(#main,.document-main) .publication .money-map-cta{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}

@media(max-width:767px){
 /* Money loop metrics: three compact full-width rows — label and ⓘ, then value beside its bar. */
 :is(#main,.document-main) .publication .cm-overview .loop-metric-strip{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-cell{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:var(--s4);padding:var(--s3) 0!important;border:0!important;border-top:1px solid var(--rule)!important}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-heading{grid-column:1/-1}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-heading h3{flex:1;margin:0!important}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-cell>strong{font-size:26px!important;margin:var(--s1) 0 0!important}
 :is(#main,.document-main) .publication .cm-overview .loop-metric-visual{width:100%;height:24px;margin:0!important}
 :is(#main,.document-main) .publication .cm-overview .cm-overview-story{gap:var(--s3)!important;margin:var(--s3) 0!important}
 :is(#main,.document-main) .publication .cm-overview .cm-overview-story h3{margin:var(--s2) 0!important}
 :is(#main,.document-main) .publication .section-heading,:is(#main,.document-main) .publication .section-kicker{margin-bottom:var(--s3)!important;gap:var(--s2)!important}
}
@media(max-width:767px){
 :is(#main,.document-main) .publication .recent-coverage .card.news .plain.link{margin:var(--s1) 0 0!important;display:inline-flex;min-height:32px;align-items:center}
 :is(#main,.document-main) .publication .recent-coverage .card.news .news-footer{margin-top:var(--s1)!important;padding-top:0!important;border-top:0!important;gap:var(--s1)!important}
 :is(#main,.document-main) .publication .recent-coverage .see-all-signals{margin-top:var(--s4)!important}
 :is(#main,.document-main) .publication .homepage-lab{padding-bottom:var(--s6)!important}
 :is(#main,.document-main) .publication .homepage-lab .homepage-model-grid{margin-bottom:0!important}
 :is(#main,.document-main) .publication .subscribe-band{padding:var(--s8) 0!important;margin:0!important}
 :is(#main,.document-main) .publication .cm-overview .mini-diagram,:is(#main,.document-main) .publication .cm-overview svg.cm-mini{margin:0!important}
}
@media(max-width:767px){
 /* Edition lead: the headline links to the full edition, so three lines are enough here. */
 :is(#main,.document-main) .publication .edition-lead h2 a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 :is(#main,.document-main) .publication .edition-lead>p:not(.eyebrow){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 var(--s3)!important}
 :is(#main,.document-main) .publication .question-rail h2{margin:0 0 var(--s3)!important}
}

/* Tap targets (layout gate): 44px on touch screens, 24px with a pointer (WCAG 2.2 AA). */
:is(#main,.document-main,body) :is(.access-links a,.news-footer a,.recent-coverage .card.news .plain.link){display:inline-flex!important;align-items:center;min-height:24px}
:is(#main,.document-main,body) :is(.bw-corporate-item,.audit-grid,.card,.document-main) details>summary{min-height:24px;display:flex;align-items:center;gap:6px}
:is(#main,.document-main,body) :is(.bw-corporate-item,.audit-grid,.card,.document-main) details>summary::-webkit-details-marker{display:none}
.readers-banner .rb-how{min-height:44px!important;margin:-4px 0!important}
.publication-footer nav a{min-width:44px;justify-content:center}
@media(max-width:767px){
 :is(#main,.document-main,body) :is(.access-links a,.news-footer a,.recent-coverage .card.news .plain.link){min-height:44px!important}
 :is(#main,.document-main,body) :is(.bw-corporate-item,.audit-grid,.card,.document-main) details>summary{min-height:44px}
}
/* Citation rows (source link + verification date): enlarge the tap area without moving the layout. */
:is(.bw-event-sources,.gauge-sources,.bw-calendar,.bw-tests,.bubble-watch .card) a[target="_blank"]{display:inline-block;padding:3px 0;margin:-3px 0}
:is(label.research-check,.cm-controls label){display:inline-flex;align-items:center;min-height:24px;min-width:24px;gap:6px}
@media(max-width:767px){
 :is(.bw-event-sources,.gauge-sources,.bw-calendar,.bw-tests,.bubble-watch .card) a[target="_blank"]{padding:13px 0;margin:-13px 0}
 :is(label.research-check,.cm-controls label){min-height:44px;min-width:44px}
}
/* Standalone "→" links that sit directly in a section or card (not in running text). */
:is(#main,.document-main) :is(section,div,article,form)>a.internal-link:not(.button):not(.primary):not(.icon-button){display:inline-flex;align-items:center;min-height:24px}
@media(max-width:767px){:is(#main,.document-main) :is(section,div,article,form)>a.internal-link:not(.button):not(.primary):not(.icon-button){min-height:44px}
 :is(#main,.document-main) .publication .hero h1{margin:var(--s2) 0!important}}

/* ===== UI consistency pass ===== */
/* One container: every page's content starts at the same left edge (1200px, gutter-padded). */
.document-main{max-width:calc(1200px + 2 * var(--gutter))!important;margin:0 auto!important;padding:0 var(--gutter) var(--s16)!important;min-height:55vh}
/* App pages: the title block supplies the top spacing, as on document pages. */
#main:has(>.page-head,>.cm-page>.page-head){padding-top:0!important}
.document-main :is(p,li,dd){max-width:72ch}
.document-main .card :is(p,li,dd),.document-main table :is(p,li){max-width:none}

/* One title block (.page-head): eyebrow → title → standfirst → meta, on one rhythm. */
:is(#main,.document-main,body) .page-head{display:block!important;position:static!important;padding:var(--s12) 0 var(--s8)!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;text-align:left!important;min-height:0!important;height:auto!important}
:is(#main,.document-main,body) .page-head>div{display:block!important}
:is(#main,.document-main,body) .page-head .eyebrow{display:block!important;font:600 13px/1.4 var(--font-meta)!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--ink-3)!important;margin:0 0 var(--s3)!important;padding:0!important;background:none!important}
:is(#main,.document-main,body) .page-head h1{font:600 var(--fs-display)/1.12 var(--font-head)!important;letter-spacing:-.015em!important;color:var(--ink)!important;margin:0!important;max-width:24ch!important}
:is(#main,.document-main,body) .page-head :is(.subtitle,.dek,.direct-answer){font:400 var(--t-lead)/1.5 var(--font-body)!important;color:var(--ink-2)!important;max-width:64ch!important;margin:var(--s4) 0 0!important}
:is(#main,.document-main,body) .page-head :is(.page-meta,.cm-stat){display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s4);margin:var(--s4) 0 0!important;font:400 var(--fs-meta)/1.4 var(--font-meta)!important;color:var(--ink-3)!important}
:is(#main,.document-main,body) .page-head .page-meta .update-line{margin:0!important;font:inherit!important}
/* Bubble Watch keeps its verdict scale (the verdict is the headline); only the frame aligns. */
:is(#main,.document-main,body) .bw-hero.page-head h1{font:600 var(--t-h3)/1.3 var(--font-head)!important;max-width:none!important}
:is(#main,.document-main,body) .aw-hero.page-head h1{max-width:22ch!important}
@media(max-width:767px){:is(#main,.document-main,body) .page-head{padding:var(--s8) 0 var(--s6)!important}}

/* The delayed-update notice reads the same on every page. */
.update-delay-notice{display:block!important;position:static!important;width:auto!important;height:auto!important;text-align:center!important;font:400 13px/1.5 var(--font-body)!important;padding:8px var(--gutter)!important;margin:0!important}
.update-delay-notice[hidden]{display:none!important}

/* Short FAQs and caveats shown inline (see SiteUI.inlineShortDisclosures). */
.inline-note{margin:var(--s4) 0;padding:0 0 0 var(--s4);border-left:2px solid var(--rule)}
.inline-note-label{margin:0 0 var(--s1)!important;font:600 var(--fs-small)/1.4 var(--font-body)!important;color:var(--ink)!important}
.inline-faq .inline-note-label{font:600 16px/1.35 var(--font-head)!important}
.inline-note>:not(.inline-note-label){margin:0 0 var(--s2)!important;color:var(--ink-2)}
.inline-note>:last-child{margin-bottom:0!important}

/* Remaining disclosures: one look everywhere — chevron, label, spacing. */
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:var(--s2);min-height:24px;font:600 var(--fs-small)/1.4 var(--font-body);color:var(--ink)}
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)>summary::-webkit-details-marker{display:none}
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)>summary::before{content:"";flex:none;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg);transition:transform .15s;margin-right:2px}
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)[open]>summary::before{transform:rotate(45deg)}
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)>summary:hover{color:var(--accent)}
:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)[open]>summary{margin-bottom:var(--s2)}
@media(max-width:767px){:is(#main,.document-main) details:not(.nav-group):not(.kpi-more)>summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){:is(#main,.document-main) details>summary::before{transition:none}}

/* One button and one card across app pages (document pages keep .card as an unboxed section). */
:is(#main,.document-main) .button:not(.primary):not(.icon-button){display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:40px;padding:0 var(--s4)!important;border:1px solid var(--rule)!important;border-radius:var(--radius)!important;background:var(--surface)!important;color:var(--ink)!important;font:600 14px/1.2 var(--font-body)!important;text-decoration:none!important}
:is(#main,.document-main) .button:not(.primary):not(.icon-button):hover{border-color:var(--ink-3)!important}
#main .card:not(.news):not(.publication .card){padding:var(--s6)!important;background:var(--surface)!important;border:1px solid var(--rule)!important;border-radius:var(--radius-surface)!important;box-shadow:none!important}
@media(max-width:767px){:is(#main,.document-main) .button:not(.primary):not(.icon-button){min-height:44px}}

/* Email signup */
.subscribe-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
#subscribe-result:empty{display:none}
#subscribe-result{margin:var(--s3) 0 0;font-size:var(--fs-small)}
#subscribe-result.subscribe-ok{color:var(--ink);font-weight:600}
#subscribe-result.subscribe-error{color:var(--ink-2)}
.subscribe-privacy{margin:var(--s3) 0 0;font-size:12px;line-height:1.5;color:var(--ink-3);max-width:60ch}
:is(#main,.document-main) #subscribe .subscribe-privacy{font:400 12px/1.45 var(--font-body)!important;color:var(--ink-3)!important;margin:var(--s3) 0 0!important}
:is(#main,.document-main) #subscribe #subscribe-result{margin:var(--s3) 0 0!important;font-size:14px!important}
:is(#main,.document-main) #subscribe #subscribe-result:empty{display:none!important}
:is(#main,.document-main) #subscribe form{margin-bottom:var(--s3)!important}
/* Input and button share one row, even on phones. */
:is(#main,.document-main) #subscribe form>div{display:flex!important;flex-direction:row!important;gap:var(--s2)!important}
:is(#main,.document-main) #subscribe form>div input{flex:1 1 auto!important;min-width:0!important;width:auto!important}
:is(#main,.document-main) #subscribe form>div .subscribe-cta{flex:none!important;width:auto!important;padding:0 var(--s4)!important}

/* Links: one treatment site-wide. Links inside running text keep a quiet underline (colour alone is not enough
   to tell them apart from text); titles, record links, calls to action and controls stay clean until hovered. */
:is(#main,.document-main) a{text-decoration-line:none}
:is(#main,.document-main) :is(p,li,dd,td,figcaption,blockquote) a:not(.button):not(.primary):not(.chip):not(.icon-button):not(.record-link):not(.bw-record){text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:color-mix(in srgb,currentColor 30%,transparent)}
:is(#main,.document-main) :is(h1,h2,h3,h4) a{text-decoration-line:none!important}
:is(#main,.document-main) a:not(.button):not(.primary):not(.chip):not(.icon-button):hover{text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:currentColor}
body .readers-banner .rb-how{text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb,currentColor 35%,transparent)}
body .readers-banner .rb-how:hover{text-decoration-color:currentColor}
/* The record link sits on its own line under the dates. */
:is(#main,.document-main,body) .bw-record{display:flex!important;align-items:center;width:fit-content;min-height:24px;margin-top:var(--s1)!important}
@media(max-width:767px){:is(#main,.document-main,body) .bw-record{min-height:44px!important}}
