/* Staging25: one site-wide typeface with section-level live sizing controls. */
:root{
  --tw-size-global-primary:16px;
  --tw-size-global-secondary:16px;
  --tw-size-calendar-primary:16px;
  --tw-size-calendar-secondary:16px;
  --tw-size-compact-primary:18px;
  --tw-size-compact-secondary:16px;
  --tw-size-exchange-primary:16px;
  --tw-size-exchange-secondary:16px;
  --tw-size-discovery-primary:16px;
  --tw-size-discovery-secondary:16px;
  --tw-size-utility-primary:16px;
  --tw-size-utility-secondary:16px;
}
html body.tw-readable-ui.tw-readable-ui,
html body.tw-readable-ui.tw-readable-ui *{
  font-family:var(--tw-ui-font,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,sans-serif)!important;
}

body.tw-readable-ui{
  font-size:16px;
  line-height:1.45;
}

/* Normal and secondary reading copy share a 16px minimum. */
.tw-readable-ui :where(p,button,input,select,textarea,option,label,li,dt,dd,th,td,a,strong,b,em,time,small,span:not([aria-hidden="true"])){
  font-size:max(16px,1em)!important;
}
.tw-readable-ui :where(small,.mini,.sub,time),
.tw-readable-ui :where(.schedule-status-line,.calendar-filter-menu .checkline,.calendar-view-choice),
.tw-readable-ui :where(.region-control .format-label,.region-option small),
.tw-readable-ui :where(.app-update-copy span,.app-update-copy small){
  font-size:16px!important;
  line-height:1.4;
}
.tw-readable-ui :where(button,input,select,textarea,option){font-size:16px!important;}
.tw-readable-ui :where(.schedule-date-nav button,.schedule-date-picker-trigger input,.calendar-filter-trigger,.calendar-view-choice,.calendar-filter-menu .checkline){font-size:16px!important;}

/* Calendar: names remain primary information; clocks and metadata remain dense but legible. */
.tw-readable-ui .calendar-chip-modern .boss-chip-name,
.tw-readable-ui .schedule-card .event-row .calendar-chip-modern .boss-chip-name,
.tw-readable-ui .schedule-event-chip .event-chip-name{
  font-size:16px!important;
  line-height:1.15!important;
}
.tw-readable-ui .daily-calendar-date{font-size:16px!important;}
.tw-readable-ui .event-row .time{font-size:max(16px,1em)!important;}
.tw-readable-ui .calendar-chip-modern :where(.boss-chip-type,.arch-label,.pvp-label),
.tw-readable-ui :where(.schedule-status-line,.legend,.calendar-filter-menu,.calendar-view-toggle){font-size:14px!important;}

/* Discovery Log reading copy and clue metadata. */
.tw-readable-ui :where(.discovery-modal-summary span,.discovery-category-pill>.discovery-category-clue,.discovery-category-pill>em),
.tw-readable-ui :where(.discovery-category-title p,.discovery-category-count,.discovery-card-copy p,.discovery-card-copy small),
.tw-readable-ui :where(.discovery-modal-foot,.discovery-modal-kicker,.discovery-back-to-top b){font-size:14px!important;}
.tw-readable-ui :where(.discovery-category-pill>b,.discovery-category-title h3,.discovery-card-copy h3){font-size:16px!important;}

/* Account and update surfaces use the same readable hierarchy. */
.tw-readable-ui :where(.tw-auth-gate-description,.tw-auth-gate-login,.tw-account-menu>strong,.tw-account-profile strong){font-size:16px!important;}
.tw-readable-ui :where(.tw-auth-gate-kicker,.tw-auth-gate-status,.tw-auth-gate-message,.tw-auth-gate-privacy,.tw-auth-gate-links),
.tw-readable-ui :where(.tw-account-button,.tw-account-menu>p,.tw-account-menu button,.tw-account-profile small,.tw-account-cloud strong,.tw-account-cloud small),
.tw-readable-ui :where(.updates-center-title,.update-center-head-label,.update-center-archive>label,.update-release-button span,.update-release-button small,.update-center-kicker,.update-center-date){font-size:14px!important;}

