
.help-page{--help-ink:#2F2A26;--help-muted:#4A413B;--help-green:#4F6F5F;--help-green-dark:#3F5A4C;--help-sage:#E4ECE5;--help-sage-line:#CFDDD2;--help-card:#FFFDF9;--help-paper:#F7F2EB;--help-line:#E7DED3;--help-note:#FFF0B3;box-sizing:border-box;max-width:1120px;margin:0 auto;padding:0 24px 64px;color:var(--help-ink);font-size:18px;line-height:30px}
.help-page *,.help-page *::before,.help-page *::after{box-sizing:border-box}
.help-page h1,.help-page h2,.help-page h3{margin:0;font-family:var(--font-heading,Georgia,"Times New Roman",serif);font-weight:500;letter-spacing:-0.012em;color:var(--help-ink)}
.help-page h1{font-size:46px;line-height:54px;letter-spacing:-0.015em}
.help-page h2{font-size:30px;line-height:38px}
.help-page h3{font-size:21px;line-height:28px;font-weight:600}
.help-page p{margin:0;max-width:720px}
.help-page a{color:var(--help-green)}
.help-page a:hover{color:var(--help-green-dark)}
.help-page a:focus-visible{outline:3px solid var(--help-ink);outline-offset:3px;border-radius:4px}
.help-page ul,.help-page ol{margin:0}
.help-article,.help-index{display:block}
.help-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.help-crumbs{padding:18px 0 0}
.help-crumbs ol{display:flex;flex-wrap:wrap;gap:0 4px;list-style:none;padding:0}
.help-crumbs li{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:24px}
.help-crumbs li+li::before{content:"/";margin-right:6px;color:var(--help-muted)}
.help-crumbs a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--help-green-dark)}
.help-crumbs [aria-current]{color:var(--help-muted)}

.help-head,.help-hero{display:flex;flex-direction:column;gap:16px;padding:36px 0 32px;max-width:760px}
.help-pill{align-self:flex-start;margin:0;padding:5px 14px;border-radius:999px;background:var(--help-sage);color:var(--help-green-dark);font-size:15px;line-height:22px;font-weight:700;letter-spacing:0.01em}
.help-lede{font-size:20px;line-height:32px}
.help-byline{font-size:15px;line-height:22px;color:var(--help-muted)}
.help-notice{padding:12px 16px;border-radius:14px;background:var(--help-note);max-width:720px}
.help-notice p{font-size:16px;line-height:25px}

.help-label{margin:0;font-family:inherit;font-size:14px;line-height:20px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--help-green-dark)}

.help-answer{display:flex;flex-direction:column;gap:12px;margin:0 0 32px;padding:28px 32px;background:var(--help-sage);border:1px solid var(--help-sage-line);border-radius:22px}
.help-answer p:not(.help-label){font-size:20px;line-height:32px}
.help-answer p:not(.help-label)+p{font-size:16px;line-height:25px;color:var(--help-muted)}

.help-toc{display:flex;flex-direction:column;gap:10px;margin:0 0 48px;max-width:720px}
.help-toc ol{display:flex;flex-direction:column;gap:2px;padding-left:24px}
.help-toc a{display:inline-flex;align-items:center;min-height:44px;font-size:17px;line-height:24px;font-weight:700}

.help-section{display:flex;flex-direction:column;gap:14px;margin:0 0 48px;scroll-margin-top:16px}
.help-section>p{color:var(--help-ink)}
.help-questions .help-list{max-width:640px}
.help-list,.help-steps{display:flex;flex-direction:column;gap:12px;max-width:720px;padding-left:24px}
.help-list{list-style:disc}
.help-steps{list-style:decimal}
.help-list li,.help-steps li{padding-left:6px}
.help-list li::marker,.help-steps li::marker{color:var(--help-green-dark);font-weight:700}
.help-steps-name{font-weight:700;color:var(--help-green-dark)}

