/* Help uses the same light public-site layout, with answers in the page. */
body[data-landing-view="resources"] { background: #fff; }
body[data-landing-view="resources"] .landing-background { display: none; }
body.landing-fullscreen[data-landing-view="resources"] .landing-fullscreen-main { height: calc(100dvh - 88px); padding: 0; }
body.landing-fullscreen .help-page.is-active { display: block; height: 100%; min-height: 0; width: 100%; max-width: none; margin: 0; padding: 24px 48px 28px; overflow: auto; background: #fff; color: #183442; font-family: Arial,sans-serif; }
.help-page *, .help-page *::before, .help-page *::after { box-sizing: border-box; letter-spacing: 0; }
.help-page :is(h1,h2,h3,p) { margin: 0; font-family: Arial,sans-serif; }
.help-container { max-width: 1280px; margin: 0 auto; }
body .help-page h1 { margin: 6px 0 8px; color: #183442; font-size: 36px; line-height: 1.2; }
body .help-page h2 { color: #183442; font-size: 22px; line-height: 1.35; }
body .help-page h3 { color: #183442; font-size: 16px; line-height: 1.5; }
.help-page p { color: #526674; font-size: 15px; line-height: 1.6; }
.help-header > p:last-child { font-size: 17px; }
.help-page a, .help-text-button { color: #006c7a; text-decoration: none; font-weight: 600; }
.help-page a:hover, .help-text-button:hover { text-decoration: underline; }
.help-page :is(a,button,summary):focus-visible { outline: 3px solid #087f8c; outline-offset: 4px; }
.help-page [id] { scroll-margin-top: 24px; }
.help-page .route-card-attention { animation: none; box-shadow: none; }
.help-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; margin: 20px 0 24px; }
.help-shortcuts a { display: flex; align-items: center; gap: 16px; padding: 16px 20px; border: 1px solid #dce6ea; border-radius: 8px; background: #fafcfd; min-width: 0; }
.help-shortcuts a:hover { border-color: #087f8c; text-decoration: none; background: #f1f8f9; }
.help-shortcuts a > span:last-child { margin-left: auto; font-size: 22px; }
.help-shortcuts strong { display: block; color: #183442; font-size: 16px; line-height: 1.4; }
.help-shortcuts small { display: block; color: #526674; font-size: 13px; line-height: 1.5; margin-top: 4px; font-weight: 400; }
.help-topic-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 8px; border-radius: 6px; background: #edf8f8; color: #087f8c; font-size: 18px; }
.help-shortcuts a:nth-child(2) .help-topic-icon { color: #326bb4; background: #f0f5ff; }
.help-shortcuts a:nth-child(3) .help-topic-icon { color: #42795b; background: #eff7f1; }
.help-columns { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 64px; }
.help-steps { counter-reset: help-step; list-style: none; padding: 0; margin: 14px 0 0; }
.help-steps > li { counter-increment: help-step; display: flex; align-items: flex-start; gap: 16px; padding-bottom: 12px; }
.help-steps > li::before { content: counter(help-step); display: grid; place-items: center; width: 28px; height: 28px; flex: 0 0 28px; border: 1px solid #cbdfe4; border-radius: 50%; color: #006c7a; font: 600 13px Arial,sans-serif; }
.help-steps p { margin: 4px 0; }
.help-steps a, .help-invite a { display: inline-flex; align-items: center; gap: 10px; min-height: 36px; font-size: 14px; }
.help-invite { border-top: 1px solid #dce6ea; padding: 12px 0 0 44px; }
.help-invite p { margin: 4px 0; }
.help-faqs h2 { margin-bottom: 10px !important; }
.help-faqs details { border-bottom: 1px solid #dce6ea; }
.help-faqs summary { position: relative; padding: 14px 32px 14px 0; list-style: none; cursor: pointer; color: #263f4c; font-size: 15px; font-weight: 600; line-height: 1.5; }
.help-faqs summary::-webkit-details-marker { display: none; }
.help-faqs summary::after { content: "+"; position: absolute; right: 3px; top: 10px; color: #087f8c; font-size: 24px; font-weight: 400; }
.help-faqs details[open] summary::after { content: "\2212"; }
.help-answer { padding: 0 28px 18px 0; }
.help-answer ol { margin: 0 0 12px; padding-left: 22px; color: #526674; font-size: 15px; line-height: 1.65; }
.help-answer li + li { margin-top: 6px; }
.help-answer > a { display: inline-block; margin-top: 10px; font-size: 14px; min-height: 32px; }
.help-bottom { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.15fr); gap: 64px; border-top: 1px solid #dce6ea; margin-top: 20px; padding-top: 20px; }
.help-preview { display: flex; align-items: center; gap: 20px; }
.help-preview > button { width: 200px; flex: 0 0 200px; padding: 0; border: 1px solid #cbdfe4; background: #f7fafb; border-radius: 6px; overflow: hidden; cursor: zoom-in; }
.help-preview img { display: block; width: 100%; height: auto; }
.help-bottom h2 { font-size: 20px !important; }
.help-bottom p { margin-top: 6px; }
.help-text-button { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; margin-top: 10px; min-height: 44px; border: 1px solid #b7d6dc; border-radius: 6px; background: #edf8f8; cursor: pointer; font: 600 14px Arial,sans-serif; }
.help-contact > a { display: inline-block; min-height: 44px; padding-top: 10px; font-size: 14px; overflow-wrap: anywhere; }
@media (max-width: 1050px) {
 .help-shortcuts a { gap: 10px; padding: 16px; }
 .help-shortcuts small { display: none; }
 .help-columns, .help-bottom { gap: 32px; }
 .help-preview { flex-wrap: wrap; gap: 12px; }
}
@media (max-width: 760px) {
 body.landing-fullscreen[data-landing-view="resources"] .landing-fullscreen-main { height: auto; min-height: calc(100dvh - 72px); overflow: visible; }
 body.landing-fullscreen .help-page.is-active { height: auto; overflow: visible; padding: 24px 20px 36px; }
 body .help-page h1 { font-size: 28px; }
 .help-shortcuts { grid-template-columns: 1fr; gap: 10px; margin: 24px 0 28px; }
 .help-shortcuts a { padding: 12px 16px; }
 .help-shortcuts small { display: block; }
 .help-columns, .help-bottom { grid-template-columns: 1fr; gap: 28px; }
 .help-faqs { border-top: 1px solid #dce6ea; padding-top: 24px; }
 .help-preview { flex-wrap: wrap; }
 .help-preview > button { width: 100%; flex-basis: 100%; max-width: 360px; }
 .help-invite { padding-left: 0; }
 .help-bottom { margin-top: 24px; padding-top: 24px; }
}