/* Compact Nix Exchange panel: title and saved search share one structural row. */
.tw-readable-ui .exchange-panel{
  overflow:visible;
}
.tw-readable-ui .exchange-panel-head{
  align-items:stretch;
  padding-top:22px;
}
.tw-readable-ui .exchange-panel-brand{
  display:grid;
  width:100%;
  min-width:0;
  gap:4px;
}
.tw-readable-ui .exchange-panel-title-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-width:0;
}
.tw-readable-ui .exchange-panel-title-row h2{
  min-width:0;
  margin:0;
  font-size:22px!important;
  line-height:1.12;
}
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button{
  position:static;
  display:inline-flex;
  width:auto;
  min-width:0;
  min-height:36px;
  margin:0;
  padding:7px 9px;
  border-color:rgba(216,189,132,.4);
  border-radius:9px;
  box-shadow:none;
  font-size:14px!important;
  white-space:nowrap;
}
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button b{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  font-size:14px!important;
}
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button:hover,
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button:focus-visible,
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button.is-saved{
  border-color:#d8bd84;
  box-shadow:inset 0 -2px 0 rgba(216,189,132,.7);
}

/* The Beta label is a tab attached to the panel edge, not inline title copy. */
.tw-readable-ui .exchange-beta-ribbon{
  position:absolute;
  top:-11px;
  left:14px;
  z-index:85;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:25px;
  padding:4px 10px;
  border:1px solid rgba(244,211,127,.9);
  border-radius:8px 8px 5px 5px;
  background:linear-gradient(180deg,#72542b,#3a2919);
  color:#fff0b6;
  box-shadow:0 4px 12px rgba(0,0,0,.42),0 0 12px rgba(216,189,132,.2);
  font-size:14px!important;
  font-weight:900;
  letter-spacing:.1em;
  line-height:1;
  text-transform:uppercase;
}
.tw-readable-ui .exchange-beta-ribbon::after{
  content:none;
  display:none;
}

/* Nix Exchange text hierarchy: 16px content, 14px metadata, never microcopy. */
.tw-readable-ui :where(.exchange-panel,.exchange-workspace) :where(p,label,input,select,textarea,button){font-size:16px!important;}
.tw-readable-ui :where(.exchange-kicker,.exchange-panel-intro span,.exchange-filter-any),
.tw-readable-ui :where(.exchange-compact-activity-head,.exchange-compact-metric small,.exchange-compact-submetric small,.exchange-compact-status,.exchange-board-summary,.exchange-board-summary b,.exchange-board-summary small),
.tw-readable-ui :where(.exchange-compact-trade,.exchange-compact-expiry,.exchange-compact-room-top em,.exchange-compact-room-meta,.exchange-compact-room-open,.exchange-compact-more),
.tw-readable-ui :where(.exchange-workspace-brand p,.exchange-listing-posted,.exchange-listing-expires,.exchange-listing-columns),
.tw-readable-ui :where(.exchange-na-tag,.exchange-new-tag,.exchange-status-tag,.exchange-room-tag,.exchange-chat-overview-meta,.exchange-message-meta time),
.tw-readable-ui :where(.exchange-detail-head p,.exchange-form-note,.exchange-turnstile-status,.exchange-inline-error,.exchange-inline-success,.exchange-workspace-status),
.tw-readable-ui :where(.exchange-joining-room small,.exchange-room-live-banner>b,.exchange-room-full-note,.exchange-section-count),
.tw-readable-ui :where(.exchange-participant em,.exchange-participant span,.exchange-mine-group-title span,.exchange-mine-trade-insets section>span,.exchange-mine-card .exchange-pending-summary),
.tw-readable-ui :where(.exchange-trade-player span,.exchange-phrase-signal,.exchange-report-link,.exchange-history-summary){font-size:14px!important;line-height:1.4;}
.tw-readable-ui :where(.exchange-panel-intro,.exchange-empty-card,.exchange-compact-name,.exchange-compact-room-top strong,.exchange-compact-room-names,.exchange-compact-match b,.exchange-compact-match small),
.tw-readable-ui :where(.exchange-category-rail nav button,.exchange-saved-filter-rail,.exchange-workspace-tabs button,.exchange-mobile-view-tabs button),
.tw-readable-ui :where(.exchange-listing-player strong,.exchange-listing-action,.exchange-chat-overview-top strong,.exchange-chat-overview-message),
.tw-readable-ui :where(.exchange-detail-back,.exchange-detail-empty p,.exchange-detail-empty li,.exchange-joining-room strong,.exchange-room-live-banner strong),
.tw-readable-ui :where(.exchange-participant strong,.exchange-form h4,.exchange-detail-section h4,.exchange-form-actions button),
.tw-readable-ui :where(.exchange-mine-intro p,.exchange-mine-intro button,.exchange-mine-group-title,.exchange-mine-card h4,.exchange-mine-card p,.exchange-mine-card-actions button),
.tw-readable-ui :where(.exchange-trade-player strong,.exchange-message-meta strong,.exchange-message-bubble p),
.tw-readable-ui :where(.exchange-phrase-grid button,.exchange-time-row button,.exchange-primary-button,.exchange-secondary-button,.exchange-danger-button){font-size:16px!important;line-height:1.4;}
.tw-readable-ui .exchange-panel-actions button{font-size:16px!important;}
.tw-readable-ui .exchange-compact-metric>span>b,
.tw-readable-ui .exchange-compact-submetric>span>b,
.tw-readable-ui .exchange-compact-metric .exchange-notice-count{font-size:17px!important;}

@media(max-width:600px){
  .tw-readable-ui .exchange-panel-head{padding:21px 12px 13px;}
  .tw-readable-ui .exchange-panel-title-row{gap:7px;}
  .tw-readable-ui .exchange-panel-title-row h2{font-size:21px!important;}
  .tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button{padding-inline:8px;}
  .tw-readable-ui .exchange-compact-metric small{font-size:14px!important;}
  .tw-readable-ui .calendar-chip-modern .boss-chip-name,
  .tw-readable-ui .schedule-card .event-row .calendar-chip-modern .boss-chip-name{font-size:16px!important;}
}

/* Admin Console live-size variables. These rules intentionally come last. */
html body.tw-readable-ui.tw-readable-ui{font-size:var(--tw-size-global-primary)!important;}
.tw-readable-ui :where(p,button,input,select,textarea,option,label,li,dt,dd,th,td,a,strong,b,em,time,small,span:not([aria-hidden="true"])){
  font-size:max(var(--tw-size-global-secondary),1em)!important;
}
.tw-readable-ui :where(small,.mini,.sub,time){font-size:var(--tw-size-global-secondary)!important;}
.tw-readable-ui :where(button,input,select,textarea,option){font-size:var(--tw-size-global-primary)!important;}

/* General utility cards and header controls. */
.tw-readable-ui :is(.topbar,.left-col,.right-col,.modal,.appearance-lab) :where(p,button,input,select,textarea,label,li,strong,b){font-size:var(--tw-size-utility-primary)!important;}
.tw-readable-ui :is(.topbar,.left-col,.right-col,.modal,.appearance-lab) :where(small,.mini,.sub,time,[class*="meta"],[class*="kicker"]){font-size:var(--tw-size-utility-secondary)!important;}
.tw-readable-ui :is(.topbar,.left-col,.right-col) :where(h2,h3){font-size:calc(var(--tw-size-utility-primary) + 4px)!important;}

/* Calendar section. */
.tw-readable-ui .schedule-branding h2{
  font-size:calc(var(--tw-size-utility-primary) + 8px)!important;
}
.tw-readable-ui .schedule-card :where(.boss-chip-name,.event-chip-name){font-size:var(--tw-size-calendar-primary)!important;}
.tw-readable-ui .schedule-card :where(.schedule-title){font-size:clamp(15px,2.7cqi,calc(var(--tw-size-calendar-primary) + 8px))!important;}
.tw-readable-ui .schedule-card .schedule-status-name{font-size:clamp(15px,2.7cqi,calc(var(--tw-size-calendar-primary) + 8px))!important;}
.tw-readable-ui .schedule-card .schedule-status-timing{font-size:var(--tw-size-calendar-secondary)!important;}
.tw-readable-ui .schedule-card :where(.schedule-status-line,.mini,.legend,.calendar-filter-menu,.calendar-view-toggle,.calendar-view-choice,.boss-chip-type,.arch-label,.pvp-label,time){font-size:var(--tw-size-calendar-secondary)!important;}
@container schedule (max-width:560px){
  html body.tw-readable-ui .schedule-card :is(.schedule-status-timing,.schedule-date-nav button,.calendar-view-choice,.schedule-status-label,.schedule-weekday,.schedule-cycle-state,.schedule-cycle-transition){font-size:16px!important;}
}

/* Discovery Log section. */
.tw-readable-ui .discovery-modal :where(h3,.discovery-category-pill>b,.discovery-card-copy h3){font-size:var(--tw-size-discovery-primary)!important;}
.tw-readable-ui .discovery-modal :where(.discovery-modal-head h2){font-size:calc(var(--tw-size-discovery-primary) + 12px)!important;}
.tw-readable-ui .discovery-modal :where(p,button,.discovery-category-title h3){font-size:var(--tw-size-discovery-primary)!important;}
.tw-readable-ui .discovery-modal :where(small,.mini,time,.discovery-modal-kicker,.discovery-modal-summary span,.discovery-category-clue,.discovery-category-count,.discovery-category-pill>em,.discovery-modal-foot){font-size:var(--tw-size-discovery-secondary)!important;}

/* Compact Exchange panel. */
.tw-readable-ui .exchange-panel :where(p,button,input,select,textarea,label,strong){font-size:var(--tw-size-compact-primary)!important;}
.tw-readable-ui .exchange-panel :is(.exchange-panel-title-row,.exchange-panel-brand) h2{font-size:calc(var(--tw-size-compact-primary) + 6px)!important;}
.tw-readable-ui .exchange-panel :where(.exchange-kicker,.exchange-beta-ribbon,.exchange-panel-intro span,.exchange-filter-any,.exchange-compact-metric small,.exchange-compact-submetric small,.exchange-compact-status,.exchange-compact-room-meta,.exchange-compact-room-top em,.exchange-compact-room-open,.exchange-compact-more){font-size:var(--tw-size-compact-secondary)!important;}
.tw-readable-ui .exchange-panel :where(.exchange-compact-metric>span>b,.exchange-compact-submetric>span>b,.exchange-notice-count){font-size:calc(var(--tw-size-compact-primary) + 1px)!important;}
.tw-readable-ui #exchangePostTimeValue{
  font-size:var(--tw-size-compact-secondary)!important;
  line-height:1.05!important;
  white-space:normal!important;
}
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button,
.tw-readable-ui .exchange-panel-title-row .exchange-save-filter-button b{font-size:var(--tw-size-compact-secondary)!important;}

