/* Baseline fallbacks for browsers without Grid, min(), clamp() or inset. */
.container { width: calc(100% - 34px); max-width: 1200px; margin-right: auto; margin-left: auto; }
.hero { padding: 96px 0 94px; }
.hero-grid, .benefit-grid, .grid-two, .grid-main, .summary-grid, .form-grid, .role-grid, .hero-stats, .choice-grid { display: flex; flex-wrap: wrap; }
.hero-grid > *, .grid-two > *, .grid-main > *, .role-grid > * { flex: 1 1 420px; }
.benefit-grid > *, .summary-grid > * { flex: 1 1 240px; }
.form-grid > *, .choice-grid > * { flex: 1 1 220px; }
.portal-nav button, .summary-card, .notice, .item-list li, .file-list article, .person { display: flex; }
.portal-sidebar { top: 0; bottom: 0; left: 0; width: 252px; }
.portal-workspace { margin-left: 252px; }
.portal-search { width: 300px; }
.modal-layer { top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.modal-card { width: 620px; max-width: 100%; }
.icon-button, .theme-mark, .nav-mark, .summary-icon, .item-mark, .notice-mark, .file-type, .choice-icon { display: inline-flex; align-items: center; justify-content: center; }
.item-list .current { margin-right: -8px; margin-left: -8px; padding-right: 8px; padding-left: 8px; }
.context-menu { width: 260px; max-width: calc(100vw - 24px); }
.toast { max-width: 430px; }
.hero-card { width: 100%; max-width: 580px; }
.section, .course-banner, .cta-inner, .role-card { padding-right: 34px; padding-left: 34px; }
a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex="0"]:focus { outline: 3px solid #b56a00; outline-offset: 3px; }
html[data-theme="dark"] a:focus, html[data-theme="dark"] button:focus, html[data-theme="dark"] input:focus, html[data-theme="dark"] select:focus, html[data-theme="dark"] textarea:focus, html[data-theme="dark"] [tabindex="0"]:focus { outline-color: #ffbd4a; }

@media (max-width: 900px) {
  .portal-sidebar { width: 300px; max-width: 86vw; }
  .portal-workspace { margin-left: 0; }
}

@media (max-width: 640px) {
  .container { width: calc(100% - 24px); }
  .section, .course-banner, .cta-inner, .role-card { padding-right: 20px; padding-left: 20px; }
}