.help-source{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 14px 8px 16px;background:var(--help-card);border:1px solid var(--help-line);border-radius:14px;color:var(--help-green-dark);text-decoration:none}
.help-source:hover{border-color:var(--help-green)}
.help-source-text{display:flex;flex-direction:column;min-width:0}
.help-source-publisher{font-size:14px;line-height:20px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--help-muted)}
.help-source-title{font-size:16px;line-height:24px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.help-source-about{font-size:15px;line-height:22px;font-weight:400;color:var(--help-muted)}
.help-source-host{font-size:14px;line-height:20px;color:var(--help-muted);overflow-wrap:anywhere}
.help-ext-icon{flex:none}
.help-links,.help-source-list{display:flex;flex-direction:column;gap:10px;max-width:720px;list-style:none;padding:0}
.help-legal{padding:20px 24px;background:var(--help-card);border:1px solid var(--help-line);border-radius:18px}
.help-sources{display:flex;flex-direction:column;gap:12px;margin:0 0 48px;padding-top:8px;border-top:1px solid var(--help-line)}
.help-sources h2{font-size:24px;line-height:32px}
.help-sources h3{margin-top:12px;font-size:18px;line-height:26px}

.help-june,.help-start,.help-crisis{display:flex;flex-direction:column;gap:14px;margin:0 0 48px;padding:28px 32px;background:var(--help-card);border:1px solid var(--help-line);border-radius:22px}
.help-june-head{display:flex;align-items:center;gap:10px}
.help-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--help-sage);color:var(--help-green-dark);font-weight:700}
.help-june-name{font-weight:700}
.help-june-tag{margin-left:6px;padding:2px 10px;border-radius:999px;background:var(--help-sage);color:var(--help-green-dark);font-size:14px;line-height:20px;font-weight:700}
.help-start-note{color:var(--help-ink)}
.help-button-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.help-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;background:var(--help-green);color:#FFFFFF;font-size:17px;line-height:24px;font-weight:700;text-decoration:none}
.help-page a.help-button{color:#FFFFFF}
.help-page a.help-button:hover{background:var(--help-green-dark);color:#FFFFFF}
.help-link-quiet{display:inline-flex;align-items:center;min-height:44px;font-size:16px;line-height:24px;font-weight:700}

.help-cta{display:flex;flex-direction:column;gap:14px;margin:0 0 48px;padding:22px 28px;background:var(--help-card);border:1px solid var(--help-line);border-left:6px solid var(--help-green);border-radius:18px}
.help-cta-text{font-size:19px;line-height:30px;color:var(--help-ink)}
.help-cta .opening-soon{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--help-muted)}
.help-june .opening-soon{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--help-muted)}
.help-faq h3{margin-top:10px}
.help-faq h3+p{margin-top:-4px}
.help-pillar{font-size:16px;line-height:25px;color:var(--help-muted)}
.help-pillar a{font-weight:700}
.help-see-also{font-size:16px;line-height:25px;color:var(--help-muted)}
.help-see-also a{font-weight:700}
.help-featured{display:flex;flex-direction:column;gap:8px;margin:0 0 40px;padding:24px 28px;background:var(--help-sage);border:1px solid var(--help-sage-line);border-radius:22px;max-width:760px}
.help-featured h2{font-size:28px;line-height:36px}
.help-featured h2 a{color:var(--help-green-dark)}
.help-featured p:not(.help-label){font-size:18px;line-height:28px}

.help-related{display:flex;flex-direction:column;gap:12px;margin:0 0 48px}
.help-related h2{font-size:24px;line-height:32px}
.help-related-list{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}
.help-related-list a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.help-ai-note{display:flex;align-items:center;gap:12px;max-width:720px;padding:14px 0 0;border-top:1px solid var(--help-line);font-size:16px;line-height:25px;color:var(--help-muted)}