/* Expanded Exchange workspace, including board, rooms, details, and history. */
.tw-readable-ui .exchange-workspace :where(p,button,input,select,textarea,label,strong,h4,h5){font-size:var(--tw-size-exchange-primary)!important;}
.tw-readable-ui .exchange-workspace :where(.exchange-workspace-brand h2){font-size:clamp(22px,3.5vw,calc(var(--tw-size-exchange-primary) + 12px))!important;}
.tw-readable-ui .exchange-workspace :where(.exchange-detail-head h3,.exchange-activity-head h3,.exchange-mine-intro h3,.exchange-all-chats h3){font-size:calc(var(--tw-size-exchange-primary) + 4px)!important;}
.tw-readable-ui .exchange-workspace :where(.exchange-workspace-tabs button,.exchange-mobile-view-tabs button,.exchange-category-rail nav button,.exchange-listing-action,.exchange-primary-button,.exchange-secondary-button,.exchange-danger-button){font-size:var(--tw-size-exchange-primary)!important;}
.tw-readable-ui .exchange-workspace :where(small,time,.exchange-kicker,.exchange-board-summary,.exchange-listing-columns,.exchange-listing-posted,.exchange-listing-expires,.exchange-na-tag,.exchange-new-tag,.exchange-status-tag,.exchange-room-tag,.exchange-form-note,.exchange-workspace-status,.exchange-chat-overview-meta,.exchange-message-meta,.exchange-history-search-count,.exchange-section-count){font-size:var(--tw-size-exchange-secondary)!important;}

