/* M-Board Retro — Win98 UI Chrome
   Resets the modern dark theme to a retro silver/gray palette
   with classic 3D beveled borders, solid surfaces, and system fonts. */

/* ─── Reset radii ─── */
*,
*::before,
*::after { border-radius: 0 !important; }

/* ─── Page body ─── */
body {
    background: #008080;
    color: #000;
    font-family: "Tahoma", "Geneva", "Verdana", "Segoe UI", sans-serif;
    font-size: 13px;
    line-height: 1.35;
}

/* ─── Skip link ─── */
.ma-skip-link {
    background: #c0c0c0;
    color: #000;
    border: 2px outset #fff;
}

/* ─── Header ─── */
.ma-site-header {
    background: #c0c0c0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-bottom: 2px outset #e0e0e0 !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 0 !important;
}

.ma-header-frame {
    background: #c0c0c0 !important;
    backdrop-filter: none !important;
}

.ma-header-shell {
    background: #c0c0c0 !important;
    backdrop-filter: none !important;
    padding: 4px var(--ma-space-page-x) !important;
    max-width: var(--ma-container-wide, 1180px) !important;
    margin: 0 auto !important;
}

/* ─── Brand ─── */
.ma-brand {
    border-radius: 0 !important;
    gap: 8px !important;
    text-decoration: none !important;
}

.ma-brand:hover {
    background: transparent !important;
    text-decoration: none !important;
}

.ma-brand-mark {
    border-radius: 0 !important;
    border: 2px outset #e0e0e0 !important;
    background: #fff !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
}

.ma-brand-mark img {
    border-radius: 0 !important;
}

