:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #171717; background: #fafafa; line-height: 1.6; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #202020; text-underline-offset: 3px; }
a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 3px solid #385300; outline-offset: 4px; border-radius: 3px; }
[hidden] { display: none !important; }
.help-skip { position: absolute; top: 8px; left: 8px; transform: translateY(-160%); z-index: 10; padding: 12px; background: #fff; }
.help-skip:focus { transform: none; }
.help-header { background: #fff; border-bottom: 1px solid #e4e4e4; padding: 18px max(20px, calc((100vw - 1100px) / 2)); display: flex; gap: 24px; justify-content: space-between; align-items: center; }
.help-brand { display: inline-flex; }
.help-brand img { max-width: 100%; height: auto; }
.help-header nav { display: flex; gap: 20px; flex-wrap: wrap; font-size: 14px; }
.help-header nav a { padding: 8px 0; }
.help-layout { max-width: 1100px; margin: 0 auto; padding: 42px 24px 64px; display: grid; grid-template-columns: 210px minmax(0, 1fr); gap: 30px; }
.help-intro { grid-column: 1 / -1; max-width: 720px; }
.help-eyebrow { text-transform: uppercase; font-size: 12px; letter-spacing: .1em; color: #555; font-weight: 650; }
h1 { font-size: clamp(30px, 5vw, 44px); line-height: 1.15; letter-spacing: -.035em; margin: 12px 0 16px; }
.help-intro > p:last-child { color: #555; font-size: 18px; }
.help-topics { display: flex; flex-direction: column; gap: 3px; align-self: start; position: sticky; top: 20px; }
.help-topics a { text-decoration: none; border-radius: 8px; padding: 10px 12px; font-size: 14px; }
.help-topics a:hover, .help-topics a[aria-current="location"] { background: #e9efce; color: #1f2b00; }
.help-content { min-width: 0; }
.help-content section { padding: 24px 28px; margin-bottom: 18px; background: #fff; border: 1px solid #e5e5e5; border-radius: 14px; scroll-margin-top: 20px; }
h2 { font-size: 23px; line-height: 1.25; margin: 0 0 18px; letter-spacing: -.02em; }
p { margin: 12px 0; }
li { margin: 8px 0; }
ul, ol { padding-left: 22px; }
.help-callout { padding: 14px 18px; background: #f3f6e9; border-radius: 10px; }
.help-note { color: #555; font-size: 14px; border-left: 3px solid #d8dfbe; padding-left: 14px; }
.help-cta { display: inline-flex; padding: 12px 18px; background: #171717; color: #fff; border-radius: 8px; text-decoration: none; font-weight: 600; margin: 6px 0; }
.help-footer { max-width: 1100px; margin: 0 auto; padding: 24px; display: flex; justify-content: space-between; gap: 16px; border-top: 1px solid #dedede; color: #555; font-size: 14px; }
@media (max-width: 700px) {
 .help-header { padding: 14px 18px; gap: 12px; }
 .help-brand img { width: 90px; }
 .help-header nav { gap: 12px; font-size: 12px; }
 .help-layout { display: block; padding: 25px 16px 32px; }
 .help-intro > p:last-child { font-size: 16px; }
 .help-topics { position: static; flex-direction: row; flex-wrap: wrap; gap: 6px; margin: 24px 0; }
 .help-topics a { border: 1px solid #dedede; background: #fff; padding: 8px 11px; font-size: 13px; }
 .help-content section { padding: 22px 19px; }
 .help-content { font-size: 15px; }
 h2 { font-size: 21px; }
}

.help-size-guide { border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 16px; }
.help-size-guide summary { font-weight: 650; cursor: pointer; min-height: 44px; padding: 10px 0; }
.help-size-guide summary:focus-visible, .help-table-wrap:focus-visible { outline: 3px solid #385300; outline-offset: 3px; }
.help-table-wrap { overflow-x: auto; border: 1px solid #dedede; border-radius: 8px; }
.help-table-wrap table { border-collapse: collapse; width: 100%; font-size: 14px; }
.help-table-wrap caption { text-align: left; padding: 12px; background: #f4f4f4; font-weight: 600; }
.help-table-wrap th, .help-table-wrap td { padding: 10px 12px; border-bottom: 1px solid #e5e5e5; text-align: left; white-space: nowrap; }
.help-table-wrap thead { background: #fafafa; }