/* Keep the tester itself readable while it changes the page around it. */
.tw-readable-ui .admin-console :where(p,button,input,select,textarea,label,span,small,strong,b,output,legend){font-size:16px!important;}
.tw-readable-ui .admin-console h2{font-size:22px!important;}
.tw-readable-ui .admin-console h3{font-size:16px!important;}
.tw-readable-ui .admin-console .admin-console-kicker{font-size:12px!important;}

/* Applied only to elements whose computed size is below the floor; larger type is untouched. */
html body.tw-readable-ui .tw-minimum-text{font-size:16px!important;}

/* Staging26: fixed-size utility controls keep their labels inside their own frames. */
.tw-readable-ui .top-right-utility{
  min-width:0!important;
  max-width:100%!important;
}
.tw-readable-ui .top-right-utility>.updates-center-btn{
  min-width:0;
  max-width:100%;
}
.tw-readable-ui .updates-center-btn .updates-center-glyph{font-size:18px!important;line-height:1!important;}
.tw-readable-ui .updates-center-btn .updates-center-title{
  max-width:100%;
  overflow:hidden;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.07em!important;
  text-overflow:clip;
  white-space:nowrap;
}


/* The compact Favorites control belongs to the far edge of the header. */
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button,
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button b{
  font-size:var(--tw-size-compact-secondary)!important;
}
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button b{
  position:static;
  width:auto;
  height:auto;
  overflow:hidden;
  clip:auto;
}
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button{
  display:inline-flex;
  width:auto;
  min-width:0;
  max-width:100%;
  min-height:36px;
  padding:7px 9px;
  border-color:rgba(216,189,132,.4);
  border-radius:9px;
  box-shadow:none;
}
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button:hover,
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button:focus-visible,
.tw-readable-ui .exchange-panel-head>.exchange-save-filter-button.is-saved{
  border-color:#d8bd84;
  box-shadow:inset 0 -2px 0 rgba(216,189,132,.7);
}

