/* Readable Help workspace; the site's common header stays unchanged. */
.help-page .help-shell { --help-reading-size:18px; max-width:1440px; padding:40px 28px 64px; font-size:var(--help-reading-size); }
.help-page .help-shell[data-text-size="small"] { --help-reading-size:18px; }
.help-page .help-shell[data-text-size="large"] { --help-reading-size:22px; }
.help-page .help-shell[data-text-size="standard"] { --help-reading-size:20px; }
.help-page .help-shell[data-text-size="extra"] { --help-reading-size:26px; }
.help-shell [hidden] { display:none!important; }
.help-shell :is(button,input,a) { font-family:inherit; }
.help-shell :is(button,a):focus-visible { outline:3px solid #963340; outline-offset:4px; }
.help-welcome { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:24px; }
.help-welcome h1 { margin:0 0 10px; color:#292724; font-size:clamp(34px,4vw,48px); line-height:1.2; font-weight:650; }
.help-welcome p { margin:0; color:#4c4943; line-height:1.6; }
.help-text-size { flex:none; display:grid; gap:8px; font-size:18px; color:#292724; font-weight:600; }
.help-text-size > div { display:flex; flex-wrap:wrap; gap:8px; }
.help-shell button { min-height:48px; padding:10px 20px; border:1px solid #292724; border-radius:7px; background:#292724; color:#fffdf8; font-size:inherit; font-weight:600; cursor:pointer; }
.help-shell button:hover { background:#7e2935; }
.help-text-size button { background:#fffdf8; color:#292724; border-color:#b8b7a8; font-size:18px; padding:10px 14px; }
.help-text-size button[aria-pressed="true"] { background:#292724; color:#fff; }
.help-document-search { display:flex; gap:12px; margin:0; }
.help-shell :is(.help-document-search,.help-question-form) input { flex:1; min-width:0; box-sizing:border-box; min-height:56px; padding:12px 18px; border:1px solid #a8b1a4; border-radius:7px; background:#fffdf8; color:#292724; font-size:inherit; }
.help-shell input::placeholder { color:#626a65; opacity:1; }
.help-search-status { font-size:18px; min-height:1.5em; margin:12px 0; color:#5c5750; }
.help-reading-layout { display:grid; grid-template-columns:minmax(260px, 30%) minmax(0,1fr); gap:28px; align-items:start; }
.help-topic-navigation h2 { margin:0 0 18px; font-size:1.25em; color:#292724; }
.help-topic-link { display:flex; align-items:center; gap:16px; min-height:64px; box-sizing:border-box; margin-bottom:12px; padding:14px 18px; border:1px solid #afb7a9; border-radius:8px; color:#292724; background:#fffdf8; text-decoration:none; font-weight:600; line-height:1.35; }
.help-topic-link svg { flex:none; width:28px; height:28px; }
.help-topic-link span:nth-child(2) { flex:1; }
.help-topic-link:hover { background:#f6e9e8; color:#292724; }
.help-topic-link[aria-current="true"] { color:#fffdf8; background:#292724; border-color:#292724; }
.help-reader { min-width:0; min-height:440px; padding:28px 32px; border:1px solid #b9bdad; border-radius:9px; background:#fffdf8; color:#292724; }
.help-reader-category { margin:0 0 14px; color:#292724; font-size:.8em; font-weight:650; }
.help-related-guides { border-bottom:1px solid #ddd9cb; padding:0 0 18px; margin-bottom:22px; }
.help-related-guides summary { font-size:.9em; color:#292724; padding:10px 0; cursor:pointer; }
.help-related-guides nav { display:grid; gap:7px; margin-top:12px; }
.help-related-guides a { padding:12px 14px; min-height:48px; box-sizing:border-box; border:1px solid #d4d9ca; border-radius:6px; color:#292724; text-decoration:none; line-height:1.4; font-size:.9em; }
.help-related-guides a:hover,.help-related-guides a[aria-current="true"] { background:#f6e9e8; }
.help-reading-article h2,.help-reader > section h2 { font-size:1.45em; margin:0 0 18px; color:#292724; line-height:1.3; }
.help-reading-copy { max-width:70ch; line-height:1.75; overflow-wrap:anywhere; }
.help-reading-copy p { margin:0 0 1.1em; }
.help-reading-steps { counter-reset:help-step; list-style:none; padding:0; margin:22px 0; }
.help-reading-steps li { position:relative; padding-left:64px; margin-bottom:26px; counter-increment:help-step; }
.help-reading-steps li::before { content:counter(help-step); position:absolute; top:2px; left:0; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#292724; color:#fff; font-weight:650; }
.help-reading-steps li strong { display:block; }
.help-reading-steps li p { margin:4px 0 0; }
.help-back-topics { display:inline-block; min-height:48px; padding:12px 0; color:#292724; font-size:.95em; font-weight:650; text-underline-offset:4px; }
.help-question-section { margin-top:30px; padding:24px 28px; border-radius:9px; background:#fffdfa; }
.help-question-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.help-question-heading h2 { color:#292724; font-size:1.3em; margin:0 0 8px; }
.help-question-heading p { margin:0; line-height:1.6; }
.help-question-form { margin-top:24px; }
.help-question-form label { display:block; margin-bottom:10px; font-weight:600; }
.help-question-form > div { display:flex; gap:12px; }
.help-shell .help-answer { max-width:none; font-size:inherit; margin:20px 0 0; white-space:normal; line-height:1.75; box-shadow:none; }
.help-answer p { white-space:pre-line; }
.help-shell .help-sources { font-size:.85em; color:#5c5750; }
.help-shell .help-error { background:#fff3eb; padding:18px; text-align:left; font-size:inherit; }
@media(max-width:1000px) { .help-welcome { align-items:start; flex-direction:column; } .help-reading-layout { grid-template-columns:minmax(240px,32%) minmax(0,1fr); gap:18px; } .help-reader { padding:24px; } }
@media(max-width:760px) { .help-page .help-shell { padding:28px 18px 48px; } .help-reading-layout { grid-template-columns:1fr; } .help-reader { min-height:0; padding:24px 20px; } .help-topic-link { min-height:60px; } .help-question-heading { align-items:start; flex-direction:column; } .help-question-section { padding:22px 20px; } .help-document-search,.help-question-form > div { flex-wrap:wrap; } .help-document-search input,.help-question-form input { flex-basis:100%; width:100%; } .help-document-search button,.help-question-form button { width:100%; } .help-text-size button { padding:10px; } }

/* Public gallery palette and panel treatment, shared with stamps and covers. */
body.help-page { background:#faf7f2; color:#292724; }
.help-page .help-shell { max-width:none; margin:0; padding:22px clamp(18px,2.4vw,38px) 48px; }
.help-shell > .frontend-breadcrumb { margin:0 0 22px; padding-bottom:16px; border-bottom:1px solid #d8cfbe; font-size:14px; }
.help-welcome { padding:8px 0 12px; }
.help-reading-layout { gap:18px; }
.help-topic-navigation { background:rgba(255,252,245,.78); padding:24px 20px; border-radius:8px; }
.help-reader { background:rgba(255,252,245,.78); border:0; box-shadow:none; border-radius:8px; }
.help-topic-link { border:1px solid #ded6cb; background:#fffdfa; font-weight:500; }
.help-topic-link svg { color:#963340; }
.help-topic-link[aria-current="true"] { background:#f7ecea; border-color:#e5c9cb; color:#963340; box-shadow:inset 4px 0 #963340; font-weight:650; }
.help-shell button { border-color:#963340; background:#963340; color:#fffdfa; }
.help-shell button:hover { background:#7e2935; }
.help-text-size button { background:#fffdfa; color:#292724; border-color:#cfc6b8; }
.help-text-size button:hover { background:#f7ecea; }
.help-text-size button[aria-pressed="true"] { background:#f7ecea; color:#963340; border-color:#963340; }
.help-shell :is(.help-document-search,.help-question-form) input { background:#fffdfa; border-color:#cfc6b8; }
.help-reader-category,.help-related-guides summary,.help-back-topics { color:#963340; }
.help-related-guides a { color:#292724; border-color:#e1d7c9; }
.help-related-guides a[aria-current="true"] { color:#963340; }
.help-reading-steps li::before { background:#963340; }
.help-question-section { border-top:1px solid #d8cfbe; border-radius:0; background:transparent; padding:26px 0; }
.help-shell .help-answer { border-left-color:#963340; background:#fffdfa; }
.help-shell .help-sources a { color:#963340; }
.help-footer { background:#faf7f2; color:#6d665c; border-color:#d8cfbe; }
.help-footer a { color:#963340; }
@media(max-width:760px) { .help-page .help-shell { padding:22px 16px 40px; } .help-topic-navigation { padding:20px 16px; } }

/* Help topics use the mobile navigation's quiet heritage colours. */
.help-topic-link { background:#fffdf8; color:#304a3d; }
.help-topic-link svg { color:#607b69; }
.help-topic-link:hover { background:#f2f1e8; color:#1e513b; }
.help-topic-link[aria-current="true"] { background:#f1ede4; border-color:#ddd3c2; color:#34483d; box-shadow:none; }
.help-topic-link:focus-visible { outline-color:#244a3c; }

/* Video tutorials above the written Help guides. */
.help-video-tutorials{margin:0 0 36px;padding:24px 0 30px;border-bottom:1px solid #d8cfbe}
.help-video-tutorials>h2{margin:0 0 8px;font-size:28px;color:#292724}
.help-video-tutorials>p{margin:0 0 22px;color:#4c4943;line-height:1.6}
.help-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;width:100%}
.help-video-card{overflow:hidden;border:1px solid #ded6cb;border-radius:8px;background:#fffdfa}
.help-video-card video{display:block;width:100%;aspect-ratio:16/9;background:#292724;object-fit:contain}
.help-video-card>div{padding:20px 22px}
.help-video-card h3{margin:0 0 10px;font-size:23px;color:#963340}
.help-video-card p{margin:0 0 16px;line-height:1.6;color:#4c4943}
.help-video-card span{font-size:16px;color:#665e53}
.help-video-placeholder{aspect-ratio:16/9;background:#292724}
.help-video-placeholder img{display:block;width:100%;height:100%;object-fit:contain}
.help-video-dialog{width:min(96vw,1440px);max-width:none;max-height:94vh;max-height:94dvh;padding:0;border:1px solid #d8cfbe;border-radius:10px;background:#fffdfa;color:#292724;box-shadow:0 20px 70px #0005}
.help-video-dialog::backdrop{background:#14251ce0}
.help-video-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}
.help-video-dialog-header h2{margin:0;font-size:22px;color:#244a3c}
.help-video-dialog-header button{flex-shrink:0;padding:9px 14px;border:1px solid #cfc6b8;border-radius:6px;background:#fffdfa;color:#244a3c;font:inherit;cursor:pointer}
.help-video-dialog-header button:hover{background:#f1ede4}
.help-video-dialog-body video{display:block;width:100%;max-height:calc(94vh - 90px);max-height:calc(94dvh - 90px);aspect-ratio:16/9;background:#111;object-fit:contain}
@media(max-width:1000px){.help-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.help-video-grid{grid-template-columns:1fr}.help-video-tutorials>h2{font-size:25px}.help-video-dialog-header{padding:12px}.help-video-dialog-header h2{font-size:18px}}