Template:Help navigation/styles.css

.archive-help-nav {
 display: flex; flex-wrap: wrap; align-items: center; gap: .35rem .6rem;
 padding: .7rem 1rem; margin-block: .25rem 1.5rem;
 border: 1px solid var(--border-color-base, #72777d); border-radius: .6rem;
 background: var(--color-surface-1, transparent); font-size: .875rem;
}
.archive-help-hero {
 padding: clamp(1rem, 3vw, 2rem); margin-block: 1rem 1.5rem;
 border: 1px solid var(--border-color-base, #72777d);
 border-inline-start: 4px solid #b65d65; border-radius: .75rem;
 background: var(--color-surface-1, transparent);
}
.archive-help-eyebrow { color: var(--color-base--subtle, inherit); font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.archive-help-hero h2 { margin-top: .4rem; border: 0; font-size: clamp(1.6rem, 4vw, 2.2rem); }
.archive-help-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-block: 1rem 2rem; }
.archive-help-card { min-width: 0; padding: 1.1rem; border: 1px solid var(--border-color-base, #72777d); border-radius: .7rem; background: var(--color-surface-1, transparent); overflow-wrap: anywhere; }
.archive-help-card h3 { margin-top: 0; font-size: 1.15rem; }
.archive-help-card p:last-child { margin-bottom: 0; }
.archive-help-note { padding: .8rem 1rem; border-inline-start: 3px solid #b65d65; background: var(--color-surface-1, transparent); margin-block: 1rem; }
@media (max-width: 600px) { .archive-help-grid { grid-template-columns: 1fr; } }