@media(max-width:760px){
  .tw-readable-ui .updates-center-btn .updates-center-glyph{font-size:16px!important;}
  .tw-readable-ui .updates-center-btn .updates-center-title{font-size:6.5px!important;}

}

/* Staging27: compact panel headers use a shared, tucked utility layout. */
.tw-readable-ui .exchange-panel-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;
  gap:7px!important;
  min-width:0!important;
  padding:22px 52px 13px 14px!important;
  overflow:hidden!important;
}
.tw-readable-ui .exchange-panel-utility-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-width:0;
}
.tw-readable-ui .exchange-panel-utility-row .exchange-kicker{
  min-width:0;
  overflow-wrap:anywhere;
}
.tw-readable-ui .exchange-panel-utility-row .exchange-save-filter-button{
  position:static!important;
  flex:0 0 auto;
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:36px!important;
  margin:0!important;
  padding:7px 10px!important;
  border-color:rgba(216,189,132,.48)!important;
  border-radius:9px!important;
  box-shadow:none!important;
  white-space:nowrap;
}
.tw-readable-ui .exchange-panel-utility-row .exchange-save-filter-button b{
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  font-size:var(--tw-size-compact-secondary)!important;
}
.tw-readable-ui .exchange-panel-head>h2{
  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  font-size:calc(var(--tw-size-compact-primary) + 6px)!important;
  line-height:1.12!important;
  overflow-wrap:anywhere;
}

