:root { color-scheme: light; font-family: "DM Sans", system-ui, sans-serif; color: #182a3d; background: #f7f9fc; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #1257a5; text-underline-offset: .2em; }
a:hover { color: #083969; }
:focus-visible { outline: 3px solid #168174; outline-offset: 4px; }
.help-skip { position: absolute; top: -100px; padding: 1rem; background: white; z-index: 5; }
.help-skip:focus { top: 0; }
.help-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.5rem max(5vw, 1rem); background: white; border-bottom: 1px solid #dce4ee; }
.help-brand { display: flex; flex-wrap: wrap; align-items: baseline; gap: .8rem; font-size: 1.6rem; font-weight: 700; text-decoration: none; }
.help-brand span { font-size: .9rem; font-weight: 500; color: #52647a; }
.help-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 3.5rem; max-width: 1250px; margin: auto; padding: 2.5rem 2rem 5rem; }
.help-nav { font-size: .9rem; }
.help-home { display: block; font-weight: 700; margin-bottom: 1.5rem; }
.help-nav details { margin-bottom: 1.4rem; }
.help-nav summary { cursor: pointer; font-weight: 700; padding: .3rem 0; }
.help-nav ul { list-style: none; padding: 0 0 0 .6rem; }
.help-nav li { margin: .7rem 0; line-height: 1.5; }
.help-nav a { text-decoration: none; color: #435970; }
.help-nav a[aria-current] { color: #104f94; font-weight: 700; }
.help-content { min-width: 0; }
.help-search { margin-bottom: 3rem; }
.help-search label { display: block; font-size: .85rem; font-weight: 600; margin-bottom: .5rem; }
.help-search div { display: flex; gap: .5rem; }
.help-search input { width: 100%; min-width: 0; padding: .85rem 1rem; border: 1px solid #b4c3d3; border-radius: 8px; font: inherit; }
.help-search button { border: 0; border-radius: 8px; background: #15569b; color: white; padding: .8rem 1.2rem; font: inherit; cursor: pointer; }
h1 { font-size: clamp(2rem, 4vw, 3rem); line-height: 1.12; letter-spacing: -.035em; margin: .7rem 0 1rem; }
h2 { font-size: 1.3rem; line-height: 1.4; margin-top: 2rem; }
.help-eyebrow { color: #1f786d; text-transform: uppercase; letter-spacing: .1em; font-size: .8rem; font-weight: 700; }
.help-lead { color: #52647a; font-size: 1.15rem; line-height: 1.7; }
.help-cards { display: grid; gap: 1rem; margin-top: 2rem; }
.help-cards section { background: white; border: 1px solid #dce4ee; border-radius: 12px; padding: .4rem 1.5rem 1rem; }
.help-cards h2 { margin-top: 1rem; }
.help-cards ul, .help-contents ul { padding-left: 1.2rem; }
.help-cards li, .help-contents li { margin: .7rem 0; }
.help-contents { border-left: 3px solid #94b7cf; padding: 1rem 1.5rem; margin: 2rem 0; background: #edf3f8; }
.help-prose { font-size: 1rem; line-height: 1.85; max-width: 75ch; overflow-wrap: anywhere; }
.help-prose h2 { scroll-margin-top: 2rem; }
.help-prose li { padding-left: .2rem; margin: .4rem 0; }
.help-prose pre { overflow: auto; padding: 1rem; background: #edf3f8; }
.help-prose table { display: block; overflow-x: auto; border-collapse: collapse; }
.help-prose td, .help-prose th { padding: .5rem; border: 1px solid #dce4ee; }
.help-results { list-style: none; padding: 0; }
.help-results li { padding: 0 0 1rem; border-bottom: 1px solid #dce4ee; }
.help-results p { color: #52647a; }
.help-footer { padding: 1.5rem 5vw; border-top: 1px solid #dce4ee; color: #52647a; font-size: .85rem; }
@media (max-width: 760px) { .help-grid { grid-template-columns: 1fr; gap: 1.5rem; padding: 1.5rem 1rem 3rem; } .help-nav { order: 2; border-top: 1px solid #dce4ee; padding-top: 2rem; } .help-header { font-size: .8rem; } .help-search { margin-bottom: 2rem; } }