.help-center {
    --help-primary: #0077a8;
    --help-primary-dark: #07546f;
    --help-minimum: #c65d00;
    --help-recommended: #147a3d;
    --help-intensive: #3155a6;
    --help-danger: #b42318;
    --help-warning-bg: #fff7df;
    --help-border: #dce5eb;
    --help-surface: #f5f9fb;
    color: #263238;
}

.help-center-hero {
    background: linear-gradient(135deg, #eef8fc 0%, #ffffff 55%, #eef3ff 100%);
    border-bottom: 1px solid var(--help-border);
    padding: 48px 0;
}

.help-center-hero__icon {
    align-items: center;
    background: var(--help-primary);
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 28px;
    height: 64px;
    justify-content: center;
    margin-bottom: 16px;
    width: 64px;
}

.help-center-hero h1 {
    color: #18323d;
    font-weight: 700;
}

.help-breadcrumb {
    color: #4d6570;
    font-size: 14px;
    margin-bottom: 16px;
}

.help-breadcrumb a {
    color: var(--help-primary-dark);
    font-weight: 600;
}

.help-search {
    background: #fff;
    border: 1px solid var(--help-border);
    border-radius: 10px;
    box-shadow: 0 8px 24px rgba(20, 52, 68, .08);
    margin: -26px auto 32px;
    max-width: 820px;
    padding: 18px;
    position: relative;
    z-index: 2;
}

.help-search__field {
    position: relative;
}

.help-search__field > i {
    color: var(--help-primary);
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.help-search__field input {
    border: 2px solid #c9d9e1;
    border-radius: 8px;
    font-size: 16px;
    min-height: 50px;
    padding-left: 48px;
}

.help-search__field input:focus {
    border-color: var(--help-primary);
    box-shadow: 0 0 0 3px rgba(0, 119, 168, .15);
}

.help-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.help-filter-button {
    background: #edf4f7;
    border: 1px solid #c7d7df;
    border-radius: 999px;
    color: #284955;
    cursor: pointer;
    font-weight: 600;
    padding: 7px 14px;
}

.help-filter-button:hover,
.help-filter-button:focus,
.help-filter-button.is-active {
    background: var(--help-primary);
    border-color: var(--help-primary);
    color: #fff;
}

.help-card {
    background: #fff;
    border: 1px solid var(--help-border);
    border-radius: 10px;
    box-shadow: 0 6px 20px rgba(25, 55, 70, .07);
    height: 100%;
    padding: 26px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.help-card:hover {
    box-shadow: 0 12px 28px rgba(25, 55, 70, .12);
    transform: translateY(-3px);
}

.help-card__icon {
    align-items: center;
    background: #e5f4fa;
    border-radius: 10px;
    color: var(--help-primary-dark);
    display: inline-flex;
    font-size: 24px;
    height: 52px;
    justify-content: center;
    margin-bottom: 18px;
    width: 52px;
}

.help-card h2,
.help-card h3 {
    color: #193845;
    font-weight: 700;
}

.help-archive .accordion .card {
    border: 1px solid var(--help-border);
    border-left: 4px solid var(--help-primary);
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(30, 61, 75, .06);
    margin-bottom: 14px;
    overflow: hidden;
}

.help-archive--errors .accordion .card {
    border-left-color: var(--help-danger);
}

.help-archive .accordion .card-header {
    background: #fff;
}

.help-archive .accordion .accordion-toggle {
    color: #243f4b;
    font-weight: 700;
}

.help-archive .accordion .card-body li::marker {
    color: var(--help-recommended);
}

.help-no-results {
    background: var(--help-warning-bg);
    border: 1px solid #e8c96c;
    border-radius: 8px;
    color: #674d00;
    font-weight: 600;
    padding: 18px;
    text-align: center;
}

.requirement-nav {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.requirement-nav a {
    background: #fff;
    border: 1px solid var(--help-border);
    border-radius: 8px;
    color: #20414f;
    font-weight: 700;
    padding: 16px;
    text-align: center;
}

.requirement-nav a:hover,
.requirement-nav a:focus {
    background: #eaf6fa;
    color: var(--help-primary-dark);
    text-decoration: none;
}

.requirement-section {
    scroll-margin-top: 120px;
}

.requirement-profiles {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.requirement-profile {
    background: #fff;
    border: 1px solid var(--help-border);
    border-radius: 10px;
    border-top: 5px solid var(--help-minimum);
    padding: 24px;
}

.requirement-profile--recommended {
    border-top-color: var(--help-recommended);
    box-shadow: 0 10px 28px rgba(20, 122, 61, .15);
    transform: translateY(-4px);
}

.requirement-profile--intensive {
    border-top-color: var(--help-intensive);
}

.requirement-badge {
    border-radius: 999px;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 16px;
    padding: 6px 12px;
}

.requirement-badge--minimum { background: var(--help-minimum); }
.requirement-badge--recommended { background: var(--help-recommended); }
.requirement-badge--intensive { background: var(--help-intensive); }

.requirement-profile ul,
.requirement-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.requirement-profile li,
.requirement-list li {
    border-bottom: 1px solid #e8eef1;
    padding: 10px 0;
}

.requirement-profile li:last-child,
.requirement-list li:last-child {
    border-bottom: 0;
}

.requirement-profile strong {
    color: #173b49;
}

.help-alert {
    border-left: 5px solid;
    border-radius: 8px;
    padding: 20px;
}

.help-alert--danger {
    background: #fff1f0;
    border-color: var(--help-danger);
    color: #681c17;
}

.help-alert--warning {
    background: var(--help-warning-bg);
    border-color: #d29c00;
    color: #674d00;
}

.help-alert--info {
    background: #eaf6fa;
    border-color: var(--help-primary);
    color: #194b60;
}

.help-support-card {
    border-top: 4px solid var(--help-primary);
}

@media (max-width: 991px) {
    .requirement-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .requirement-profiles { grid-template-columns: 1fr; }
    .requirement-profile--recommended { transform: none; }
}

@media (max-width: 575px) {
    .help-center-hero { padding: 34px 0 42px; }
    .help-search { margin-left: 15px; margin-right: 15px; }
    .requirement-nav { grid-template-columns: 1fr; }
    .help-archive .text-justify { text-align: left !important; }
}

@media (prefers-reduced-motion: reduce) {
    .help-card { transition: none; }
}