.ma-brand-name {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 18px !important;
    color: #000080 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

.ma-brand-tagline {
    color: #555 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

/* ─── Navigation ─── */
.ma-primary-nav {
    gap: 4px !important;
}

.ma-nav-list {
    gap: 2px !important;
}

.ma-nav-link {
    color: #000 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding: 3px 10px !important;
    border: 2px outset transparent !important;
    border-radius: 0 !important;
    min-height: auto !important;
    background: transparent !important;
    text-decoration: none !important;
}

.ma-nav-link:hover,
.ma-nav-link.is-active {
    background: #000080 !important;
    color: #fff !important;
    border-color: #000080 !important;
    border-style: outset !important;
    text-decoration: none !important;
}

.ma-nav-item--has-dropdown > .ma-nav-link[aria-expanded="true"] {
    background: #000080 !important;
    color: #fff !important;
}

.ma-nav-dropdown {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    box-shadow: none !important;
    padding: 2px !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
}

.ma-nav-item--is-open > .ma-nav-dropdown {
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

.ma-nav-dropdown .ma-nav-link {
    padding: 3px 24px 3px 10px !important;
    border: none !important;
    border-radius: 0 !important;
    min-height: auto !important;
    font-size: 12px !important;
    color: #000 !important;
}

.ma-nav-dropdown .ma-nav-link:hover {
    background: #000080 !important;
    color: #fff !important;
    border: none !important;
}

.ma-nav-chevron {
    color: #555 !important;
    margin-left: 4px !important;
}

/* ─── Header actions ─── */
.ma-header-actions {
    gap: 6px !important;
}

.ma-header-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 14px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000 !important;
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    min-height: auto !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.ma-header-link:hover {
    background: #d4d4d4 !important;
    color: #000 !important;
    border-color: #ffffff !important;
    text-decoration: none !important;
}

.ma-header-link:active {
    border-style: inset !important;
    border-color: #d4d4d4 !important;
}

.ma-header-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 4px 18px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff !important;
    background: #000080 !important;
    border: 2px outset #4040c0 !important;
    border-radius: 0 !important;
    min-width: 0 !important;
    min-height: auto !important;
    box-shadow: none !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

.ma-header-button:hover {
    background: #0000cc !important;
    color: #fff !important;
    border-color: #8080ff !important;
    text-decoration: none !important;
}

.ma-header-button:active {
    border-style: inset !important;
    border-color: #000080 !important;
}

/* ─── Mobile nav toggle ─── */
.ma-nav-toggle {
    border: 2px outset #e0e0e0 !important;
    background: #c0c0c0 !important;
    padding: 4px 8px !important;
    border-radius: 0 !important;
    cursor: pointer !important;
}

.ma-nav-toggle:hover {
    background: #d4d4d4 !important;
}

.ma-nav-toggle-line {
    background: #000 !important;
    height: 2px !important;
    width: 18px !important;
    margin: 3px 0 !important;
}

/* ─── Mobile menu ─── */
.ma-mob-menu {
    background: #c0c0c0 !important;
    border-left: 2px outset #e0e0e0 !important;
    box-shadow: none !important;
}

.ma-mob-menu-head {
    border-bottom: 2px inset #d4d4d4 !important;
    padding: 8px 12px !important;
}

.ma-mob-menu-brand {
    text-decoration: none !important;
}

.ma-mob-menu-name {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 15px !important;
}

.ma-mob-menu-close {
    border: 2px outset #e0e0e0 !important;
    background: #c0c0c0 !important;
    border-radius: 0 !important;
    padding: 2px 6px !important;
    cursor: pointer !important;
    color: #000 !important;
}

.ma-mob-menu-close:hover {
    background: #d4d4d4 !important;
}

.ma-mob-menu-link {
    color: #000 !important;
    padding: 6px 14px !important;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    font-size: 13px !important;
}

.ma-mob-menu-link:hover {
    background: #000080 !important;
    color: #fff !important;
}

.ma-mob-menu-arrow {
    color: #555 !important;
}

.ma-mob-menu-sub {
    background: #dfdfdf !important;
    border: 2px inset #d4d4d4 !important;
    padding: 2px !important;
}

.ma-mob-menu-sublink {
    color: #000 !important;
    padding: 4px 20px !important;
    display: block !important;
    text-decoration: none !important;
    font-size: 12px !important;
}

.ma-mob-menu-sublink:hover {
    background: #000080 !important;
    color: #fff !important;
}

.ma-mob-menu-actions {
    border-top: 2px inset #d4d4d4 !important;
    padding: 10px 14px !important;
    gap: 6px !important;
}

.ma-mob-menu-action {
    color: #000080 !important;
    text-decoration: underline !important;
    padding: 4px 0 !important;
    font-size: 13px !important;
}

.ma-mob-menu-action--primary {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 18px !important;
    background: #000080 !important;
    color: #fff !important;
    border: 2px outset #4040c0 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}

.ma-mob-menu-action--primary:hover {
    background: #0000cc !important;
    border-color: #8080ff !important;
}

.ma-mob-menu-action:not(.ma-mob-menu-action--primary):hover {
    color: #0000ff !important;
}

.ma-mob-menu-backdrop.is-visible,
.ma-nav-backdrop.is-visible {
    background: rgba(0,0,0,0.35) !important;
}

/* ─── Section text / element overrides ─── */
.ma-hero {
    border-bottom: 2px outset #e0e0e0 !important;
}

.ma-hero-copy h1,
.ma-hero-copy h2,
.ma-hero-copy h3 {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    color: #000080 !important;
}

.ma-hero-copy p {
    color: #222 !important;
}

.ma-about-heading h2 {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    color: #000080 !important;
}

.ma-about-content p {
    color: #222 !important;
}

.ma-about-principle-icon {
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    background: #c0c0c0 !important;
    color: #000080 !important;
}

.ma-about-principle h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-about-principle p {
    color: #222 !important;
}

.ma-focus-intro h2,
.ma-research-intro h2,
.ma-collaboration-intro h2,
.ma-contact-copy h2 {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    color: #000080 !important;
}

.ma-focus-intro p,
.ma-research-intro p,
.ma-collaboration-intro p,
.ma-contact-copy p {
    color: #222 !important;
}

.ma-focus-list {
    gap: 8px !important;
}

.ma-focus-item {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 14px !important;
}

.ma-focus-item h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 15px !important;
}

.ma-focus-item p {
    color: #222 !important;
    font-size: 13px !important;
}

.ma-research-list {
    gap: 8px !important;
}

.ma-research-item {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 14px !important;
}

.ma-research-item h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 15px !important;
}

.ma-research-item p {
    color: #222 !important;
    font-size: 13px !important;
}

.ma-governance-layer-label {
    color: #666 !important;
}

.ma-governance-layer h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-governance-layer p {
    color: #222 !important;
}

.ma-collaboration-path-label {
    color: #666 !important;
}

.ma-collaboration-path h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-collaboration-path p {
    color: #222 !important;
}

.ma-collaboration-note {
    color: #333 !important;
    border-left: 3px solid #000080 !important;
}

.ma-contact-actions {
    gap: 8px !important;
}

.ma-contact-copy h2 {
    color: #000080 !important;
}

.ma-contact-details {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
}

.ma-contact-detail-value {
    color: #000 !important;
}

.ma-contact-detail a {
    color: #000080 !important;
}

.ma-contact-detail a:hover {
    color: #0000ff !important;
}

.ma-contact-detail-label {
    color: #555 !important;
}

/* ─── Sections ─── */
.ma-section {
    background: #c0c0c0;
    border: 2px outset #e0e0e0;
    padding: 24px;
    margin-bottom: 12px;
}

.ma-section-title {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif;
    color: #000080;
    font-size: 24px;
    margin-bottom: 16px;
}

/* ─── Hero / page intro ─── */
.ma-page-hero {
    background: #c0c0c0;
    border-bottom: 2px outset #e0e0e0;
    padding: 40px 0;
}

.ma-page-hero h1 {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif;
    color: #000080;
    font-size: 32px;
    margin-bottom: 8px;
}

/* ─── Retro patterns for depth ─── */
.ma-section,
.ma-card,
.ma-panel,
.ma-form {
    border: 2px outset #e0e0e0;
}

/* ─── Utility: raised / sunken ─── */
.retro-raised {
    border: 2px outset #e0e0e0;
}

.retro-sunken {
    border: 2px inset #d4d4d4;
    background: #fff;
}

/* ─── Article index page (visual only, no blue hero) ─── */
.ma-articles-index {
    background: #c0c0c0;
}

.ma-articles-hero .ma-articles-kicker {
    color: #666;
}

.ma-articles-hero h1 {
    color: #000080;
}

.ma-articles-hero p {
    color: #333;
}

.ma-articles-sidebar {
    background: #dfdfdf;
    border: 2px outset #e0e0e0;
}

.ma-articles-search input[type="search"] {
    border: 2px inset #d4d4d4;
    background: #fff;
}

.ma-articles-search button {
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-articles-filter-group h2 {
    color: #000080;
}

.ma-article-card {
    background: #dfdfdf;
    border: 2px outset #e0e0e0;
}

.ma-article-card-content h2 a {
    color: #000080;
}

.ma-article-featured-badge {
    background: #000080;
    color: #fff;
}

.ma-articles-featured-head {
    background: #000080;
}

.ma-articles-featured-head h2,
.ma-articles-featured-head .ma-articles-kicker {
    color: #fff;
}

.ma-articles-result-bar {
    background: #dfdfdf;
    border: 2px outset #e0e0e0;
}

.ma-articles-empty {
    background: #dfdfdf;
    border: 2px outset #e0e0e0;
}

.ma-articles-empty h2 {
    color: #000080;
}

.ma-articles-pagination a {
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-articles-pagination span[aria-disabled="true"] {
    border: 2px inset #d4d4d4;
    background: #dfdfdf;
    color: #808080;
}

.ma-articles-tags a {
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-articles-tags a[aria-current="page"] {
    background: #000080;
    color: #fff;
}

.ma-articles-filter-group li a:hover,
.ma-articles-filter-group li a[aria-current="page"] {
    background: #000080;
    color: #fff;
}



/* ─── Article view page — mirrors site.css structure with retro values ─── */
.ma-article-view {
    background: #c0c0c0;
}

.ma-article-view-hero {
    border-bottom: 2px outset #e0e0e0;
}

.ma-article-back-link {
    color: #000080;
}

.ma-article-view-meta {
    color: #555;
}

.ma-article-view-meta a {
    color: #000080;
}

.ma-article-view h1 {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif;
    color: #000080;
}

.ma-article-view-excerpt {
    color: #333;
}

.ma-article-view-byline dt {
    color: #666;
}

.ma-article-view-byline dd {
    color: #000;
}

.ma-article-cover img {
    border-radius: 0 !important;
    border: 2px outset #e0e0e0;
    background: #fff;
}

.ma-article-cover figcaption {
    color: #555;
}

.ma-article-cover a {
    color: #000080;
}

.ma-article-share {
    border-top: 2px outset #e0e0e0;
}

.ma-article-share h2 {
    color: #000080;
}

.ma-article-share a {
    border-radius: 0 !important;
    min-height: auto !important;
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-article-share a:hover {
    background: #c0c0c0;
    border-color: #c0c0c0;
}

.ma-article-view-tags {
    border-top: 2px outset #e0e0e0;
}

.ma-article-view-tags h2 {
    color: #000080;
}

.ma-article-view-tags a {
    border-radius: 0 !important;
    min-height: auto !important;
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-article-view-tags a:hover {
    background: #c0c0c0;
}

.ma-article-compliance-note {
    border: 2px outset #e0e0e0;
    background: #ffffe1;
    padding: 12px;
    margin-top: 20px;
}

.ma-article-compliance-note h2 {
    color: #000080;
    font-size: 14px;
    margin-bottom: 6px;
}

.ma-article-compliance-note p {
    font-size: 12px;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.5;
}

.ma-article-compliance-note a {
    border-radius: 0 !important;
    min-height: auto !important;
    border: 2px outset #e0e0e0;
    background: #c0c0c0;
    color: #000;
    padding: 4px 12px;
    font-size: 12px;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.ma-article-compliance-note a:hover {
    background: #dfdfdf;
}

.ma-article-not-found {
    border-radius: 0 !important;
    background: #dfdfdf;
    border: 2px outset #e0e0e0;
}

.ma-article-not-found h1 {
    color: #000080;
}

.ma-article-not-found-action {
    border-radius: 0 !important;
    min-height: auto !important;
    border: 2px outset #e0e0e0;
    background: #dfdfdf;
    color: #000;
}

.ma-article-not-found-action:hover {
    background: #c0c0c0;
}

/* ─── Media queries ─── */
@media (max-width: 768px) {
    .ma-site-header {
        border-bottom-width: 1px;
    }
    .ma-mob-menu {
        border-left: 2px outset #e0e0e0;
    }
}

/* ─── Links ─── */
a {
    color: #000080;
    text-decoration: underline;
}

a:hover {
    color: #0000ff;
}

a:active {
    color: #000080;
}

/* ─── Alert / message banners ─── */
.ma-alert {
    background: #ffffe1 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 14px !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
}

.ma-alert-success {
    background: #d4f0c0 !important;
    border-color: #008000 !important;
}

.ma-alert-error {
    background: #f0c0c0 !important;
    border-color: #c00000 !important;
}

.ma-alert-warning {
    background: #ffffe1 !important;
    border-color: #808000 !important;
}

.ma-alert-info {
    background: #c0e0f0 !important;
    border-color: #000080 !important;
}

/* ─── Layout containers ─── */
.ma-shell,
.ma-container {
    max-width: var(--ma-container-wide, 1180px);
    padding-left: var(--ma-space-page-x, 24px);
    padding-right: var(--ma-space-page-x, 24px);
    margin-left: auto;
    margin-right: auto;
}

/* ─── Buttons ─── */
.ma-btn,
button.ma-btn,
a.ma-btn,
input[type="submit"].ma-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    color: #000 !important;
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 4px 16px !important;
    min-height: auto !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    line-height: 1.3 !important;
}

.ma-btn:hover,
button.ma-btn:hover,
a.ma-btn:hover {
    background: #d4d4d4 !important;
    color: #000 !important;
    border-color: #ffffff !important;
    text-decoration: none !important;
}

.ma-btn:active,
button.ma-btn:active,
a.ma-btn:active {
    border-style: inset !important;
    border-color: #d4d4d4 !important;
}

.ma-btn-primary,
a.ma-btn-primary,
button.ma-btn-primary {
    background: #000080 !important;
    color: #fff !important;
    border-color: #4040c0 !important;
    font-weight: 700 !important;
}

.ma-btn-primary:hover,
a.ma-btn-primary:hover,
button.ma-btn-primary:hover {
    background: #0000cc !important;
    color: #fff !important;
    border-color: #8080ff !important;
}

.ma-btn-sm {
    padding: 2px 10px !important;
    font-size: 11px !important;
}

/* ─── Inputs ─── */
.ma-input,
input.ma-input,
input[type="text"].ma-input,
input[type="email"].ma-input,
input[type="password"].ma-input,
input[type="search"].ma-input,
input[type="url"].ma-input,
input[type="tel"].ma-input,
input[type="number"].ma-input,
input[type="date"].ma-input,
select.ma-input,
textarea.ma-input {
    background: #fff !important;
    border: 2px inset #d4d4d4 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    padding: 3px 5px !important;
    min-height: auto !important;
    box-shadow: none !important;
}

.ma-input:focus,
input.ma-input:focus {
    outline: 1px dotted #000080 !important;
    outline-offset: 1px !important;
    border-color: #000080 !important;
}

.ma-input-group {
    border: 2px inset #d4d4d4 !important;
    border-radius: 0 !important;
    background: #fff !important;
}

.ma-input-group .ma-input {
    border: none !important;
    background: transparent !important;
}

/* ─── Cards ─── */
.ma-card {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
}

.ma-card-title {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-card-text {
    color: #222 !important;
}

.ma-card-footer {
    border-top: 1px solid #aaa !important;
    color: #555 !important;
}

/* ─── Results / message bars ─── */
.ma-info-bar,
.ma-result-bar {
    background: #dfdfdf !important;
    border: 2px inset #d4d4d4 !important;
    padding: 6px 12px !important;
    color: #000 !important;
}

/* ─── Legal / doc pages ─── */
.ma-legal-doc {
    background: #c0c0c0 !important;
}

.ma-legal-doc section {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 16px !important;
    margin-bottom: 12px !important;
}

.ma-legal-doc h2 {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-legal-doc p {
    color: #222 !important;
}

.ma-legal-doc a {
    color: #000080 !important;
}

.ma-legal-doc a:hover {
    color: #0000ff !important;
}

/* ─── Search / global ─── */
.ma-search-bar {
    background: #dfdfdf !important;
    border: 2px inset #d4d4d4 !important;
}

.ma-search-input {
    border: 2px inset #d4d4d4 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #000 !important;
    padding: 3px 6px !important;
}

.ma-search-submit {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    color: #000 !important;
    padding: 3px 12px !important;
    cursor: pointer !important;
}

.ma-search-submit:hover {
    background: #d4d4d4 !important;
}

/* ─── Breadcrumbs ─── */
.ma-breadcrumb {
    color: #555 !important;
    font-size: 12px !important;
}

.ma-breadcrumb a {
    color: #000080 !important;
}

.ma-breadcrumb a:hover {
    color: #0000ff !important;
}

.ma-breadcrumb-sep {
    color: #888 !important;
    margin: 0 4px !important;
}

/* ─── Timeline / listing items ─── */
.ma-timeline-item {
    border-left: 2px solid #000080 !important;
    padding-left: 14px !important;
}

.ma-timeline-item h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-timeline-item p {
    color: #222 !important;
}

.ma-timeline-date {
    color: #555 !important;
    font-size: 11px !important;
    font-family: "Courier New", Consolas, monospace !important;
}

/* ─── Profile / account pages ─── */
.ma-profile-sidebar {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 14px !important;
}

.ma-profile-name {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-profile-detail-label {
    color: #555 !important;
    font-size: 11px !important;
}

.ma-profile-detail-value {
    color: #000 !important;
}

/* ─── Tables ─── */
.ma-table {
    border: 2px outset #e0e0e0 !important;
    border-collapse: collapse !important;
    background: #dfdfdf !important;
}

.ma-table th {
    background: #c0c0c0 !important;
    color: #000 !important;
    border: 1px solid #aaa !important;
    padding: 4px 8px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
}

.ma-table td {
    border: 1px solid #aaa !important;
    padding: 4px 8px !important;
    color: #000 !important;
    font-size: 13px !important;
}

.ma-table tr:nth-child(even) td {
    background: #d4d4d4 !important;
}

.ma-table tr:hover td {
    background: #c0c0c0 !important;
}

/* ─── Badges / tags / pills ─── */
.ma-badge,
.ma-tag,
.ma-pill {
    border: 1px solid #aaa !important;
    border-radius: 0 !important;
    background: #dfdfdf !important;
    color: #000 !important;
    padding: 1px 6px !important;
    font-size: 11px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
}

.ma-badge-primary {
    background: #000080 !important;
    border-color: #000080 !important;
    color: #fff !important;
}

/* ─── Tabs ─── */
.ma-tabs {
    border-bottom: 2px inset #d4d4d4 !important;
}

.ma-tab {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    padding: 4px 14px !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    margin-bottom: -2px !important;
}

.ma-tab:hover {
    background: #d4d4d4 !important;
}

.ma-tab.is-active,
.ma-tab[aria-selected="true"] {
    background: #dfdfdf !important;
    border-bottom: 2px solid #dfdfdf !important;
    color: #000080 !important;
    font-weight: 700 !important;
}

/* ─── Accordion ─── */
.ma-accordion-item {
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    margin-bottom: 4px !important;
    background: #dfdfdf !important;
}

.ma-accordion-trigger {
    background: #c0c0c0 !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    padding: 6px 12px !important;
    border: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    width: 100% !important;
    text-align: left !important;
}

.ma-accordion-trigger:hover {
    background: #d4d4d4 !important;
}

.ma-accordion-panel {
    padding: 10px 14px !important;
    color: #222 !important;
}

/* ─── Tooltip ─── */
.ma-tooltip {
    background: #ffffe1 !important;
    border: 1px solid #000 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 12px !important;
    padding: 2px 6px !important;
    box-shadow: none !important;
}

/* ─── HR ─── */
.ma-divider,
.ma-separator,
hr.ma-hr {
    border: none !important;
    border-top: 2px inset #d4d4d4 !important;
    margin: 16px 0 !important;
}

/* ─── Aside / callout box ─── */
.ma-aside,
.ma-sidebox {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 12px !important;
    color: #222 !important;
}

/* ─── Footer ─── */
.ma-site-footer {
    background: #c0c0c0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    border-top: 2px outset #e0e0e0 !important;
    box-shadow: none !important;
    color: #222 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 12px !important;
}

.ma-footer-shell {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ma-footer-brand {
    border-radius: 0 !important;
}

.ma-footer-brand:hover {
    background: transparent !important;
}

.ma-footer-logo {
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    width: 2.4rem !important;
    height: 2.4rem !important;
}

.ma-footer-brand-name {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 15px !important;
}

.ma-footer-summary {
    color: #222 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.ma-footer-social a {
    color: #000080 !important;
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

.ma-footer-social a:hover {
    background: #d4d4d4 !important;
    border-color: #ffffff !important;
}

.ma-footer-heading {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    margin-top: 0 !important;
}

.ma-footer-links {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ma-footer-links li {
    margin: 2px 0 !important;
}

.ma-footer-links a {
    color: #000080 !important;
    text-decoration: underline !important;
    font-size: 12px !important;
}

.ma-footer-links a:hover {
    color: #0000ff !important;
}

.ma-footer-address {
    color: #333 !important;
    font-size: 12px !important;
    font-style: normal !important;
    line-height: 1.5 !important;
}

.ma-footer-notes {
    color: #333 !important;
    font-size: 11px !important;
}

.ma-footer-copy {
    border-top: 2px inset #d4d4d4 !important;
    background: #c0c0c0 !important;
    color: #444 !important;
    font-size: 11px !important;
}

.ma-footer-copy a {
    color: #000080 !important;
    text-decoration: underline !important;
}

.ma-footer-copy a:hover {
    color: #0000ff !important;
}

.ma-footer a,
.ma-footer-link {
    color: #000080 !important;
    text-decoration: underline !important;
}

.ma-footer a:hover,
.ma-footer-link:hover {
    color: #0000ff !important;
}

/* ─── Alternating section backgrounds ─── */
.ma-hero { background: var(--ma-color-page); }
.ma-home-cards { background: var(--ma-color-surface) !important; }
.ma-home-articles { background: var(--ma-color-page) !important; }
.ma-about { background: var(--ma-color-surface) !important; }
.ma-focus { background: var(--ma-color-page) !important; }
.ma-collaboration { background: var(--ma-color-surface) !important; }
.ma-cta { background: var(--ma-color-page) !important; }
.ma-contact { background: var(--ma-color-surface) !important; }

/* ─── Home CTA band ─── */
.ma-cta {
    border-top: 2px outset #e0e0e0 !important;
    border-bottom: 2px outset #e0e0e0 !important;
}
.ma-cta-shell {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 1.25rem 2rem;
}
.ma-cta-copy h2 {
    margin: 0;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    color: #000080 !important;
    font-size: clamp(1.35rem, 3vw, 2rem);
    line-height: 1.15;
}
.ma-cta-copy p {
    margin: 0.5rem 0 0;
    color: #222 !important;
    font-size: 13px;
}
.ma-cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ma-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: #c0c0c0;
    border: 2px outset #fff;
    color: #000080 !important;
    font-family: "Tahoma", "Geneva", "Verdana", "Segoe UI", sans-serif;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    line-height: 1;
}
.ma-cta-btn:hover {
    color: #0000ff !important;
}
.ma-cta-btn:active {
    border-style: inset;
    color: #000080 !important;
}
.ma-cta-btn i {
    font-size: 11px;
}
@media (max-width: 760px) {
    .ma-cta-shell { grid-template-columns: 1fr; text-align: center; }
    .ma-cta-actions { justify-content: center; }
}

/* ─── Hero: Win98 dashboard mockup ─── */
.ma-hero-shell {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 440px) !important;
    align-items: center;
}

.ma-hero-window {
    width: 100%;
    overflow: hidden;
    background: #c0c0c0;
    border: 2px outset #fff;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.25);
    font-family: "Tahoma", "Geneva", "Verdana", "Segoe UI", sans-serif;
    font-size: 12px;
    color: #000;
    text-align: left;
}

/* Title bar */
.mhw-titlebar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 5px;
    background: linear-gradient(90deg, #000080, #1084d0);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}
.mhw-title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.mhw-btns { display: flex; gap: 3px; flex-shrink: 0; }
.mhw-btn {
    display: grid;
    place-items: center;
    width: 17px;
    height: 15px;
    background: #c0c0c0;
    border: 2px outset #fff;
    color: #000;
    font-size: 9px;
    line-height: 1;
}
.mhw-close { color: #800000; font-weight: 700; }

/* Menu bar */
.mhw-menubar {
    display: flex;
    gap: 14px;
    padding: 3px 8px;
    background: #c0c0c0;
    border-bottom: 1px solid #808080;
    font-size: 11px;
}

/* Body */
.mhw-body {
    display: grid;
    grid-template-columns: 128px 1fr;
    min-height: 0;
}

/* Sidebar nav */
.mhw-sidebar {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 6px 4px;
    background: #c0c0c0;
    border-right: 2px inset #d4d4d4;
}
.mhw-nav {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 7px;
    background: #c0c0c0;
    border: 2px outset #fff;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    cursor: default;
}
.mhw-nav i { font-size: 10px; width: 12px; text-align: center; }
.mhw-nav.is-active {
    background: #000080;
    color: #fff;
}

/* Main panel */
.mhw-main {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
    padding: 8px;
    background: #dfdfdf;
}
.mhw-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.mhw-stat {
    display: grid;
    gap: 3px;
    padding: 7px 8px;
    background: #c0c0c0;
    border: 2px outset #fff;
}
.mhw-stat-label { font-size: 10px; color: #333; }
.mhw-stat-num {
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif;
    font-size: 20px;
    font-weight: 800;
    color: #000080;
    line-height: 1;
}

/* Panels */
.mhw-panel {
    padding: 7px 8px;
    background: #c0c0c0;
    border: 2px outset #fff;
}
.mhw-panel-title {
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid #808080;
    color: #000080;
    font-size: 11px;
    font-weight: 700;
}

/* Chart */
.mhw-chart-wrap { padding: 2px 4px 0; }
.mhw-chart {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    height: 52px;
    padding: 4px 6px 0;
    background: #dfdfdf;
    border: 2px inset #d4d4d4;
}
.mhw-bar {
    flex: 1;
    min-height: 6px;
    background: #000080;
    border: 1px solid #000;
}
.mhw-bar-accent { background: #800000; }
.mhw-chart-labels {
    display: flex;
    gap: 10px;
    margin-top: 3px;
}
.mhw-chart-labels span {
    flex: 1;
    text-align: center;
    font-size: 9px;
    color: #333;
}

/* Activity feed */
.mhw-feed-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 4px;
}
.mhw-feed-list li {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    line-height: 1.35;
}
.mhw-feed-list li i {
    width: 12px;
    flex-shrink: 0;
    font-size: 9px;
    color: #000080;
    text-align: center;
}

/* Status bar */
.mhw-statusbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 3px 6px;
    background: #c0c0c0;
    border-top: 2px inset #fff;
    font-size: 10px;
    color: #000;
}
.mhw-status-right {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 0 6px;
    border: 2px inset #fff;
    font-size: 9px;
}

/* Hero responsive: stack window under copy */
@media (max-width: 920px) {
    .ma-hero-shell { grid-template-columns: 1fr !important; }
    .ma-hero-window { max-width: 440px; margin-inline: auto; }
}

/* ─── Focus item tag pills (Planned / Custom) ─── */
.ma-focus-item-head {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 4px;
}
.ma-focus-tag {
    padding: 1px 7px;
    border: 1px solid #800000;
    color: #800000;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    background: #fff;
}
.ma-focus-tag.is-custom {
    border-color: #000080;
    color: #000080;
}

/* ─── Home section rhythm (tighter, punchier) ─── */
.ma-home .ma-section-shell {
    padding-block: clamp(2.75rem, 5vw, 4.25rem) !important;
}
.ma-home .ma-focus-item {
    padding-block: 0.85rem !important;
}

/* ─── Home article cards (on homepage) ─── */
.ma-home-article-card {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 12px !important;
}

.ma-home-article-card.is-featured {
    border-width: 3px !important;
    border-color: #000080 !important;
}

.ma-home-article-media {
    border: 2px inset #d4d4d4 !important;
}

.ma-home-article-media img {
    display: block !important;
    width: 100% !important;
}

.ma-home-article-meta {
    color: #555 !important;
    font-size: 11px !important;
}

.ma-home-article-meta a {
    color: #000080 !important;
}

.ma-home-article-badge {
    color: #000080 !important;
    border: 1px solid #000080 !important;
    font-size: 10px !important;
    text-transform: uppercase !important;
    padding: 1px 6px !important;
}

.ma-home-article-card h3 {
    font-size: 15px !important;
}

.ma-home-article-card h3 a {
    color: #000080 !important;
    text-decoration: underline !important;
}

.ma-home-article-card h3 a:hover {
    color: #0000ff !important;
}

.ma-home-article-card p {
    color: #222 !important;
    font-size: 13px !important;
}

.ma-home-article-foot {
    color: #555 !important;
    font-size: 11px !important;
    border-top: 1px solid #aaa !important;
    padding-top: 6px !important;
    margin-top: 6px !important;
}

.ma-home-article-foot a {
    color: #000080 !important;
}

/* ─── Home cards ─── */
.ma-home-card {
    --card-bg: #dfdfdf !important;
    --card-border: #808080 !important;
    --card-tag-color: #000080 !important;
    background: var(--card-bg) !important;
    border: 2px outset #e0e0e0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.ma-home-card:hover {
    border-color: #000080 !important;
    transform: none !important;
}

.ma-home-card-tag {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 10px !important;
}

.ma-home-card h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
}

.ma-home-card p {
    color: #222 !important;
}

.ma-home-card-link {
    color: #000080 !important;
    text-decoration: underline !important;
}

.ma-home-card-link:hover {
    color: #0000ff !important;
}

/* ─── Stats / counters ─── */
.ma-stat-value {
    font-family: "Courier New", Consolas, monospace;
    font-size: 32px;
    font-weight: 700;
    color: #000080;
}

.ma-stat-label {
    color: #555;
    font-size: 11px;
    text-transform: uppercase;
}

/* ─── Form elements ─── */
.ma-form {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    padding: 16px !important;
}

.ma-form label,
.ma-form .ma-label {
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
}

.ma-form input[type="text"],
.ma-form input[type="email"],
.ma-form input[type="password"],
.ma-form input[type="url"],
.ma-form input[type="tel"],
.ma-form input[type="search"],
.ma-form input[type="number"],
.ma-form input[type="date"],
.ma-form select,
.ma-form textarea {
    background: #fff !important;
    border: 2px inset #d4d4d4 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    padding: 3px 5px !important;
    min-height: auto !important;
    box-shadow: none !important;
}

.ma-form input:focus,
.ma-form select:focus,
.ma-form textarea:focus {
    outline: 1px dotted #000080 !important;
    outline-offset: 1px !important;
    border-color: #000080 !important;
}

.ma-form button,
.ma-form input[type="submit"],
.ma-form input[type="button"] {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    color: #000 !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    padding: 4px 16px !important;
    cursor: pointer !important;
    min-height: auto !important;
    box-shadow: none !important;
}

.ma-form button:hover,
.ma-form input[type="submit"]:hover,
.ma-form input[type="button"]:hover {
    background: #d4d4d4 !important;
    border-color: #ffffff !important;
}

.ma-form button:active,
.ma-form input[type="submit"]:active,
.ma-form input[type="button"]:active {
    border-style: inset !important;
    border-color: #d4d4d4 !important;
}

.ma-form .ma-form-error,
.ma-form .ma-error {
    color: #c00 !important;
    font-size: 12px !important;
}

.ma-form .ma-form-help,
.ma-form .ma-help {
    color: #555 !important;
    font-size: 11px !important;
}

.ma-form .ma-form-required {
    color: #c00 !important;
}

.ma-form input[type="checkbox"],
.ma-form input[type="radio"] {
    accent-color: #000080 !important;
}

/* ─── Registration page (register-org) ─── */
.rg-container {
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 0 24px !important;
}

.rg-hero {
    background: #000080 !important;
    border-bottom: 2px outset #4040c0 !important;
    padding: 40px 0 48px !important;
    text-align: center !important;
}

.rg-hero h1 {
    color: #fff !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 32px !important;
    margin-bottom: 12px !important;
}

.rg-hero-sub {
    color: #c0c0ff !important;
    font-size: 15px !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    line-height: 1.6 !important;
}

.rg-form-section {
    padding: 32px 0 !important;
    background: #c0c0c0 !important;
}

.rg-form-section-header {
    margin-bottom: 20px !important;
}

.rg-form-section-header h2 {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 20px !important;
    margin-bottom: 4px !important;
}

.rg-form-section-header p {
    color: #444 !important;
    font-size: 14px !important;
}

.rg-alert {
    background: #ffffcc !important;
    border: 2px outset #e0e0e0 !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
    color: #000 !important;
    font-size: 13px !important;
}

.rg-alert strong {
    color: #c00 !important;
}

.rg-alert ul {
    margin: 6px 0 0 !important;
    padding-left: 20px !important;
}

.rg-alert li {
    color: #000 !important;
    font-size: 13px !important;
}

.rg-form {
    background: #dfdfdf !important;
    border: 2px outset #e0e0e0 !important;
    padding: 24px !important;
}

.rg-form-row {
    display: flex !important;
    gap: 16px !important;
    margin-bottom: 16px !important;
}

.rg-form-row-2 > .rg-form-group,
.rg-form-row-3 > .rg-form-group {
    flex: 1 !important;
}

.rg-form-group {
    display: flex !important;
    flex-direction: column !important;
}

.rg-form-group-full {
    width: 100% !important;
}

.rg-form-group label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 4px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
}

.rg-req {
    color: #c00 !important;
}

.rg-field-hint {
    font-size: 11px !important;
    color: #555 !important;
    margin-top: 4px !important;
}

.rg-form-group input,
.rg-form-group textarea,
.rg-form-group select {
    padding: 4px 8px !important;
    border: 2px inset #d4d4d4 !important;
    border-radius: 0 !important;
    font-size: 13px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    color: #000 !important;
    background: #fff !important;
    width: 100% !important;
}

.rg-form-group input:focus,
.rg-form-group textarea:focus,
.rg-form-group select:focus {
    outline: 1px dotted #000080 !important;
    outline-offset: 1px !important;
    border-color: #000080 !important;
}

.rg-form-group textarea {
    resize: vertical !important;
    min-height: 50px !important;
}

.rg-form-group select:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.rg-slug-input {
    display: flex !important;
    align-items: center !important;
    border: 2px inset #d4d4d4 !important;
    background: #fff !important;
}

.rg-slug-input:focus-within {
    border-color: #000080 !important;
}

.rg-slug-input input {
    border: none !important;
    background: transparent !important;
    flex: 1 !important;
    padding: 4px 8px !important;
}

.rg-slug-input input:focus {
    outline: none !important;
}

.rg-slug-suffix {
    padding: 4px 10px !important;
    color: #555 !important;
    font-family: "Courier New", Consolas, monospace !important;
    font-size: 13px !important;
    background: #dfdfdf !important;
    border-left: 1px solid #aaa !important;
    white-space: nowrap !important;
}

.rg-slug-status {
    font-size: 12px !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
}

.rg-slug-status.checking {
    color: #666 !important;
}

.rg-slug-status.available {
    color: #008000 !important;
}

.rg-slug-status.unavailable {
    color: #c00 !important;
}

.rg-field-status {
    font-size: 12px !important;
    margin-top: 2px !important;
}

.rg-field-status.checking {
    color: #666 !important;
}

.rg-field-status.available {
    color: #008000 !important;
}

.rg-field-status.unavailable {
    color: #c00 !important;
}

.rg-divider {
    border: none !important;
    border-top: 2px inset #d4d4d4 !important;
    margin: 20px 0 !important;
}

.rg-file-group .rg-file-input {
    display: flex !important;
    align-items: center !important;
    border: 2px inset #d4d4d4 !important;
    background: #fff !important;
    padding: 0 !important;
}

.rg-file-group .rg-file-input input[type="file"] {
    display: none !important;
}

.rg-file-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 !important;
    padding: 4px !important;
    cursor: pointer !important;
}

.rg-file-placeholder {
    color: #888 !important;
    font-size: 12px !important;
    flex: 1 !important;
}

.rg-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
    font-size: 13px !important;
    color: #000 !important;
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    padding: 4px 16px !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.rg-btn:hover {
    background: #d4d4d4 !important;
    border-color: #ffffff !important;
}

.rg-btn:active {
    border-style: inset !important;
}

.rg-btn-sm {
    padding: 2px 10px !important;
    font-size: 11px !important;
}

.rg-btn-lg {
    padding: 6px 24px !important;
    font-size: 15px !important;
}

.rg-btn-primary {
    background: #000080 !important;
    color: #fff !important;
    border-color: #4040c0 !important;
    font-weight: 700 !important;
}

.rg-btn-primary:hover {
    background: #0000cc !important;
    border-color: #8080ff !important;
}

.rg-btn-primary:active {
    border-style: inset !important;
    border-color: #000080 !important;
}

.rg-password-strength {
    margin-top: 4px !important;
}

.rg-strength-bar {
    height: 4px !important;
    background: #d4d4d4 !important;
    border: 1px inset #aaa !important;
    margin-top: 4px !important;
}

.rg-strength-fill {
    height: 100% !important;
    transition: width 0.2s !important;
}

.rg-strength-text {
    font-size: 11px !important;
}

.rg-match-hint {
    font-size: 11px !important;
}

.rg-checkbox {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 13px !important;
}

.rg-checkbox input {
    width: auto !important;
}

.rg-checkbox a {
    color: #000080 !important;
}

.rg-checkbox a:hover {
    color: #0000ff !important;
}

.rg-submit-wrap {
    align-items: center !important;
}

.rg-captcha-wrap {
    justify-content: center !important;
}

.rg-benefits {
    background: #dfdfdf !important;
    border-top: 2px outset #e0e0e0 !important;
    padding: 40px 0 !important;
}

.rg-benefits h2 {
    color: #000080 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 24px !important;
    text-align: center !important;
    margin-bottom: 24px !important;
}

.rg-benefits-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 12px !important;
}

.rg-benefit-card {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    padding: 16px !important;
    text-align: center !important;
}

.rg-benefit-icon {
    font-size: 28px !important;
    color: #000080 !important;
    margin-bottom: 8px !important;
}

.rg-benefit-card h3 {
    color: #000 !important;
    font-family: "Trebuchet MS", "Arial Black", Impact, sans-serif !important;
    font-size: 15px !important;
    margin-bottom: 6px !important;
}

.rg-benefit-card p {
    color: #333 !important;
    font-size: 13px !important;
}

.rg-logo-preview {
    margin-top: 8px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 4px !important;
    background: #dfdfdf !important;
    border: 2px inset #d4d4d4 !important;
    flex-wrap: wrap !important;
}

.rg-logo-preview img {
    border: 2px inset #d4d4d4 !important;
    max-width: 120px !important;
    max-height: 60px !important;
    display: block !important;
}

.rg-logo-remove {
    background: #c0c0c0 !important;
    border: 2px outset #e0e0e0 !important;
    border-radius: 0 !important;
    color: #000 !important;
    cursor: pointer !important;
    padding: 2px 10px !important;
    font-size: 12px !important;
    font-family: "Tahoma", "Geneva", "Verdana", sans-serif !important;
}

.rg-logo-remove:hover {
    background: #d4d4d4 !important;
}

@media (max-width: 700px) {
    .rg-hero {
        padding: 24px 0 32px !important;
    }
    .rg-hero h1 {
        font-size: 24px !important;
    }
    .rg-hero-sub {
        font-size: 14px !important;
    }
    .rg-form-section {
        padding: 16px 0 !important;
    }
    .rg-form {
        padding: 16px !important;
    }
    .rg-form-row {
        flex-direction: column !important;
        gap: 12px !important;
    }
    .rg-form-row-2 > .rg-form-group,
    .rg-form-row-3 > .rg-form-group {
        flex: none !important;
    }
    .rg-slug-input {
        flex-wrap: wrap !important;
    }
    .rg-slug-input input {
        min-width: 0 !important;
    }
    .rg-slug-suffix {
        font-size: 12px !important;
        padding: 4px 8px !important;
    }
    .rg-benefits {
        padding: 24px 0 !important;
    }
    .rg-benefits h2 {
        font-size: 20px !important;
    }
    .rg-benefits-grid {
        grid-template-columns: 1fr !important;
    }
    .rg-btn-lg {
        width: 100% !important;
    }
}