@font-face {
  font-family: 'Manrope';
  src: url('./Manrope-VariableFont_wght.ttf') format('truetype');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
.skif.sgp { font-family: 'Manrope', Arial, sans-serif; }
#skif-cap-switcher { color-scheme: light; }
#skif-cap-switcher .sk-preview { padding: 0; }
#skif-cap-switcher .sk-intro { max-width: 770px; margin-bottom: 32px; }
#skif-cap-switcher .sk-workspace { grid-template-columns: minmax(280px, .75fr) minmax(0, 1.25fr); gap: 28px; }
#skif-cap-switcher .sk-task-list { gap: 12px; }
#skif-cap-switcher .sk-task { min-height: 92px; padding: 20px 22px; font-size: 16px; cursor: pointer; }
#skif-cap-switcher .sk-task:focus-visible { outline: 3px solid #1861d0; outline-offset: 3px; }
#skif-cap-switcher .sk-detail { padding: 32px; }
#skif-cap-switcher h3 { font-size: 24px; }
#skif-cap-switcher .sk-bullets { font-size: 16px; }
#skif-cap-switcher .sk-dialog { font-size: 16px; padding: 22px; }
#skif-cap-switcher .sk-label { font-size: 12px; }
#skif-cap-switcher .sk-question { margin: 0; padding: 16px; }
#skif-cap-switcher .sk-note { font-size: 13px; }
@media (max-width: 760px) {
  #skif-cap-switcher .sk-workspace { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  #skif-cap-switcher .sk-task-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #skif-cap-switcher .sk-task { min-height: 82px; padding: 14px; font-size: 14px; }
  #skif-cap-switcher .sk-detail { padding: 22px; }
}
@media (max-width: 420px) {
  #skif-cap-switcher .sk-task-list { grid-template-columns: minmax(0, 1fr); }
}