/* One font across MATE screens, including independent public forms. */
@font-face{font-family:MATEPortada;src:url('/assets/mate-montserrat-latin.woff2?v=20261017-completa1') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
html:root:root:root body,html:root:root:root body :is(h1,h2,h3,h4,h5,h6,p,small,strong,b,em,a,button,input,select,textarea,label,legend,summary,th,td,div,span,li,dt,dd,caption,option){font-family:MATEPortada,Arial,sans-serif!important}
/* Keep peer analysis headings aligned even when a header has a tall badge. */
@media screen {
  .bi-two-columns > .bi-panel > .bi-panel-header {align-items:flex-start!important}
  .kpi-grid > .kpi-card {justify-content:flex-start!important}
  .crm-kpi-card > .crm-kpi-header {align-items:flex-start!important}
}
/* Small screens: leave a full line for headings and keep controls readable. */
@media screen and (max-width:620px) {
  .page-header {flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .page-header > div {width:100%;min-width:0}
  .page-header h1 {word-break:normal!important;overflow-wrap:normal!important}
  .page-header > button {align-self:flex-start;max-width:100%;white-space:normal}
  .kpi-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .kpi-grid > article,.pool-kpi-card,.summary-card,.crm-kpi-card {min-width:0}
  .kpi-grid > article > span,.summary-card > span,.crm-kpi-header > span:not(.crm-kpi-icon),.pool-kpi-label {font-size:13px!important;line-height:1.4!important}
  #reports-home .mate-ten-reports .report-home-eyebrow {min-height:0!important;font-size:11px!important;line-height:1.35!important}
  #reports-home .mate-ten-reports .report-home-card strong {min-height:0!important;font-size:16px!important;line-height:1.3!important;margin-top:5px!important}
  #reports-home .mate-ten-reports .report-home-card p {font-size:14px!important;line-height:1.45!important;margin-top:6px!important}
  #entry-form fieldset {min-inline-size:0;max-width:100%}
}
@media screen and (max-width:380px) {
  #entry-form fieldset:has(> .activity) {grid-template-columns:minmax(0,1fr)!important}
  #entry-form fieldset > legend {max-width:100%;white-space:normal}
}