.help-topics{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin:0 0 48px}
.help-topics>h2{grid-column:1/-1}
.help-topic{display:flex;flex-direction:column;gap:10px;padding:22px 24px 20px;background:var(--help-card);border:1px solid var(--help-line);border-radius:18px;scroll-margin-top:16px}
.help-topic-blurb{font-size:16px;line-height:25px;color:var(--help-muted)}
.help-article-list{display:flex;flex-direction:column;gap:14px;list-style:none;padding:0;margin-top:6px}
.help-article-list a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:18px}
.help-article-about{display:block;font-size:16px;line-height:25px;color:var(--help-muted);max-width:720px}
.help-crisis p a{font-weight:700}

.help-end{display:flex;flex-direction:column;gap:14px;margin:0 0 24px;padding:24px 28px;background:var(--help-sage);border:1px solid var(--help-sage-line);border-radius:22px;max-width:760px}
.help-end-title{font-family:var(--font-heading,Georgia,"Times New Roman",serif);font-size:26px;line-height:34px;font-weight:500;color:var(--help-ink)}
.help-end .opening-soon{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--help-muted)}
.help-home{margin:0 0 32px}

/* two columns of topic cards where two cards still read well (600px and up); one column below, where two narrow cards would squeeze the words */
@media (min-width:600px){
.help-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}
}

@media (max-width:719px){
.help-page{padding:0 16px 48px;font-size:18px;line-height:29px}
.help-page h1{font-size:34px;line-height:42px}
.help-page h2{font-size:28px;line-height:36px}
.help-page h3{font-size:23px;line-height:30px}
.help-head,.help-hero{padding:28px 0 24px}
.help-answer,.help-june,.help-start,.help-crisis,.help-legal,.help-end{padding:20px}
.help-cta{padding:18px 18px 18px 20px;border-radius:16px}
.help-featured{padding:20px}
.help-featured h2{font-size:26px;line-height:34px}
.help-topic{padding:18px 18px 16px}

/* the article body on a phone: 20px on 32px, with the headings and every tap target grown to match (44px at least) */
.help-article{font-size:20px;line-height:32px}
.help-article .help-section{gap:16px}
.help-article .help-list,.help-article .help-steps{gap:14px}
.help-article .help-answer p:not(.help-label){font-size:20px;line-height:32px}
.help-article .help-answer p:not(.help-label)+p{font-size:18px;line-height:28px}
.help-article .help-notice p,.help-article .help-pillar,.help-article .help-see-also,.help-article .help-ai-note{font-size:18px;line-height:28px}
.help-article .help-byline{font-size:16px;line-height:24px}
.help-article .help-cta-text{font-size:20px;line-height:32px}
.help-article .help-sources h2,.help-article .help-related h2{font-size:26px;line-height:34px}
.help-article .help-sources h3{font-size:20px;line-height:28px}
.help-article .help-crumbs li,.help-article .help-crumbs a{font-size:17px;min-height:48px}
.help-article .help-toc a{font-size:19px;line-height:28px;min-height:48px}
.help-article .help-source{min-height:60px}
.help-article .help-source-title{font-size:18px;line-height:26px}
.help-article .help-source-about{font-size:16px;line-height:24px}
.help-article .help-source-host{font-size:15px;line-height:22px}
.help-article .help-related-list a{font-size:19px;line-height:28px;min-height:48px}
.help-article .help-see-also a,.help-article .help-pillar a{display:inline-flex;align-items:center;min-height:44px}
.help-article .help-button{min-height:56px;font-size:19px}
.help-article .help-button-row .help-button{width:100%}
.help-article .help-link-quiet{font-size:18px;min-height:48px}
.help-article .help-end-title{font-size:26px;line-height:34px}
.help-index .help-article-list a{font-size:19px}
.help-index .help-topic-blurb,.help-index .help-article-about{font-size:17px;line-height:27px}
}

.help-contact-page{margin-top:-64px;padding-bottom:48px}
.help-contact{display:flex;flex-direction:column;gap:14px;padding:28px 32px;background:var(--help-card);border:1px solid var(--help-line);border-radius:22px;scroll-margin-top:16px}
.help-contact-details{color:var(--help-muted)}
.help-contact p a{font-weight:700}
@media (max-width:719px){
.help-contact-page{margin-top:-48px}
.help-contact{padding:20px}
}
