/* Scoped typography, using the site's Onest font, palette and button styles. */
.about-page{max-width:780px;margin:20px auto 0;color:var(--ink,#21382a);font-size:18px;line-height:1.75;overflow-wrap:break-word}
.about-page h1{font-size:clamp(29px,4vw,42px);line-height:1.2;letter-spacing:-.8px;margin:0 0 36px;color:var(--deep,#245e30)}
.about-page h2{font-size:clamp(22px,3vw,28px);line-height:1.35;letter-spacing:-.35px;margin:44px 0 18px;color:var(--deep,#245e30)}
.about-page p{margin:0 0 20px}.about-page strong{font-weight:750}
.about-page ul{padding-left:25px;margin:20px 0}.about-page li{padding-left:5px;margin:0 0 18px}
.about-support{margin-top:40px;padding:32px;border-radius:24px;background:var(--g,#2c9134);color:white}
.about-support h2{margin:0 0 16px;color:white}.about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.about-actions .btn{font-size:15px;min-height:48px;white-space:normal;text-align:center;text-decoration:none;line-height:1.4}
.about-support input{width:100%;min-width:0;padding:12px;border:1px solid white;border-radius:12px;font:inherit;color:#21382a;background:white}
.about-support label{display:block;margin:20px 0 8px;font-size:15px}
.about-support [role=status]{font-size:15px;margin:16px 0 0;min-height:26px}
.about-page a:focus-visible,.about-page button:focus-visible{outline:3px solid #193d22;outline-offset:4px}
@media(max-width:760px){.about-page{margin-top:10px;font-size:17px;line-height:1.7}.about-page h1{margin-bottom:28px}.about-page h2{margin-top:34px}.about-support{padding:24px 20px;border-radius:20px}.about-actions{flex-direction:column}.about-actions .btn{width:100%}}

/* Persistent header link, independent of the dynamic account/navigation buttons. */
.header-about{display:inline-flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;color:var(--deep,#245e30);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.header-about:hover{text-decoration:underline}.header-about:focus-visible{outline:3px solid var(--g);outline-offset:3px;border-radius:6px}
@media(max-width:1050px) and (min-width:761px){.topbar{gap:10px;padding:0 18px}.toplinks{gap:0}.toplinks button{padding:12px 8px}.brand-sub{max-width:170px}}
@media(max-width:760px){.topbar{gap:8px;padding:0 12px}.topbar .brand{gap:6px}.topbar .brand-sub{display:none!important}.topbar .brand-title{font-size:16px}.topbar .brand-mark{width:28px}.topbar .brand-mark img{width:30px;height:30px}.header-about{font-size:13px;margin-left:auto}.topbar .mobile-account{max-width:85px}.topbar .mobile-account .account-name{max-width:30px}}