@font-face{
  font-family:"Sora";
  src:url("/__design/fonts/sora-variable.ttf") format("truetype-variations");
  font-style:normal;
  font-weight:100 800;
  font-display:swap;
}

@font-face{
  font-family:"Inter";
  src:url("/__design/fonts/inter-variable.ttf") format("truetype-variations");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

html[data-ect-typography]{
  --font-body:"Inter","Segoe UI",Arial,sans-serif;
  --font-title:"Sora","Inter","Segoe UI",Arial,sans-serif;
  --sans:"Inter","Segoe UI",Arial,sans-serif;
  --display:"Sora","Inter","Segoe UI",Arial,sans-serif;
  --ect-font-body:"Inter","Segoe UI",Arial,sans-serif;
  --ect-font-title:"Sora","Inter","Segoe UI",Arial,sans-serif;
}

html[data-ect-typography] body,
html[data-ect-typography] button,
html[data-ect-typography] input,
html[data-ect-typography] select,
html[data-ect-typography] textarea,
html[data-ect-typography] table{
  font-family:var(--ect-font-body)!important;
}

/* Page styles previously mixed Manrope and Cascadia Mono into ordinary UI copy. */
html[data-ect-typography] body:not(#ect-font-scope) :is(
  a,p,span,small,strong,b,em,time,label,button,input,select,textarea,
  th,td,caption,li,dt,dd
){
  font-family:var(--ect-font-body)!important;
}

html[data-ect-typography] body:not(#ect-font-scope) :is(
  h1,h2,h3,h4,h5,h6,
  .brand,.brand *,
  .ect-app-brand,.ect-app-brand *,
  .headline,.headline *,
  .page-title,.section-title,
  .panel-head>strong,
  .rates-panel-head strong,
  .p4-surface-head :is(h2,strong),
  .ect-kosh-head strong,
  .story-copy h2,
  .gate-card h2,
  .surface-head>strong,
  .table-head>strong,
  .drawer-head strong,
  .my-head>strong,
  .allocation-snapshot header>strong,
  .rates-page-head h1,
  .profile-review-head h1
){
  font-family:var(--ect-font-title)!important;
  font-optical-sizing:auto;
  letter-spacing:0;
}

html[data-public-surface] :is(.ect-kosh-trigger,.ect-kosh-drawer){
  display:none!important;
}