/* Sterna scholarship working pages, November 2026.
   Loaded after the homepage identity. Keep application markup and state intact. */
body.brand-app {
  --ou-paper: #f7f2df;
  --ou-sheet: #fffdf4;
  --ou-ink: #241713;
  --ou-muted: #6c5f58;
  --ou-blue: #17639b;
  --ou-sky: #3085c8;
  --ou-yellow: #ffe48b;
  --ou-pale: #e5eff6;
  --ou-line: #d7d3c5;
  --navy: #17639b;
  --ink: #241713;
  --muted: #6c5f58;
  --blue: #17639b;
  --paper: #fffdf4;
  --pale: #e5eff6;
  --cream: #f7f2df;
  --line: #d7d3c5;
  --radius: 6px;
  --shadow: none;
  background: var(--ou-paper);
  color: var(--ou-ink);
  font-family: 'DM Sans','PingFang SC','Microsoft YaHei',sans-serif;
  line-height: 1.75;
}
body.brand-app :is(h1,h2,h3,h4) {
  font-family: Manrope,'PingFang SC','Microsoft YaHei',sans-serif;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.45;
}
body.brand-app :is(h1,h2) { color: var(--ou-blue); }
body.brand-app :is(h3,h4) { color: var(--ou-ink); }
body.brand-app :is(p,li,dd,dt,h1,h2,h3,a,span) { overflow-wrap: break-word; }
body.brand-app :is(.container,.fg-wrap) { width: min(1220px,calc(100% - 80px)); }
body.brand-app #main :is(section,article,aside,form,fieldset,figure,details) { min-width: 0; }
body.brand-app :is(.small,.help,.student-small,.student-meta) { color: var(--ou-muted); line-height: 1.75; }
body.brand-app :is(.button,.ou-button,.text-button,input,select,textarea,summary) { scroll-margin-top: 120px; }
body.brand-app :focus-visible { outline: 3px solid var(--ou-blue); outline-offset: 4px; }
body.brand-app ::selection { background: var(--ou-yellow); color: var(--ou-ink); }

/* The same masthead and blue closing section as the homepage. */
body.brand-app #header .nav-inner { width: min(1320px,calc(100% - 80px)); min-height: 96px; }
body.brand-app #header .nav-plan { border-radius: 28px; padding-inline: 20px; font-weight: 700; }
body.brand-app #header .nav-dropdown { border-radius: 6px; }
body.brand-app #header .brand img { object-fit: contain; filter: none; }
body.brand-app #footer { background: var(--ou-blue); color: var(--ou-pale); border-color: #ffffff24; }
body.brand-app #footer :is(h3,a,p,span,.brand-text) { color: var(--ou-pale); }
body.brand-app #footer h3 { color: #fff; }
body.brand-app #footer .home-footer-brand p { color: var(--ou-pale); }
body.brand-app #footer .home-footer-legal { color: #d5e5ef; border-color: #ffffff2e; }
body.brand-app #footer a:hover { color: var(--ou-yellow); }
body.brand-app #footer :focus-visible { outline-color: var(--ou-yellow); }