.tw-readable-ui .talking-wall-card .tw-face>.tw-title-row{
  position:absolute!important;
  top:16px!important;
  left:14px!important;
  right:7px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:24px 38px!important;
  align-items:center!important;
  gap:4px 8px!important;
  width:auto!important;
  height:66px!important;
  min-height:var(--panel-header-row-height,66px)!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:12!important;
}
.tw-readable-ui .talking-wall-card .tw-panel-kicker{
  grid-column:1!important;
  grid-row:1!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  color:#cdb7ec!important;
  font-size:var(--tw-size-utility-secondary)!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  line-height:1!important;
  white-space:nowrap;
}
.tw-readable-ui .talking-wall-card .tw-panel-kicker svg{
  flex:0 0 16px;
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.tw-readable-ui .talking-wall-card .tw-title-row>h2{
  grid-column:1/-1!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  gap:.3em!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 42px 0 0!important;
  color:#f2dca6!important;
  font-size:calc(var(--tw-size-utility-primary) + 8px)!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
.tw-readable-ui .talking-wall-card .tw-title-row>h2>span{
  display:inline!important;
  white-space:nowrap!important;
}
.tw-readable-ui .talking-wall-card .tw-title-row>.section-actions{
  display:contents!important;
}
.tw-readable-ui .talking-wall-card .tw-title-row .tw-flip-btn{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  width:auto!important;
  min-width:104px!important;
  max-width:124px!important;
  height:34px!important;
  margin:0 42px 0 0!important;
  padding:0 10px!important;
  font-size:var(--tw-size-utility-secondary)!important;
  line-height:1!important;
  white-space:nowrap;
}
.tw-readable-ui .talking-wall-card .tw-title-row .alarm-btn{
  grid-column:2!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:center!important;
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
}
.tw-readable-ui .talking-wall-card .tw-face-wall>.pad.tw-flow,
.tw-readable-ui .talking-wall-card .tw-face-juno>.pad.tw-flow{
  padding-top:94px!important;
}

@media(max-width:420px){
  .tw-readable-ui .exchange-panel-head{padding-inline:12px 48px!important;}
  .tw-readable-ui .exchange-panel-utility-row{gap:7px;}
  .tw-readable-ui .exchange-panel-utility-row .exchange-save-filter-button{padding-inline:8px!important;}
  .tw-readable-ui .talking-wall-card .tw-face>.tw-title-row{left:10px!important;right:7px!important;}
  .tw-readable-ui .talking-wall-card .tw-panel-kicker{font-size:14px!important;}
  .tw-readable-ui .talking-wall-card .tw-title-row>h2{font-size:23px!important;}
  .tw-readable-ui .talking-wall-card .tw-title-row .tw-flip-btn{min-width:92px!important;max-width:104px!important;padding-inline:7px!important;}
}

/* Staging28: Favorites and Converter use the exact same tucked slot as Junobote. */
.tw-readable-ui .tucked-panel-header{
  --tucked-pin-clearance:42px;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:24px 38px!important;
  align-items:center!important;
  gap:4px 8px!important;
  min-width:0!important;
  min-height:66px!important;
}
.tw-readable-ui .tucked-panel-header>.tucked-panel-kicker{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:5px!important;
  min-width:0!important;
  margin:0!important;
  color:#cdb7ec!important;
  font-size:var(--tw-size-utility-secondary)!important;
  font-weight:700!important;
  line-height:1!important;
  white-space:nowrap;
}
.tw-readable-ui .tucked-panel-header>h2{
  grid-column:1/-1!important;
  grid-row:2!important;
  align-self:center!important;
  justify-self:stretch!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:38px!important;
  margin:0!important;
  padding:0!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis;
}
.tw-readable-ui .tucked-panel-header>.section-actions{display:contents!important;}
.tw-readable-ui .tucked-panel-header .tucked-panel-utility{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:104px!important;
  max-width:124px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0 var(--tucked-pin-clearance) 0 0!important;
  padding:0 10px!important;
  border-radius:12px!important;
  font-size:var(--tw-size-utility-secondary)!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.tw-readable-ui .exchange-panel-head.tucked-panel-header{
  padding:16px 7px 9px 14px!important;
  overflow:hidden!important;
}
.tw-readable-ui .exchange-panel-head.tucked-panel-header>h2{
  font-size:calc(var(--tw-size-compact-primary) + 6px)!important;
}
.tw-readable-ui .exchange-panel-head .exchange-save-filter-button b{
  position:static!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  clip:auto!important;
  font-size:var(--tw-size-compact-secondary)!important;
}
.tw-readable-ui .discord-card .discord-panel-header.tucked-panel-header{
  --tucked-pin-clearance:35px;
  min-height:66px!important;
  padding:0 0 7px!important;
}
.tw-readable-ui .discord-card .discord-panel-header.tucked-panel-header>h2{
  font-size:calc(var(--tw-size-utility-primary) + 4px)!important;
}
.tw-readable-ui .discord-card .discord-panel-header .discord-converter-nudge{
  left:auto;
  right:calc(var(--tucked-pin-clearance) + 78px);
  top:-13px;
}
.tw-readable-ui .talking-wall-card .tw-face>.tw-title-row.tucked-panel-header{
  padding:0!important;
}
.tw-readable-ui .talking-wall-card .tw-title-row.tucked-panel-header>h2{
  padding-right:42px!important;
  font-size:calc(var(--tw-size-utility-primary) + 8px)!important;
}

@media(max-width:420px){
  .tw-readable-ui .tucked-panel-header .tucked-panel-utility{
    min-width:96px!important;
    max-width:108px!important;
    padding-inline:7px!important;
  }
  .tw-readable-ui .exchange-panel-head.tucked-panel-header{padding-left:12px!important;}
}

/* Staging31: one close-control language across every existing panel and overlay. */
.tw-readable-ui button.tw-unified-close{
  display:grid!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  max-height:42px!important;
  margin:0!important;
  padding:0 0 3px!important;
  place-items:center!important;
  border:1px solid rgba(216,189,132,.48)!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,rgba(27,21,34,.99),rgba(13,10,18,.995))!important;
  color:#ff4e55!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 4px 11px rgba(0,0,0,.3)!important;
  font-family:var(--tw-ui-font)!important;
  font-size:37px!important;
  font-weight:500!important;
  line-height:1!important;
  text-shadow:0 0 8px rgba(255,54,64,.25)!important;
}
.tw-readable-ui button.tw-unified-close:hover,
.tw-readable-ui button.tw-unified-close:focus-visible{
  border-color:#e0c585!important;
  background:linear-gradient(180deg,rgba(47,27,38,.99),rgba(24,13,22,.995))!important;
  color:#ff686e!important;
  box-shadow:0 0 0 1px rgba(255,210,120,.12),0 0 14px rgba(255,63,71,.18),0 5px 13px rgba(0,0,0,.34)!important;
  outline:0!important;
}

@media(max-width:600px){
  .tw-readable-ui button.tw-unified-close{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    font-size:35px!important;
  }
}

/* Compact header controls stay readable without their labels escaping the frames. */
.tw-readable-ui .header-calendar-clock .format-label,
.tw-readable-ui .header-calendar-clock .region-option span,
.tw-readable-ui .header-calendar-clock .format-choice{
  font-size:14px!important;
  line-height:1!important;
}
.tw-readable-ui .timestamp-datetime-fields legend,
.tw-readable-ui .timestamp-field{
  font-size:14px!important;
  line-height:1.35!important;
}
.tw-readable-ui .timestamp-field input,
.tw-readable-ui .timestamp-field select{
  font-size:16px!important;
}

/* Final cascade guard: only script-marked undersized text is raised to 16px. */
html body.tw-readable-ui.tw-readable-ui .tw-minimum-text.tw-minimum-text{
  font-size:16px!important;
}

/* Deliberate compact exceptions: status tags and the two illustrated header buttons. */
html body.tw-readable-ui.tw-readable-ui .schedule-card .pvp-label{
  font-size:9px!important;
}
html body.tw-readable-ui.tw-readable-ui .schedule-card .event-chip-icon-only.dynamic-event-compact .pvp-label{
  font-size:8px!important;
}
html body.tw-readable-ui.tw-readable-ui .updates-center-btn .updates-center-title{
  font-size:8px!important;
}

@media(max-width:760px){
  html body.tw-readable-ui.tw-readable-ui .updates-center-btn .updates-center-title{font-size:6px!important;}

}