:root{--rub-blue: #003560;--rub-blue-hover: #002845;--rub-blue-active: #001e33;--rub-accent: #66b3fb;--rub-accent-text: #003560;--rub-light: #dcebfb;--rub-light-mid: #4296e9;--rub-subtle: #ecf0f4;--rub-quiet: #5d7283;--rub-line: #8595a8;--rub-frame: rgb(0 53 96 / 20%);--rub-radius: 12px;--rub-radius-bar: 16px;--rub-shadow: 0 4px 12px rgb(0 13 23 / 5%);--rub-shadow-hover: 0 6px 24px rgb(0 13 23 / 12%);--rub-shadow-panel: 0 6px 12px rgb(0 53 96 / 20%);--rub-underline: rgb(0 53 96 / 40%);--rub-state-hover: rgb(0 53 96 / 8%);--rub-state-active: rgb(0 53 96 / 20%);--rub-state-current: rgb(0 13 23 / 8%);--rub-label: rgb(0 53 96 / 15%);--rub-label-hover: rgb(0 53 96 / 30%);--rub-scrim: rgb(0 13 23 / 25%);--rub-transition: 0.2s ease;--rub-page-margin: 16px;--rub-section-gap: 72px;--rub-part-gap: 24px;--rub-h1-size: 2.5rem;--rub-h1-line: 2.625rem}@media(width>=768px){:root{--rub-page-margin: 24px;--rub-section-gap: 72px;--rub-part-gap: 48px;--rub-h1-size: 3.125rem;--rub-h1-line: 3.375rem}}@media(width>=1024px){:root{--rub-page-margin: 32px;--rub-section-gap: 96px;--rub-h1-size: 3.625rem;--rub-h1-line: 4rem}}