/* Form controls and real actions share one vocabulary. */
body.brand-app :is(input,select,textarea) {
  border-color: #9c9384;
  border-radius: 4px;
  background: var(--ou-sheet);
  color: var(--ou-ink);
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  font-weight: 400;
}
body.brand-app :is(input,select,textarea):hover { border-color: #786b5e; }
body.brand-app :is(input,select,textarea):focus { border-color: var(--ou-blue); }
body.brand-app input:is([type=checkbox],[type=radio]) { min-height: 18px; accent-color: var(--ou-blue); }
body.brand-app :is(input,textarea)::placeholder { color: #776c5d; }
body.brand-app label { line-height: 1.7; }
body.brand-app :is(.button,.ou-button) {
  min-height: 48px;
  border-radius: 26px;
  padding: 11px 22px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.65;
  max-width: 100%;
  box-shadow: none;
}
body.brand-app :is(.button,.ou-button):active { transform: translateY(1px); }
body.brand-app .button.outline { border-color: var(--ou-blue); color: var(--ou-blue); background: transparent; }
body.brand-app .button.outline:hover { background: var(--ou-pale); }
body.brand-app .button.soft { background: var(--ou-pale); color: var(--ou-blue); }
body.brand-app .button.small { min-height: 44px; padding: 9px 18px; }
body.brand-app .button:disabled,body.brand-app .button[aria-disabled=true] { cursor: not-allowed; transform: none; }
body.brand-app .text-button { color: var(--ou-blue); min-height: 44px; text-underline-offset: 4px; }
body.brand-app .text-button:hover { text-decoration: underline; }
body.brand-app .tag { border-radius: 3px; font-size: 12px; line-height: 1.65; font-weight: 500; }
body.brand-app :is(.notice,.student-feedback,.community-demo,.community-local-note,.community-confirm,.student-confirm) {
  border-radius: 6px;
  box-shadow: none;
  padding: 16px 20px;
  color: var(--ou-muted);
  background: var(--ou-pale);
  font-size: 14px;
  line-height: 1.85;
}
body.brand-app :is(.notice.warm,.student-confirm,.community-confirm) { background: #f7e9ba; color: #665323; }
body.brand-app :is(.notice.error,.student-feedback.is-error) { background: #f8e7df; color: #823b2b; border-color: #d7a99e; }
body.brand-app :is(.notice.success,.student-feedback) { border-color: #b4cad9; color: #205a7f; }
body.brand-app :is(.empty,.student-empty) { background: var(--ou-sheet); border-color: var(--ou-line); border-radius: 6px; padding: 36px 24px; }
body.brand-app :is(.empty,.student-empty) :is(h2,h3) { color: var(--ou-blue); font-size: 24px; }

/* Compact, consistent page openings keep the actual task in view. */
body.brand-app :is(.page-head,.detail-head,.brand-page-head) { background: var(--ou-paper); padding-block: 44px 32px; }
body.brand-app :is(.page-head,.detail-head,.brand-page-head) h1,
body.brand-app .student-center .student-header h1 { font-size: clamp(30px,3.5vw,44px); line-height: 1.35; color: var(--ou-blue); font-weight: 700; }
body.brand-app :is(.page-head,.detail-head) p { color: var(--ou-muted); max-width: 780px; font-size: 16px; line-height: 1.85; }
body.brand-app .breadcrumb { margin-bottom: 20px; font-size: 13px; }
body.brand-app .brand-page-head>.container { grid-template-columns: minmax(0,1fr) 176px; gap: 48px; }
body.brand-app .brand-page-mascot { width: 176px; height: 176px; }
body.brand-app .brand-page-head .button-row { margin-top: 20px; }
body.brand-app .browse-ways { gap: 8px 24px; margin-top: 16px; }
body.brand-app .page-body { padding-block: 12px 72px; }
body.brand-app :is(.detail-content,.university-detail,.match-form,.form-section) h2 { font-size: 25px; }

/* Full university directory: editorial rows, neutral metadata, reliable wrapping. */
body.brand-app .global-directory { padding-bottom: 72px; }
body.brand-app .continent-nav { gap: 8px 28px; border-color: #c6c2b3; }
body.brand-app .continent-nav button { min-height: 56px; border-bottom-width: 2px; font-weight: 700; }
body.brand-app .directory-filters { gap: 20px; margin-top: 24px; }
body.brand-app .directory-filters label { font-size: 14px; }
body.brand-app .directory-explainer { background: var(--ou-pale); border-radius: 6px; padding: 18px 22px; gap: 28px; }
body.brand-app .directory-explainer strong { color: var(--ou-blue); }
body.brand-app .directory-toolbar { padding-block: 24px 4px; }
body.brand-app .continent-heading { padding-bottom: 16px; }
body.brand-app .continent-heading h2 { font-size: 28px; font-weight: 700; }
body.brand-app .directory-table { border-color: var(--ou-line); }
body.brand-app .directory-table th { background: #eee9d8; color: #655a50; font-size: 13px; font-weight: 600; padding-block: 12px; }
body.brand-app .directory-table td { vertical-align: top; padding-block: 20px; line-height: 1.75; }
body.brand-app .directory-table td:first-child { padding-left: 0; }
body.brand-app .directory-table th:first-child { padding-left: 16px; }
body.brand-app .directory-table tbody tr { background: transparent; }
body.brand-app .directory-table tbody tr:hover { background: #fffdf466; }
body.brand-app .directory-school { color: var(--ou-blue); font-size: 16px; line-height: 1.65; font-weight: 700; }
body.brand-app .directory-table a { text-underline-offset: 4px; }
body.brand-app .directory-sources { border-color: var(--ou-line); }
body.brand-app .directory-sources summary { min-height: 44px; padding-block: 10px; }
body.brand-app .directory-sources a { overflow-wrap: anywhere; }

/* Matching and project selection use the same open content column and useful rail. */
body.brand-app .match-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 64px; padding-top: 16px; }
body.brand-app .match-form>section { padding-bottom: 32px; margin-bottom: 32px; }
body.brand-app .match-form h2 { font-size: 25px; gap: 12px; }
body.brand-app .match-fields { gap: 24px; }
body.brand-app .match-fields label { font-weight: 600; }
body.brand-app .match-guide { background: var(--ou-pale); border-radius: 6px; padding: 24px; top: 120px; }
body.brand-app .match-guide h2 { font-size: 23px; }
body.brand-app .match-guide :is(p,dd) { color: var(--ou-muted); font-size: 14px; }
body.brand-app .match-guide dt { color: var(--ou-blue); }
body.brand-app .match-result-heading h2 { font-size: 28px; }
body.brand-app .match-result { padding-block: 28px; border-color: var(--ou-line); }
body.brand-app .match-result h3 { color: var(--ou-blue); font-size: 22px; }
body.brand-app .match-result .match-status { display: block; width: fit-content; max-width: 100%; padding: 8px 12px; margin: 0 0 12px; border-radius: 4px; background: var(--ou-pale); color: #205a7f; font-size: 13px; line-height: 1.8; white-space: normal; overflow-wrap: anywhere; }
body.brand-app .match-status strong { font-weight: 700; }
body.brand-app .match-result:has(.match-conflict) .match-status { background: #f8e7df; color: #823b2b; }
body.brand-app .match-reasons { gap: 8px; }
body.brand-app .match-reasons>p { padding: 7px 10px; border-radius: 3px; background: #eee9d8; line-height: 1.8; }
body.brand-app .match-pending { color: var(--ou-muted); font-size: 13px; line-height: 1.85; }
body.brand-app .match-more summary { padding-block: 12px; min-height: 44px; }
body.brand-app .search-layout { gap: 36px; grid-template-columns: 240px minmax(0,1fr); }
body.brand-app .scholarship-search .filter-panel { background: var(--ou-pale); border-radius: 6px; top: 120px; }
body.brand-app .filter-title h2 { color: var(--ou-blue); }
body.brand-app .filter-group { border-color: #bfced8; }
body.brand-app .filter-options button { background: var(--ou-sheet); border-color: #b8c6cd; font-weight: 500; }
body.brand-app .search-active-filters { background: #eee9d8; }
body.brand-app .search-filter-chip { border-radius: 20px; }
body.brand-app .scholarship-card { border-radius: 6px; padding: 26px 28px; margin-bottom: 16px; }
body.brand-app .scholarship-card:hover { border-color: #93b6cc; }
body.brand-app .card-top h3 { color: var(--ou-blue); font-size: 23px; font-weight: 700; }
body.brand-app .card-facts { gap: 20px; }
body.brand-app .card-bottom small { color: var(--ou-muted); line-height: 1.75; }

/* Detail pages remain long-form, with no duplicated panels around every section. */
body.brand-app .detail-layout { grid-template-columns: minmax(0,1fr) 320px; gap: 56px; padding-block: 12px 72px; }
body.brand-app .detail-content section { margin-bottom: 40px; }
body.brand-app .detail-content h2 { font-size: 25px; margin-bottom: 20px; }
body.brand-app .definition-list>div { padding-block: 18px; border-color: var(--ou-line); }
body.brand-app .definition-list dt { font-weight: 600; }
body.brand-app .detail-side { border-radius: 6px; background: var(--ou-pale); border: 0; padding: 26px; }
body.brand-app .detail-side h3 { color: var(--ou-blue); }
body.brand-app .detail-side .funding-amount { font-size: 27px; }
body.brand-app :is(.source-list a,.university-sources>a) { text-underline-offset: 4px; }
body.brand-app .timeline li::before { box-shadow: 0 0 0 4px var(--ou-paper); }
body.brand-app .university-detail { grid-template-columns: minmax(0,1fr) 280px; gap: 64px; padding-block: 12px 72px; }
body.brand-app .university-scheme h3 { font-size: 23px; color: var(--ou-blue); }
body.brand-app .university-scheme { padding-block: 24px 32px; }
body.brand-app .university-aside { top: 120px; padding: 24px; border-radius: 6px; background: var(--ou-pale); }
body.brand-app .university-aside>img { width: 160px; height: 160px; margin-bottom: 20px; }
body.brand-app .university-aside h3 { color: var(--ou-blue); }
body.brand-app .university-sources { padding-top: 36px; }
body.brand-app .project-mentors { margin-top: 32px; }
body.brand-app .project-mentors>h2 { font-size: 24px; color: var(--ou-blue); }
body.brand-app .project-mentor-group h3 { font-size: 15px; color: var(--ou-muted); }
body.brand-app .project-mentor-name { color: var(--ou-blue); }
body.brand-app :is(.project-mentor-school,.project-mentor-demo,.project-mentor-service,.project-mentor-english) { color: var(--ou-muted); font-size: 13px; line-height: 1.75; }
body.brand-app .project-mentor-bottom a { min-height: 44px; align-content: center; font-size: 13px; }
body.brand-app .project-mentor-empty { background: var(--ou-pale); border-radius: 6px; color: var(--ou-muted); }

/* Budget and saved plans: blue is reserved for the useful total and primary action. */
body.brand-app .budget-layout { grid-template-columns: minmax(0,1fr) 350px; gap: 56px; }
body.brand-app .form-section { margin-bottom: 32px; padding-bottom: 32px; }
body.brand-app .form-section h2 { font-size: 25px; }
body.brand-app .form-grid { gap: 24px; }
body.brand-app .scenario-tabs { padding: 4px; background: #e8e2cf; border-radius: 6px; gap: 4px; }
body.brand-app .scenario-tabs button { min-height: 44px; border-radius: 4px; color: var(--ou-muted); }
body.brand-app .scenario-tabs button.active,body.brand-app .scenario-tabs button[aria-pressed=true] { background: var(--ou-sheet); color: var(--ou-blue); box-shadow: none; }
body.brand-app .budget-example { background: var(--ou-pale); border-radius: 6px; }
body.brand-app .budget-result { background: var(--ou-blue); border-radius: 8px; top: 120px; padding: 28px; }
body.brand-app .budget-result :is(h2,h3,.result-amount) { color: #fff; }
body.brand-app .budget-result .result-amount { font-family: Manrope,sans-serif; font-size: 38px; font-weight: 700; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
body.brand-app .budget-result .result-breakdown { color: var(--ou-pale); }
/* Existing budget/package components mark their button colours important. */
body.brand-app .budget-result :is(.button,.ou-button),body.brand-app .student-package .button { background: var(--ou-yellow) !important; color: var(--ou-ink) !important; border-color: var(--ou-yellow); }
body.brand-app .budget-result :is(.button,.ou-button):hover,body.brand-app .student-package .button:hover { background: #ffedac !important; color: var(--ou-ink) !important; }
body.brand-app .budget-result :focus-visible,body.brand-app .student-package :focus-visible { outline-color: var(--ou-yellow); }
body.brand-app .budget-result .notice { background: #ffffff14; color: var(--ou-pale); }
body.brand-app .plan-layout { gap: 48px; }
body.brand-app .plan-card { background: var(--ou-sheet); border-radius: 6px; }
body.brand-app .plan-card-head h3 { color: var(--ou-blue); }
body.brand-app .plan-card-foot { background: transparent; border-color: var(--ou-line); }
body.brand-app .plan-summary strong { color: var(--ou-blue); font-variant-numeric: tabular-nums; }
body.brand-app .plan-aside { background: var(--ou-pale); padding: 24px; border-radius: 6px; }
body.brand-app .plan-aside h2 { font-size: 23px; }

/* Student workspace: a calm desk for real details, documents and local drafts. */
body.brand-app .student-center { padding-top: 0; padding-bottom: 72px; }
body.brand-app .student-header { background: var(--ou-paper); padding: 44px max(40px,calc((100% - 1220px)/2)) 28px; margin-bottom: 0; }
body.brand-app .student-header p { font-size: 16px; line-height: 1.85; }
body.brand-app .student-tabs { background: transparent; border-radius: 0; gap: 28px; border-color: #c6c2b3; }
body.brand-app .student-tabs a { border-radius: 0; min-height: 52px; padding: 12px 0; color: var(--ou-muted); font-size: 15px; }
body.brand-app .student-tabs a[aria-current=page] { color: var(--ou-blue); background: transparent; font-weight: 700; }
body.brand-app .student-tabs a:hover { background: transparent; color: var(--ou-blue); }
body.brand-app .student-local-note { margin-block: 16px 28px; font-size: 13px; line-height: 1.85; }
body.brand-app :is(.student-overview,.student-application-layout) { gap: 36px; }
body.brand-app .student-section-head h2 { font-size: 25px; color: var(--ou-blue); }
body.brand-app .student-section-head h3 { font-size: 21px; color: var(--ou-blue); }
body.brand-app :is(.student-panel,.student-application-list,.student-data-tools,.student-upload) { border-radius: 6px; border-color: var(--ou-line); box-shadow: none; }
body.brand-app .student-panel { padding: 26px; background: var(--ou-sheet); }
body.brand-app .student-panel :is(h2,h3) { color: var(--ou-blue); }
body.brand-app .student-aside .student-panel { background: var(--ou-pale); }
body.brand-app .student-aside .student-panel.plain { background: transparent; padding: 0; }
body.brand-app .student-application-list { background: var(--ou-sheet); padding-inline: 26px; }
body.brand-app .student-application-row h3 { color: var(--ou-blue); font-size: 22px; }
body.brand-app .student-upload { background: var(--ou-pale); padding: 26px; }
body.brand-app .student-center input[type=file] { background: var(--ou-sheet); font-size: 14px; }
body.brand-app .student-center input[type=file]::file-selector-button { background: var(--ou-paper); color: var(--ou-blue); border-color: #b5ad9d; min-height: 40px; font-size: 14px; font-weight: 600; }
body.brand-app .student-file-type { background: var(--ou-pale); color: var(--ou-blue); border-radius: 4px; }
body.brand-app .student-material-info h3 { color: var(--ou-ink); line-height: 1.65; }
body.brand-app .student-row-actions { flex-wrap: wrap; gap: 8px 20px; }
body.brand-app .student-row-actions button { min-height: 44px; }
body.brand-app .student-package { padding: 26px; background: var(--ou-blue); border-radius: 8px; }
body.brand-app .student-package h3 { color: #fff; font-size: 23px; }
body.brand-app .student-package :is(p,.student-small,.student-missing) { color: var(--ou-pale); font-size: 13px; line-height: 1.85; }
body.brand-app .student-package .button .ou-ui-icon { filter: none; }
body.brand-app .student-package progress::-webkit-progress-value { background: var(--ou-yellow); }
body.brand-app .student-package progress::-moz-progress-bar { background: var(--ou-yellow); }
body.brand-app .student-match-banner { padding: 24px; border-radius: 6px; background: var(--ou-pale); }
body.brand-app .student-match-banner h2 { color: var(--ou-blue); font-size: 23px; }
body.brand-app .student-match-banner p { color: var(--ou-muted); }
body.brand-app .student-center .help { font-size: 13px; line-height: 1.75; }
body.brand-app .student-check a { text-underline-offset: 4px; }
body.brand-app .student-preview { background: var(--ou-sheet); border-radius: 8px; }
body.brand-app .student-preview::backdrop { background: #24171380; }
body.brand-app .student-preview h2 { color: var(--ou-blue); }
body.brand-app .student-skeleton { background: #e6e0cf; border-radius: 4px; }

/* The three funding guides now belong to the same scholarship product. */
body.brand-app .funding-guide { --fg-paper: var(--ou-paper); --fg-ink: var(--ou-ink); --fg-text: var(--ou-ink); --fg-muted: var(--ou-muted); --fg-rule: var(--ou-line); --fg-soft: var(--ou-pale); --fg-blue: var(--ou-blue); --fg-sky: var(--ou-sky); background: var(--ou-paper); }
body.brand-app .fg-hero { background: var(--ou-paper); }
body.brand-app .fg-hero-inner { grid-template-columns: minmax(0,1fr) 168px; padding-block: 44px 28px; gap: 28px 48px; }
body.brand-app .fg-heading h1 { font-size: clamp(30px,3.5vw,44px); color: var(--ou-blue); font-weight: 700; }
body.brand-app .fg-heading h1 span { color: var(--ou-blue); }
body.brand-app .fg-heading>p { margin-top: 18px; max-width: 48em; font-size: 16px; }
body.brand-app .fg-mascot { width: 168px; }
body.brand-app .fg-mascot img { width: 168px; height: 168px; }
body.brand-app .fg-mascot figcaption { font-size: 12px; }
body.brand-app .fg-nav { border-bottom: 1px solid var(--ou-line); gap: 10px 28px; margin-top: 16px; }
body.brand-app .fg-nav a { min-height: 52px; font-size: 15px; font-weight: 600; }
body.brand-app .fg-layout { grid-template-columns: 280px minmax(0,1fr); gap: 36px; padding-block: 24px 72px; }
body.brand-app .fg-filters { padding: 24px 20px; border-radius: 6px; gap: 22px; }
body.brand-app .fg-filter-heading h2 { font-size: 23px; color: var(--ou-blue); }
body.brand-app .fg-filters :is(legend,.fg-select-label) { font-size: 14px; font-weight: 600; }
body.brand-app .fg-stages { border-radius: 5px; background: #d6e4ee; }
body.brand-app .fg-stage>span { border-radius: 4px; min-height: 56px; }
body.brand-app .fg-stage input:checked+span { background: var(--ou-sheet); color: var(--ou-blue); }
body.brand-app .fg-stage small { font-size: 12px; }
body.brand-app .fg-choice>span { border-color: #b3c4ce; background: var(--ou-sheet); font-size: 13px; font-weight: 600; }
body.brand-app .fg-choice input:checked+span { background: var(--ou-blue); border-color: var(--ou-blue); color: #fff; }
body.brand-app .fg-select-label select { min-height: 48px; border-radius: 4px; background: var(--ou-sheet); border-color: #9c9384; font-size: 14px; }
body.brand-app .fg-bar h2 { color: var(--ou-blue); font-size: 28px; font-weight: 700; }
body.brand-app .fg-results { gap: 0; border-top: 1px solid var(--ou-line); }
body.brand-app .fg-project { border: 0; border-bottom: 1px solid var(--ou-line); border-radius: 0; background: transparent; padding: 26px 0; gap: 20px 24px; }
body.brand-app .fg-project h3 { font-size: 22px; font-weight: 700; }
body.brand-app .fg-project h3 a { color: var(--ou-blue); }
body.brand-app .fg-project-name { font-size: 15px; }
body.brand-app .fg-project :is(.fg-scope,.fg-degree,.fg-status) { border-radius: 3px; font-weight: 500; }
body.brand-app .fg-meta .fg-scope { background: var(--ou-pale); }
body.brand-app .fg-meta .fg-status { background: #eee9d8; }
body.brand-app .fg-project-money { border-color: var(--ou-line); }
body.brand-app .fg-project-money strong { color: var(--ou-blue); }
body.brand-app .fg-results-b { column-gap: 32px; }
body.brand-app .fg-fx { background: #eee9d8; border-radius: 6px; }
body.brand-app .fg-fx h2 { color: var(--ou-blue); font-size: 23px; }
body.brand-app .fg-fx-inner { gap: 24px 48px; }
body.brand-app .fg-fx :is(input,select) { background: var(--ou-sheet); }
body.brand-app .fg-fx dl { gap: 20px; }
body.brand-app .source-examples { border-color: var(--ou-line); color: var(--ou-ink); }
body.brand-app .source-examples-panel { background: var(--ou-sheet); border-color: var(--ou-line); border-radius: 6px; }
body.brand-app .source-examples-panel>summary { color: var(--ou-blue); }
body.brand-app .source-examples-panel>summary>strong { font-weight: 700; }
body.brand-app :is(.source-examples-intro,.source-examples-panel>summary>span,.source-example-group h3 small,.source-example-degree,.source-example-english,.source-example-school span,.source-example-facts,.source-example-period) { color: var(--ou-muted); }
body.brand-app .source-examples :is(h2,h3) { color: var(--ou-blue); font-weight: 700; }
body.brand-app .source-example { background: transparent; border-color: var(--ou-line); border-radius: 0; }
body.brand-app .source-example :is(p,dd) { color: var(--ou-muted); }
body.brand-app .source-example :is(dt,summary) { color: var(--ou-ink); }
body.brand-app .source-example-label { color: var(--ou-blue); font-weight: 600; }
body.brand-app .source-examples-fx-note { background: #f7e9ba; color: #665323; border-radius: 4px; }

/* Applicant support uses the same type and surfaces, with demo notices kept visible. */
body.brand-app .community-root h1 { font-size: clamp(30px,3.5vw,44px); }
body.brand-app .community-body { padding-block: 12px 72px; }
body.brand-app .community-demo { border: 0; margin-bottom: 28px; }
body.brand-app .community-demo strong { color: var(--ou-blue); }
body.brand-app .community-filter-form { gap: 20px; margin-bottom: 28px; }
body.brand-app .community-filter-form label { font-size: 14px; }
body.brand-app .community-grid { gap: 20px; }
body.brand-app .community-card { padding: 26px; background: var(--ou-sheet); border-color: var(--ou-line); border-radius: 6px; box-shadow: none; }
body.brand-app .community-person h2 { font-size: 23px; color: var(--ou-blue); }
body.brand-app :is(.community-person p,.community-intro,.community-service-choice span,.community-card .small) { color: var(--ou-muted); }
body.brand-app .community-tags span { border-radius: 3px; background: #eee9d8; color: var(--ou-muted); font-weight: 500; }
body.brand-app .community-tags .is-free { color: #205a7f; background: var(--ou-pale); }
body.brand-app .community-offer-summary { border-color: var(--ou-line); }
body.brand-app .community-fees dd { color: var(--ou-blue); font-variant-numeric: tabular-nums; }
body.brand-app :is(.community-detail-layout,.community-join-layout) { grid-template-columns: minmax(0,1fr) 300px; gap: 56px; }
body.brand-app .community-cost-panel { top: 120px; background: var(--ou-pale); border-radius: 6px; padding: 24px; }
body.brand-app .community-cost-panel :is(h2,h3) { color: var(--ou-blue); }
body.brand-app .community-cost-panel .community-local-note { padding: 16px 0 0; background: transparent; border-top: 1px solid #bdcfdb; border-radius: 0; }
body.brand-app .community-service-choice { border-color: var(--ou-line); border-radius: 6px; padding: 18px; background: var(--ou-sheet); }
body.brand-app .community-service-choice:has(input:checked) { border-color: var(--ou-blue); background: var(--ou-pale); }
body.brand-app .community-service-choice strong { color: var(--ou-blue); }
body.brand-app .community-form-section { margin-bottom: 32px; padding-bottom: 28px; }
body.brand-app .community-form-section h2 { font-size: 25px; color: var(--ou-blue); }
body.brand-app .community-form-grid { gap: 24px; }
body.brand-app .community-record { border-color: var(--ou-line); border-radius: 6px; background: var(--ou-sheet); padding: 26px; }
body.brand-app .community-record h2 { font-size: 24px; color: var(--ou-blue); }
body.brand-app .community-record-purpose { color: var(--ou-muted); overflow-wrap: anywhere; }
body.brand-app .community-record-status { border-radius: 3px; background: #eee9d8; color: var(--ou-muted); }
body.brand-app .community-message { background: var(--ou-pale); color: #205a7f; border-radius: 6px; }
body.brand-app :is(.community-message.is-error,.community-form-error) { background: #f8e7df; color: #823b2b; border-radius: 6px; }
body.brand-app .community-save-feedback { color: #205a7f; }
body.brand-app .community-fee-note { background: var(--ou-pale); border-radius: 6px; padding: 26px; }
body.brand-app .community-empty { background: var(--ou-sheet); border: 1px solid var(--ou-line); border-radius: 6px; padding: 36px 24px; }
body.brand-app .community-profile-identity h2 { color: var(--ou-blue); font-size: 26px; }
body.brand-app .community-profile-identity>img { border-radius: 8px; }

/* Team cards retain their interactive deck geometry. */
body.brand-app .team-deck-card { background: var(--ou-sheet); border-color: var(--ou-line); border-radius: 8px; box-shadow: 0 8px 22px #2417130c; }
body.brand-app .team-deck-portrait { background: var(--ou-pale); border-radius: 8px 8px 0 0; }
body.brand-app .team-deck-card:nth-child(even) .team-deck-portrait { background: #eee5c7; }
body.brand-app .team-deck-copy strong { color: var(--ou-blue); font-family: Manrope,sans-serif; font-size: 24px; font-weight: 700; }
body.brand-app :is(.team-deck-role,.team-deck-school,.team-deck-english,.team-deck-hint) { color: var(--ou-muted); }
body.brand-app .team-deck-english { font-size: 12px; }
body.brand-app .team-deck-degree { color: var(--ou-blue); }
body.brand-app .team-deck-controls button { border-color: var(--ou-blue); background: var(--ou-paper); color: var(--ou-blue); }
body.brand-app .team-deck-controls button:hover { background: var(--ou-blue); color: #fff; }

/* Practical guides read like an annotated checklist rather than another hero. */
body.brand-app .v2-guide-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 64px; padding-block: 16px 72px; }
body.brand-app .v2-guide-layout article>section { gap: 20px; margin-bottom: 32px; padding-bottom: 28px; border-bottom: 1px solid var(--ou-line); }
body.brand-app .v2-guide-number { color: var(--ou-blue); font-family: Manrope,sans-serif; font-size: 25px; font-weight: 700; min-width: 28px; }
body.brand-app .v2-guide-layout article h2 { color: var(--ou-blue); font-size: 25px; font-weight: 700; margin-bottom: 12px; }
body.brand-app .v2-guide-layout article p { color: var(--ou-muted); font-size: 15px; line-height: 1.95; }
body.brand-app .v2-guide-layout aside { padding: 24px; background: var(--ou-pale); border-radius: 6px; align-self: start; }
body.brand-app .v2-guide-layout aside h3 { color: var(--ou-blue); font-size: 21px; }
body.brand-app .v2-guide-layout aside p { color: var(--ou-muted); font-size: 14px; line-height: 1.85; }
body.brand-app .v2-guide-layout aside a { font-size: 14px; line-height: 1.85; min-height: 44px; align-content: center; overflow-wrap: anywhere; }
body.brand-app .v2-guide-layout aside hr { border-color: #bfced8; margin-block: 24px; }

/* Scholarship-only homepage scenes. Their SVG art stays whole at every size. */
.ou-overlake .ou-overlake-stats-inner { grid-template-columns: 1fr 1.2fr 1.5fr; }
.ou-overlake .ou-scholarship-application-media,
.ou-overlake .ou-overlake-feature-reverse .ou-scholarship-application-media {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 420px;
  margin: 0;
  padding: 36px 24px 28px;
  background: #e5eff6;
  border-radius: 16px 120px 16px 16px;
}
.ou-overlake .ou-scholarship-application-art { display: block; width: 100%; max-width: 460px; height: auto; aspect-ratio: 360/260; object-fit: contain; }
.ou-overlake .ou-scholarship-application-caption { position: static; max-width: 34em; padding: 12px 0 0; background: transparent; color: #526875; font-size: 13px; line-height: 1.8; text-align: center; }
.ou-overlake .ou-scholarship-application-caption span { display: block; margin-top: 4px; }
.ou-overlake .ou-scholarship-help { background: #e5eff6; padding-block: 80px; }
.ou-overlake .ou-scholarship-help-layout { display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); gap: 72px; align-items: center; }
.ou-overlake .ou-scholarship-help-art { display: block; width: 100%; min-width: 0; max-width: 520px; height: auto; aspect-ratio: 360/260; object-fit: contain; background: #f7f2df; border-radius: 120px 16px 16px 16px; padding: 24px; }
.ou-overlake .ou-scholarship-help-art>img { display: block; width: 100%; height: auto; aspect-ratio: 360/260; object-fit: contain; }
.ou-overlake .ou-scholarship-help-copy { min-width: 0; }
.ou-overlake .ou-scholarship-help-copy h2 { margin: 0; color: #17639b; }
.ou-overlake .ou-scholarship-help-copy>p:not(.ou-eyebrow) { margin-top: 24px; color: #6c5f58; font-size: 15px; line-height: 1.95; max-width: 40em; }
.ou-overlake .ou-scholarship-help-copy ul { margin-block: 24px; padding-left: 20px; color: #241713; font-size: 14px; line-height: 1.95; }
.ou-overlake .ou-scholarship-help-copy li+li { margin-top: 8px; }
.ou-overlake .ou-scholarship-help-copy .ou-button { margin-top: 8px; }
.ou-overlake .ou-scholarship-help-copy :is(.ou-overlake-hero-actions,.button-row,.ou-scholarship-help-actions) { display: flex; flex-wrap: wrap; gap: 16px 24px; align-items: center; }
.ou-overlake .ou-scholarship-help-copy :is(.ou-text-link,.ou-light-link) { color: #17639b; text-underline-offset: 4px; }
.ou-overlake .ou-scholarship-help-copy :is(small,.small,.ou-scholarship-demo-note,.ou-scholarship-help-note,.ou-overlake-small) { display: block; color: #6c5f58; font-size: 13px; line-height: 1.85; margin-top: 20px; }

@media (max-width:1100px) {
  body.brand-app :is(.container,.fg-wrap),body.brand-app #header .nav-inner { width: calc(100% - 56px); }
  body.brand-app .student-header { padding-inline: 28px; }
  body.brand-app :is(.match-layout,.university-detail,.detail-layout,.budget-layout,.community-detail-layout,.community-join-layout,.v2-guide-layout) { gap: 32px; }
  body.brand-app .match-layout,body.brand-app .university-detail { grid-template-columns: minmax(0,1fr) 250px; }
  body.brand-app .detail-layout { grid-template-columns: minmax(0,1fr) 280px; }
  body.brand-app .budget-layout { grid-template-columns: minmax(0,1fr) 310px; }
  body.brand-app .directory-filters { grid-template-columns: minmax(0,1.7fr) repeat(2,minmax(0,1fr)); gap: 16px; }
  body.brand-app .directory-filters>.text-button { justify-self: start; }
  body.brand-app .fg-layout { grid-template-columns: 250px minmax(0,1fr); gap: 28px; }
  body.brand-app .fg-project { grid-template-columns: minmax(0,1fr); }
  body.brand-app .fg-project-money { padding-top: 16px; border-top: 1px solid var(--ou-line); }
  body.brand-app .v2-guide-layout { grid-template-columns: minmax(0,1fr) 250px; }
  .ou-overlake .ou-scholarship-help-layout { gap: 40px; }
}

@media (max-width:900px) {
  body.brand-app :is(.match-layout,.detail-layout,.university-detail,.budget-layout,.plan-layout,.community-detail-layout,.community-join-layout,.v2-guide-layout) { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.brand-app :is(.match-guide,.detail-side,.university-aside,.budget-result,.community-cost-panel) { position: static; top: auto; }
  body.brand-app .match-guide dl { display: block; }
  body.brand-app .university-aside { display: block; }
  body.brand-app .university-aside>img { float: right; width: 120px; height: 120px; margin: 0 0 16px 24px; }
  body.brand-app .university-aside::after { content: ''; display: block; clear: both; }
  body.brand-app .university-aside>.button { width: auto; margin-right: 12px; }
  body.brand-app .project-side-column { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: start; }
  body.brand-app .project-mentors { margin-top: 0; }
  body.brand-app .project-mentor-groups { grid-template-columns: 1fr; }
  body.brand-app .budget-result { width: 100%; max-width: none; }
  body.brand-app .community-cost-panel { grid-row: auto; }
  body.brand-app .fg-layout { grid-template-columns: minmax(0,1fr); }
  body.brand-app .fg-filters { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  body.brand-app .fg-filter-heading,body.brand-app .fg-filter-limit { grid-column: 1/-1; }
  body.brand-app .fg-project { grid-template-columns: minmax(0,1fr) 220px; }
  body.brand-app .fg-project-money { border-top: 0; padding-top: 0; }
  body.brand-app .fg-results-b { grid-template-columns: minmax(0,1fr); }
  body.brand-app :is(.student-overview,.student-application-layout) { grid-template-columns: minmax(0,1fr); }
  body.brand-app :is(.student-aside,.student-package-aside) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
  body.brand-app .v2-guide-layout aside { display: block; }
}

@media (max-width:768px) {
  body.brand-app :is(.container,.fg-wrap),body.brand-app #header .nav-inner { width: calc(100% - 40px); }
  body.brand-app #header .nav-inner { min-height: 80px; }
  body.brand-app #header .brand img,body.brand-app #header.is-scrolled .brand img { width: 116px; height: 54px; }
  body.brand-app #header .main-nav { background: var(--ou-blue); border-color: #ffffff24; }
  body.brand-app #header :is(.main-nav>a,.nav-group>summary) { color: #fff; }
  body.brand-app #header .main-nav>a.active,body.brand-app #header .nav-group.is-current>summary { color: var(--ou-yellow); border-color: var(--ou-yellow); }
  body.brand-app #header .nav-dropdown a { color: var(--ou-ink); }
  body.brand-app #header .nav-plan { border: 1px solid #ffffff55; }
  body.brand-app :is(.page-head,.detail-head,.brand-page-head) { padding-block: 32px 28px; }
  body.brand-app .brand-page-head>.container { grid-template-columns: minmax(0,1fr) 124px; gap: 24px; }
  body.brand-app .brand-page-mascot { width: 124px; height: 124px; }
  body.brand-app :is(.page-head,.detail-head) p { font-size: 15px; }
  body.brand-app .student-header { padding: 32px 20px 24px; }
  body.brand-app .student-header p { font-size: 15px; }
  body.brand-app .search-layout { grid-template-columns: minmax(0,1fr); gap: 28px; }
  body.brand-app .scholarship-search .filter-panel { position: static; }
  body.brand-app .directory-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body.brand-app .directory-query { grid-column: 1/-1; }
  body.brand-app .directory-filters>.text-button { align-self: end; justify-self: end; }
  body.brand-app .directory-explainer { grid-template-columns: minmax(0,1fr); gap: 12px; }
  body.brand-app .directory-table th { padding-inline: 10px; }
  body.brand-app .directory-table td { padding-inline: 10px; font-size: 13px; }
  body.brand-app .directory-school { font-size: 15px; }
  body.brand-app .continent-nav { flex-wrap: nowrap; overflow-x: auto; gap: 24px; max-width: 100%; scrollbar-width: thin; }
  body.brand-app .continent-nav button { flex: 0 0 auto; font-size: 14px; }
  body.brand-app .community-filter-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
  body.brand-app .community-search { grid-column: 1/-1; }
  body.brand-app .community-grid { grid-template-columns: minmax(0,1fr); }
  body.brand-app .community-demo { align-items: start; }
  body.brand-app .community-demo strong { white-space: normal; }
  body.brand-app .fg-hero-inner { grid-template-columns: minmax(0,1fr) 124px; gap: 24px; padding-block: 32px 24px; }
  body.brand-app .fg-mascot,body.brand-app .fg-mascot img { width: 124px; }
  body.brand-app .fg-mascot img { height: 124px; }
  body.brand-app .fg-heading>p { font-size: 15px; }
  body.brand-app .fg-fx-inner { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .ou-overlake .ou-scholarship-application-media,
  .ou-overlake .ou-overlake-feature-reverse .ou-scholarship-application-media { min-height: 0; margin: 0; padding: 24px; border-radius: 12px 84px 12px 12px; }
  .ou-overlake .ou-scholarship-application-art { max-width: 440px; }
  .ou-overlake .ou-scholarship-help { padding-block: 56px; }
  .ou-overlake .ou-scholarship-help-layout { grid-template-columns: minmax(0,1fr); gap: 32px; }
  .ou-overlake .ou-scholarship-help-art { max-width: none; max-height: 400px; border-radius: 84px 12px 12px 12px; padding: 24px; }
  .ou-overlake .ou-scholarship-help-copy>p:not(.ou-eyebrow) { margin-top: 20px; }
}

@media (max-width:800px) {
  .ou-overlake .ou-overlake-stats-inner { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 24px; }
  .ou-overlake .ou-overlake-stats-inner>p { grid-column: 1/-1; }
}

@media (max-width:640px) {
  body.brand-app :is(.container,.fg-wrap),body.brand-app #header .nav-inner { width: calc(100% - 36px); }
  body.brand-app :is(.page-head,.detail-head,.brand-page-head) { padding-block: 28px 24px; }
  body.brand-app :is(.page-head,.detail-head,.brand-page-head) h1,
  body.brand-app .student-center .student-header h1 { font-size: 30px; }
  body.brand-app .brand-page-head>.container { grid-template-columns: minmax(0,1fr); }
  body.brand-app .breadcrumb { margin-bottom: 16px; font-size: 12px; }
  body.brand-app .page-body { padding-bottom: 52px; }
  body.brand-app :is(.button,.ou-button) { padding-inline: 20px; }
  body.brand-app :is(input,select,textarea),body.brand-app .directory-filters :is(input,select),body.brand-app .fg-select-label select { font-size: 16px; }
  body.brand-app :is(.notice,.community-demo,.community-local-note,.student-feedback) { padding: 16px; font-size: 13px; }
  body.brand-app :is(.empty,.student-empty) { padding: 28px 20px; }
  body.brand-app :is(.empty,.student-empty) :is(h2,h3) { font-size: 22px; }
  body.brand-app .global-directory { padding-bottom: 52px; }
  body.brand-app .directory-explainer { padding: 16px; }
  body.brand-app .directory-filters { gap: 16px; }
  body.brand-app .directory-filters label { font-size: 13px; }
  body.brand-app .directory-table tbody tr { padding-block: 22px; }
  body.brand-app .directory-table td { padding: 0; font-size: 13px; }
  body.brand-app .directory-school { font-size: 16px; }
  body.brand-app .directory-table td:last-child a { min-height: 44px; }
  body.brand-app .continent-heading { padding-bottom: 4px; }
  body.brand-app .continent-heading h2 { font-size: 25px; gap: 10px; }
  body.brand-app .continent-heading h2 span { font-size: 12px; }
  body.brand-app .continent-heading>a { font-size: 13px; }
  body.brand-app .match-layout { padding-top: 8px; gap: 28px; }
  body.brand-app .match-form h2 { font-size: 23px; }
  body.brand-app .match-form>section { padding-bottom: 28px; margin-bottom: 28px; }
  body.brand-app .match-fields { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.brand-app .match-guide { padding: 22px; }
  body.brand-app .match-result { grid-template-columns: minmax(0,1fr); padding-block: 24px; }
  body.brand-app .match-result h3 { font-size: 21px; }
  body.brand-app .match-result-heading h2 { font-size: 25px; }
  body.brand-app .match-result .match-status { padding: 8px 10px; font-size: 13px; }
  body.brand-app .match-results { padding-bottom: 52px; }
  body.brand-app .scholarship-card { padding: 22px 20px; }
  body.brand-app .card-top h3 { font-size: 21px; }
  body.brand-app .card-facts { gap: 16px; }
  body.brand-app .detail-layout,body.brand-app .university-detail { padding-bottom: 52px; }
  body.brand-app .project-side-column { grid-template-columns: minmax(0,1fr); gap: 32px; }
  body.brand-app .detail-content h2,body.brand-app .university-detail h2 { font-size: 23px; }
  body.brand-app .detail-side { padding: 22px; }
  body.brand-app .university-aside { padding: 22px; }
  body.brand-app .university-aside>img { width: 100px; height: 100px; margin-left: 16px; }
  body.brand-app .university-aside>.button { width: 100%; margin-right: 0; }
  body.brand-app .university-scheme h3 { font-size: 21px; }
  body.brand-app .definition-list>div { grid-template-columns: minmax(0,1fr); gap: 8px; }
  body.brand-app .form-section h2 { font-size: 23px; }
  body.brand-app .form-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.brand-app .budget-result { padding: 24px; }
  body.brand-app .budget-result .result-amount { font-size: 34px; }
  body.brand-app .budget-result .result-breakdown div { flex-wrap: wrap; gap: 4px 16px; }
  body.brand-app .plan-aside { padding: 22px; }
  body.brand-app .student-center { padding-bottom: 52px; }
  body.brand-app .student-header { padding: 28px 18px 20px; }
  body.brand-app .student-header p { font-size: 14px; }
  body.brand-app .student-tabs { gap: 24px; }
  body.brand-app .student-tabs a { font-size: 14px; padding-inline: 0; }
  body.brand-app .student-local-note { margin-bottom: 24px; font-size: 12px; }
  body.brand-app .student-section-head { gap: 12px; }
  body.brand-app .student-section-head h2 { font-size: 23px; }
  body.brand-app :is(.student-panel,.student-upload,.student-package) { padding: 22px 20px; }
  body.brand-app .student-application-list { padding-inline: 20px; }
  body.brand-app .student-application-row h3 { font-size: 21px; }
  body.brand-app :is(.student-aside,.student-package-aside) { display: flex; flex-direction: column; gap: 24px; }
  body.brand-app .student-form-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.brand-app .student-form-grid .wide { grid-column: auto; }
  body.brand-app .student-match-banner { padding: 20px; }
  body.brand-app .student-match-banner h2 { font-size: 21px; }
  body.brand-app .student-package h3 { font-size: 22px; }
  body.brand-app .student-library-filters { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.brand-app .student-row-actions { gap: 8px 16px; }
  body.brand-app .student-preview { padding: 20px 16px; }
  body.brand-app .fg-hero-inner { display: grid; grid-template-columns: minmax(0,1fr); padding-block: 28px 20px; }
  body.brand-app .fg-heading { padding-right: 0; }
  body.brand-app .fg-heading h1 { font-size: 30px; max-width: none; }
  body.brand-app .fg-heading>p { max-width: none; }
  body.brand-app .fg-mascot { position: static; justify-self: start; width: auto; max-width: none; display: flex; align-items: center; gap: 16px; text-align: left; }
  body.brand-app .fg-mascot img { width: 84px; height: 84px; }
  body.brand-app .fg-mascot figcaption { display: block; margin-top: 0; max-width: 200px; }
  body.brand-app .fg-nav { gap: 8px 24px; }
  body.brand-app .fg-nav a { font-size: 14px; }
  body.brand-app .fg-layout { gap: 28px; padding-block: 8px 52px; }
  body.brand-app .fg-filters { grid-template-columns: minmax(0,1fr); padding: 22px 20px; gap: 24px; }
  body.brand-app .fg-filter-heading,body.brand-app .fg-filter-limit { grid-column: auto; }
  body.brand-app .fg-bar h2 { font-size: 25px; }
  body.brand-app .fg-project { grid-template-columns: minmax(0,1fr); gap: 20px; padding-block: 24px; }
  body.brand-app .fg-project h3 { font-size: 21px; }
  body.brand-app .fg-project-money { padding-top: 16px; border-top: 1px solid var(--ou-line); }
  body.brand-app .fg-fx-inner { padding-block: 28px; }
  body.brand-app .fg-fx dl { grid-template-columns: minmax(0,1fr); gap: 16px; }
  body.brand-app .community-body { padding-block: 8px 52px; }
  body.brand-app .community-demo { display: block; }
  body.brand-app .community-demo strong { display: block; margin-bottom: 8px; }
  body.brand-app .community-filter-form { gap: 16px; }
  body.brand-app .community-card { padding: 22px 20px; }
  body.brand-app .community-person { gap: 14px; }
  body.brand-app .community-person h2 { font-size: 22px; }
  body.brand-app .community-cost-panel { padding: 22px 20px; }
  body.brand-app .community-form-section h2 { font-size: 23px; }
  body.brand-app .community-form-grid { grid-template-columns: minmax(0,1fr); gap: 22px; }
  body.brand-app .community-form-grid .community-wide { grid-column: auto; }
  body.brand-app .community-checkbox-group { grid-template-columns: minmax(0,1fr); }
  body.brand-app .community-service-choice { padding: 16px; }
  body.brand-app .community-record { padding: 22px 20px; }
  body.brand-app .community-record h2 { font-size: 22px; }
  body.brand-app .community-profile-identity { align-items: start; gap: 20px; }
  body.brand-app .community-profile-identity>img { width: 80px; height: 80px; }
  body.brand-app .community-profile-identity h2 { font-size: 23px; }
  body.brand-app .v2-guide-layout { padding-block: 8px 52px; gap: 32px; }
  body.brand-app .v2-guide-layout article>section { gap: 16px; padding-bottom: 24px; margin-bottom: 28px; }
  body.brand-app .v2-guide-layout article h2 { font-size: 23px; }
  body.brand-app .v2-guide-number { font-size: 23px; min-width: 24px; }
  body.brand-app .v2-guide-layout aside { padding: 22px 20px; }
}

@media (max-width:420px) {
  body.brand-app #header .brand-text { font-size: 13px; }
  body.brand-app .community-filter-form { grid-template-columns: minmax(0,1fr); }
  body.brand-app .directory-filters { gap: 16px 12px; }
  body.brand-app .directory-filters select { padding-inline: 10px; }
  body.brand-app .scenario-tabs button { font-size: 13px; padding-inline: 8px; }
  body.brand-app .fg-mascot { position: static; opacity: 1; }
  .ou-overlake .ou-scholarship-application-media,
  .ou-overlake .ou-overlake-feature-reverse .ou-scholarship-application-media { padding: 20px 16px; border-radius: 10px 64px 10px 10px; }
  .ou-overlake .ou-scholarship-application-caption { font-size: 12px; }
  .ou-overlake .ou-scholarship-help-art { padding: 16px; border-radius: 64px 10px 10px 10px; }
  .ou-overlake .ou-scholarship-help-copy :is(.ou-overlake-hero-actions,.button-row,.ou-scholarship-help-actions) { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion:reduce) {
  body.brand-app :is(.button,.ou-button),.ou-scholarship-help a { transition: none; }
  body.brand-app :is(.button,.ou-button):active { transform: none; }
}