/* ============================================================
   The Weekly Briefing — editorial dashboard.
   Ported from design_handoff_weekly_briefing/briefing-styles.css.
   Reuses tokens declared in index.css (--ace-*).
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700;9..144,900&display=swap');

/* PAGE FRAME — sidebar + topbar live above this; the briefing fills the content area */
.brf-stage{
  background:#f6f3ee; /* warm newsprint */
  font-family:'Manrope', system-ui, sans-serif;
  color: var(--ace-text);
  min-height:100vh;
  width:100%;
}
.brf-page{
  background:#f6f3ee;
  display:flex; flex-direction:column;
  min-width:0;
}

/* STICKY READER CHROME */
.brf-chrome{
  position:sticky; top:0; z-index:40;
  background:rgba(246,243,238,0.92);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(2,60,91,0.12);
  display:flex; align-items:center; gap:18px;
  padding: 12px 56px;
  font-size:11.5px; font-weight:700; color:var(--ace-text-secondary);
}
.brf-chrome .crumbs{ display:flex; align-items:center; gap:8px; min-width:0; }
.brf-chrome .crumbs a{ color:var(--ace-text-secondary); text-decoration:none; }
.brf-chrome .crumbs a:hover{ color:var(--ace-navy); }
.brf-chrome .crumbs .sep{ opacity:.4; }
.brf-chrome .crumbs .here{ color:var(--ace-navy); font-weight:800; }
.brf-chrome .crumbs .trail{ color:var(--ace-text-muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.brf-chrome .progress{
  flex:1; height:3px; background:rgba(2,60,91,0.08); border-radius:2px; overflow:hidden;
  max-width: 360px; margin: 0 12px;
}
.brf-chrome .progress > i{
  display:block; height:100%; width:0%; background:var(--ace-navy);
  border-radius:2px; transition:width .25s ease;
}
.brf-chrome .actions{ display:flex; gap:6px; }
.brf-chrome .actions .brf-action{
  border:1px solid rgba(2,60,91,0.14); background:rgba(255,255,255,0.6);
  color:var(--ace-navy); font-weight:800; font-size:11px;
  padding:6px 11px; border-radius:7px; cursor:pointer;
  display:inline-flex; align-items:center; gap:6px;
  font-family:inherit; text-decoration:none;
  transition: background .15s, border-color .15s;
}
.brf-chrome .actions .brf-action:hover{ background:#fff; border-color:var(--ace-navy); }
.brf-chrome .actions .brf-action.primary{
  background:var(--ace-navy); color:#fff; border-color:var(--ace-navy);
}
.brf-chrome .actions .brf-action.primary:hover{ background:#012a40; }

/* ISSUE PICKER */
.brf-picker{
  display:flex; align-items:center; gap:18px;
  padding: 12px 56px;
  background:#fbf9f5;
  border-bottom:1px solid rgba(2,60,91,0.08);
  font-size:11px; font-weight:800; letter-spacing:.4px;
  text-transform:uppercase; color:var(--ace-text-secondary);
}
.brf-picker label{ display:inline-flex; align-items:center; gap:8px; cursor:pointer; }
.brf-picker select{
  font-family:inherit; font-size:12px; font-weight:700; letter-spacing:0;
  text-transform:none; color:var(--ace-navy);
  background:#fff; border:1px solid rgba(2,60,91,0.15); border-radius:7px;
  padding:5px 10px; cursor:pointer;
  transition: border-color .15s;
}
.brf-picker select:hover{ border-color:var(--ace-navy); }
.brf-picker-spacer{ flex:1; }
.brf-picker-archive{
  color:var(--ace-navy); text-decoration:none; font-weight:800;
  letter-spacing:.4px; font-size:11px;
}
.brf-picker-archive:hover{ text-decoration:underline; }

/* MASTHEAD */
.brf-masthead{
  background: linear-gradient(180deg, #fff 0%, #faf7f1 100%);
  border-bottom: 3px double var(--ace-navy);
  padding: 44px 56px 28px;
  display:grid; grid-template-columns:1fr auto 1fr;
  align-items:end; gap:24px;
}
.brf-masthead .left,
.brf-masthead .right{
  font-size:11px; font-weight:800; letter-spacing:.8px;
  text-transform:uppercase; color:var(--ace-text-secondary);
}
.brf-masthead .right{ text-align:right; display:flex; gap:14px; justify-content:flex-end; align-items:center; }
.brf-masthead .live-dot{
  width:8px; height:8px; border-radius:50%; background:#A3D971;
  box-shadow:0 0 0 3px rgba(163,217,113,0.25); display:inline-block;
}
.brf-nameplate{
  text-align:center;
  font-family:'Fraunces', Georgia, serif;
  font-weight:900; font-size:64px; letter-spacing:-2px; line-height:.95;
  color:var(--ace-navy);
  font-variation-settings:"opsz" 144;
}
.brf-nameplate em{
  font-style:italic; font-weight:700;
  color:var(--ace-critical);
}
.brf-tagline{
  text-align:center;
  font-size:11px; font-weight:800; letter-spacing:3px;
  text-transform:uppercase; color:var(--ace-text-secondary);
  margin-top:10px;
}

/* TOC */
.brf-toc{
  background:#fff; border-bottom:1px solid rgba(2,60,91,0.1);
  padding: 14px 56px;
  display:flex; gap:30px; align-items:center;
  font-size:11px; font-weight:800; letter-spacing:.6px;
  text-transform:uppercase; color:var(--ace-text-secondary);
  overflow-x:auto;
}
.brf-toc .label{ color:var(--ace-navy); flex:none; }
.brf-toc a{
  display:inline-flex; gap:8px; align-items:center;
  text-decoration:none; color:inherit; white-space:nowrap;
  padding: 4px 0; border-bottom: 2px solid transparent;
  transition: color .15s, border-color .15s;
}
.brf-toc a:hover{ color:var(--ace-navy); border-bottom-color:var(--ace-navy); }
.brf-toc a .num{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  color:var(--ace-text-muted); font-weight:700;
}
.brf-toc a.crit .num{ color:var(--ace-critical); }
.brf-toc .read{ margin-left:auto; flex:none; }

/* ARTICLE */
.brf-article{
  max-width: 1280px; width:100%;
  margin: 0 auto;
  padding: 56px 56px 80px;
  display:flex; flex-direction:column; gap: 64px;
}
html{ scroll-behavior:smooth; }

.brf-divider{
  display:flex; align-items:center; gap:16px;
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size:10.5px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase;
  color:var(--ace-text-muted);
}
.brf-divider::before,
.brf-divider::after{
  content:""; flex:1; height:1px;
  background-image: linear-gradient(to right, rgba(2,60,91,0.2) 50%, transparent 50%);
  background-size: 6px 1px; background-repeat: repeat-x;
}

/* TYPE PRIMITIVES */
.brf-eyebrow{
  font-size:10.5px; font-weight:900; letter-spacing:2.6px;
  text-transform:uppercase; color:var(--ace-navy);
  display:inline-flex; align-items:center; gap:10px;
  margin-bottom:10px;
}
.brf-eyebrow.crit{ color:var(--ace-critical); }
.brf-eyebrow.good{ color:#2e7c1c; }
.brf-eyebrow .num{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-weight:700; letter-spacing:1px;
}
.brf-eyebrow .dot{
  width:6px; height:6px; border-radius:50%; background:currentColor;
}

.brf-headline{
  margin:0;
  font-family:'Fraunces', Georgia, serif;
  font-weight:900; line-height:1.06; letter-spacing:-1.2px;
  color:var(--ace-navy);
  font-variation-settings:"opsz" 144;
  text-wrap:balance;
  padding-bottom: 0.06em;
}
.brf-headline.crit{ color:var(--ace-critical); }
.brf-headline.h-xl{ font-size: 64px; letter-spacing:-2.4px; }
.brf-headline.h-l { font-size: 44px; letter-spacing:-1.4px; }
.brf-headline.h-m { font-size: 32px; letter-spacing:-.8px; }
.brf-headline.h-s { font-size: 22px; letter-spacing:-.4px; line-height:1.15; }
.brf-headline em{
  font-style:italic; font-weight:700;
  color:var(--ace-critical);
}

.brf-deck{
  margin: 18px 0 0;
  font-size: 17px; line-height: 1.55; color: var(--ace-text-secondary);
  max-width: 56ch; text-wrap:pretty; font-weight:500;
}
.brf-deck strong{ color:var(--ace-navy); font-weight:800; }

.brf-body{
  margin: 14px 0 0;
  font-size: 14.5px; line-height: 1.6; color: var(--ace-text);
  max-width: 60ch; text-wrap:pretty;
}
.brf-body strong{ color:var(--ace-navy); font-weight:800; }
.brf-body .pos{ color:#2e7c1c; font-weight:800; }
.brf-body .neg{ color:var(--ace-critical); font-weight:800; }

.brf-body.lead::first-letter{
  font-family:'Fraunces', Georgia, serif;
  font-weight:900; font-size:62px; line-height:.85;
  float:left; padding: 6px 10px 0 0; color:var(--ace-navy);
}

.brf-byline{
  display:flex; align-items:center; gap:12px;
  font-size:11px; font-weight:700; letter-spacing:.4px;
  color:var(--ace-text-muted);
  padding-top:16px; margin-top:18px;
  border-top:1px dashed rgba(2,60,91,0.18);
}
.brf-byline .grow{ flex:1; }
.brf-byline a{
  color:var(--ace-navy); cursor:pointer; text-decoration:none; font-weight:800;
}
.brf-byline a:hover{ text-decoration:underline; }

.brf-pullquote{
  margin: 24px 0 0;
  padding: 18px 22px;
  background:#fff;
  border-left:4px solid var(--ace-critical);
  border-radius: 2px 10px 10px 2px;
  font-family:'Fraunces', Georgia, serif;
  font-style:italic; font-weight:500;
  font-size: 18px; line-height: 1.45;
  color:var(--ace-navy);
  text-wrap:pretty;
}
.brf-pullquote .src{
  display:block;
  font-family:'Manrope', sans-serif; font-style:normal;
  font-size: 10.5px; font-weight:800; letter-spacing:.4px;
  color: var(--ace-text-muted); text-transform:uppercase;
  margin-top: 12px;
}

/* CHAT HOOK */
.brf-chat-hook{
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px;
  margin-left:6px; border-radius:5px;
  color:var(--ace-text-muted);
  background:rgba(2,60,91,0.04);
  text-decoration:none;
  vertical-align: middle;
  transition: color .15s, background .15s;
  flex:none;
}
.brf-chat-hook:hover{ color:var(--ace-navy); background:rgba(2,60,91,0.1); }

/* LEAD */
.brf-lead{
  display:grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 56px;
  align-items:start;
}
.brf-lead .copy{ min-width:0; }
.brf-lead .visual{ display:flex; flex-direction:column; gap:18px; min-width:0; }

.brf-numeral{
  position:relative; overflow:hidden;
  background:#fff;
  border:1px solid rgba(2,60,91,0.1);
  border-radius:14px;
  padding: 28px 30px 26px;
  box-shadow: 0 1px 0 rgba(2,60,91,0.04), 0 12px 36px -24px rgba(2,60,91,0.25);
}
.brf-numeral .bg{
  position:absolute; inset:0; opacity:.18; pointer-events:none;
}
.brf-numeral .label{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size:10.5px; font-weight:700; letter-spacing:1.4px;
  text-transform:uppercase; color:var(--ace-critical);
  margin-bottom:10px; position:relative;
}
.brf-numeral .big{
  font-family:'Fraunces', Georgia, serif;
  font-weight:900; font-size:128px; line-height:1;
  letter-spacing:-5px; color:var(--ace-critical);
  font-variant-numeric: tabular-nums;
  display:flex; align-items:baseline; gap:4px;
  position:relative;
  padding-top: 4px;
}
.brf-numeral .big .pct{
  font-size:.36em; font-weight:800; letter-spacing:-1px; transform:translateY(-32px);
}
.brf-numeral .big .arrow{
  font-size:.6em; color:var(--ace-critical); margin-right:8px;
  font-family:'Manrope', sans-serif; font-weight:900;
}
.brf-numeral .big .brf-chat-hook{
  align-self:center; margin-bottom: 14px; margin-left: 14px;
}
.brf-numeral .meta{
  margin-top:12px; font-size:13.5px; font-weight:700;
  color:var(--ace-text-secondary); position:relative;
}
.brf-numeral .meta .gap{
  color:var(--ace-critical); font-weight:800;
}

.brf-vizcard{
  background:#fff; border:1px solid rgba(2,60,91,0.1);
  border-radius:14px;
  padding: 18px 20px 14px;
  box-shadow: 0 1px 0 rgba(2,60,91,0.04);
}
.brf-vizcard .head{
  display:flex; align-items:center; justify-content:space-between; margin-bottom:8px;
}
.brf-vizcard .head .ttl{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size:10.5px; font-weight:700; letter-spacing:1.4px;
  text-transform:uppercase; color:var(--ace-text-muted);
}
.brf-vizcard .caption{
  font-size:11.5px; color:var(--ace-text-muted);
  margin-top: 8px; font-style:italic; text-align:center;
}

/* CHANNEL SPLIT */
.brf-channel{
  display:grid; grid-template-columns: 280px 1fr; gap: 56px; align-items:center;
}
.brf-donut-wrap{ text-align:center; }
.brf-donut-legend{
  display:flex; flex-direction:column; gap:7px;
  margin-top:22px; text-align:left;
  font-size:12px; font-weight:700; color:var(--ace-text);
}
.brf-donut-legend .row{
  display:grid; grid-template-columns: 14px 1fr auto; gap:10px; align-items:center;
}
.brf-donut-legend .sw{ width:10px; height:10px; border-radius:2px; }
.brf-donut-legend .v{
  font-variant-numeric: tabular-nums; font-weight:800; color:var(--ace-navy);
}

.brf-tile-grid{
  display:grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
  margin-top: 24px;
}
.brf-tile{
  background:#fff;
  border:1px solid rgba(2,60,91,0.1);
  border-radius:10px;
  padding: 14px 16px 12px;
  position:relative;
}
.brf-tile::before{
  content:""; position:absolute; left:0; top:14px; bottom:14px; width:2px;
  background: var(--accent, var(--ace-navy));
  border-radius:2px;
}
.brf-tile .lab{
  font-size:9.5px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:var(--ace-text-muted);
}
.brf-tile .val{
  font-family:'Fraunces', Georgia, serif;
  font-size: 26px; font-weight:900; letter-spacing:-.5px;
  color: var(--accent, var(--ace-navy));
  font-variant-numeric: tabular-nums;
  margin-top:4px;
}
.brf-tile .sub{ font-size:11.5px; color:var(--ace-text-secondary); font-weight:700; }
.brf-tile.crit{ --accent: var(--ace-critical); }
.brf-tile.warn{ --accent: #b3711e; }
.brf-tile.good{ --accent: #2e7c1c; }

/* MOVERS */
.brf-movers{
  display:grid; grid-template-columns: 1fr 1fr; gap: 36px;
}
.brf-mover-hooks{
  display:flex; flex-wrap:wrap; gap:6px;
  margin-top:10px;
  font-size:10.5px; font-weight:700; color:var(--ace-text-muted);
}
.brf-mover-hook{
  display:inline-flex; align-items:center; gap:4px;
  padding:2px 8px 2px 4px;
  background:rgba(2,60,91,0.04);
  border-radius:14px;
}
.brf-mover-hook .brf-chat-hook{
  width:18px; height:18px; margin-left:0; background:transparent;
}
.brf-mover-hook-label{ font-weight:700; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* MAP */
.brf-map{
  display:grid; grid-template-columns: 0.85fr 1.15fr; gap: 36px; align-items:start;
}
.brf-takeaways{
  list-style:none; padding:0; margin: 22px 0 0;
  display:flex; flex-direction:column; gap: 14px;
}
.brf-takeaways li{
  display:grid; grid-template-columns: 14px 1fr; gap:14px;
  align-items:flex-start;
}
.brf-takeaways .marker{
  width:8px; height:8px; border-radius:50%; margin-top:7px;
  background: var(--mc, var(--ace-navy));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--mc, var(--ace-navy)) 18%, transparent);
}
.brf-takeaways .t{
  font-size:13.5px; font-weight:800; color:var(--ace-navy);
  display:inline-flex; align-items:center; gap:4px;
}
.brf-takeaways .s{ font-size:12.5px; color:var(--ace-text-secondary); line-height:1.5; margin-top:2px; }
.brf-takeaways li.crit{ --mc: var(--ace-critical); }
.brf-takeaways li.warn{ --mc: #d39151; }
.brf-takeaways li.good{ --mc: #6db64a; }

/* AGENDA */
.brf-agenda{
  display:grid; grid-template-columns: repeat(5, 1fr); gap: 14px;
}
.brf-card{
  position:relative; overflow:hidden;
  background:#fff;
  border:1px solid rgba(2,60,91,0.1);
  border-radius: 12px;
  padding: 18px 16px 14px;
  display:flex; flex-direction:column; gap:8px;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  min-height: 200px;
}
.brf-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -16px rgba(2,60,91,0.25);
  border-color: var(--ace-navy);
}
.brf-card .stripe{
  position:absolute; top:0; left:0; right:0; height:3px;
  background: var(--accent, var(--ace-navy));
}
.brf-card .num{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size: 11px; font-weight: 700; letter-spacing: 1px;
  color: var(--accent, var(--ace-navy));
}
.brf-card h3{
  margin:0; font-family:'Fraunces', Georgia, serif;
  font-size: 18px; font-weight:800; line-height:1.2; color:var(--ace-navy);
  letter-spacing:-.3px;
}
.brf-card .desc{
  font-size: 12.5px; line-height:1.5; color: var(--ace-text-secondary);
  flex:1;
}
.brf-card .foot{
  display:flex; justify-content:space-between; align-items:center;
  padding-top:10px; margin-top:auto;
  border-top:1px dashed rgba(2,60,91,0.18);
  font-size: 10.5px; font-weight: 800; letter-spacing: .5px;
  text-transform: uppercase; color: var(--ace-text-muted);
}
.brf-card .foot .who strong{ color: var(--ace-navy); font-weight:800; }
.brf-card.crit{ --accent: var(--ace-critical); }
.brf-card.warn{ --accent: #d39151; }
.brf-card.good{ --accent: #6db64a; }
.brf-card.info{ --accent: #5AC8F2; }

/* ENDMARK */
.brf-endmark{
  display:flex; align-items:center; justify-content:center; gap:18px;
  margin-top: 12px;
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size:10.5px; font-weight:700; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--ace-text-muted);
}
.brf-endmark::before,
.brf-endmark::after{
  content:""; flex:0 0 80px; height:1px; background:rgba(2,60,91,0.25);
}
.brf-endmark .glyph{
  display:inline-block; width:10px; height:10px; background:var(--ace-navy);
  transform: rotate(45deg);
}

/* COLOPHON */
.brf-colophon{
  border-top: 3px double var(--ace-navy);
  margin-top: 24px; padding: 28px 0 8px;
  display:grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 18px; align-items:center;
  font-size: 10.5px; font-weight: 800; letter-spacing: 1.4px;
  text-transform: uppercase; color: var(--ace-text-muted);
}
.brf-colophon > :nth-child(2){ text-align:center; }
.brf-colophon > :nth-child(3){ text-align:right; }
.brf-colophon .mark{
  font-family:'Fraunces', Georgia, serif;
  font-size:14px; letter-spacing:1px; color:var(--ace-navy);
}

/* EMPTY STATE */
.brf-empty{
  max-width: 720px; margin: 80px auto; padding: 0 56px;
}
.brf-empty-trigger{
  font-family:'JetBrains Mono', 'SF Mono', monospace;
  font-size:13px; font-weight:700; color:var(--ace-navy);
  background:#fff; border:1px solid rgba(2,60,91,0.12);
  border-radius:8px; padding:14px 18px;
  margin-top:18px;
}

/* ARCHIVE PAGE */
.brf-archive{
  max-width: 1280px; margin: 0 auto; padding: 56px 56px 80px;
}
.brf-archive-grid{
  display:grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
  margin-top: 36px;
}
.brf-archive-card{
  background:#fff; border:1px solid rgba(2,60,91,0.1);
  border-radius: 12px;
  padding: 22px 22px 18px;
  display:flex; flex-direction:column; gap:14px;
  text-decoration:none; color:inherit;
  transition: transform .15s, box-shadow .15s, border-color .15s;
  min-height: 240px;
}
.brf-archive-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 12px 30px -16px rgba(2,60,91,0.25);
  border-color: var(--ace-navy);
}
.brf-archive-card .meta{
  font-size:10.5px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:var(--ace-text-muted);
}
.brf-archive-card h3{
  margin:0; font-family:'Fraunces', Georgia, serif;
  font-size:20px; font-weight:900; line-height:1.2; color:var(--ace-navy);
  letter-spacing:-.4px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
  overflow:hidden;
}
.brf-archive-card.crit h3{ color:var(--ace-critical); }
.brf-archive-card .num{
  font-family:'Fraunces', Georgia, serif;
  font-size: 36px; font-weight:900; letter-spacing:-1.4px; line-height:1;
  color:var(--ace-navy);
  font-variant-numeric: tabular-nums;
  margin-top:auto;
}
.brf-archive-card.crit .num{ color:var(--ace-critical); }
.brf-archive-card .num-meta{
  font-size:11.5px; font-weight:700; color:var(--ace-text-secondary);
  margin-top:4px;
}
.brf-archive-empty{
  text-align:center; padding: 80px 20px;
  color: var(--ace-text-muted); font-size:15px;
}

/* RESPONSIVE */
@media (max-width: 1180px){
  .brf-lead, .brf-channel, .brf-map{ grid-template-columns: 1fr; gap: 36px; }
  .brf-movers{ grid-template-columns: 1fr; }
  .brf-tile-grid{ grid-template-columns: repeat(2, 1fr); }
  .brf-agenda{ grid-template-columns: repeat(2, 1fr); }
  .brf-archive-grid{ grid-template-columns: repeat(2, 1fr); }
  .brf-headline.h-xl{ font-size: 48px; letter-spacing:-1.6px; }
  .brf-nameplate{ font-size: 44px; }
}
@media (max-width: 720px){
  .brf-article{ padding: 32px 22px 60px; gap: 44px; }
  .brf-archive{ padding: 32px 22px 60px; }
  .brf-masthead, .brf-toc, .brf-chrome, .brf-picker{ padding-left: 22px; padding-right: 22px; }
  .brf-tile-grid{ grid-template-columns: 1fr; }
  .brf-agenda{ grid-template-columns: 1fr; }
  .brf-archive-grid{ grid-template-columns: 1fr; }
  .brf-headline.h-xl{ font-size: 36px; }
  .brf-numeral .big{ font-size: 88px; }
  .brf-colophon{ grid-template-columns: 1fr; text-align:center !important; }
  .brf-colophon > :nth-child(2),
  .brf-colophon > :nth-child(3){ text-align:center; }
  .brf-chrome{ flex-wrap:wrap; }
  .brf-chrome .progress{ order:2; flex:1 0 100%; max-width:none; margin:8px 0 0; }
  .brf-picker{ flex-wrap:wrap; }
}

/* PRINT */
@media print{
  .brf-stage{ background:#fff; }
  .brf-chrome, .brf-picker, .sidenav, .topbar, .sb1, .acetb, #topbar, header.sticky, .ace-topbar{ display:none !important; }
  body, html, #app{ background:#fff !important; }
  .brf-card, .brf-vizcard, .brf-numeral{ box-shadow:none !important; break-inside: avoid; }
  .brf-divider{ break-after: avoid; }
  .brf-article{ padding: 28px 36px; gap: 36px; max-width:none; }
  .brf-chat-hook, .brf-mover-hooks{ display:none !important; }
}