.support-page{width:min(100% - 32px,840px);margin:2rem auto 4rem}
.support-page-nav{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem;align-items:center}
.support-page-nav a,.support-page p a{text-decoration:underline;text-underline-offset:.2em}
.support-page h1{font-size:clamp(1.9rem,5vw,2.7rem);line-height:1.15;letter-spacing:-.03em;margin:.8rem 0 1.2rem}
.support-page .contact-links strong{overflow-wrap:anywhere}
.support-faqs{margin-top:2.4rem}
.support-faqs details{border-bottom:1px solid var(--line,#d7e2df);padding:1rem 0}
.support-faqs summary{cursor:pointer;font-weight:650;min-height:44px;display:list-item;align-content:center}
.support-faqs p{margin:.75rem 0;line-height:1.7}

.privacy-strip{width:min(100% - 32px,1200px);box-sizing:border-box;margin:1rem auto;padding:1rem 1.2rem;display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;align-items:center;justify-content:space-between;border:1px solid var(--line,#69827d);border-radius:12px}
.privacy-strip h2{margin:0;font-size:1.1rem}.privacy-strip p{margin:.25rem 0;line-height:1.45}.privacy-strip a,.mail-directory a{text-decoration:underline;text-underline-offset:.16em}
.privacy-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.55rem 0}.privacy-actions button{font:inherit;font-weight:650;min-height:44px;color:inherit;background:transparent;border:1.5px solid currentColor;border-radius:8px;padding:.5rem .85rem;cursor:pointer}.privacy-actions button:focus-visible{outline:3px solid currentColor;outline-offset:3px}
.mail-directory{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));gap:1rem}.mail-directory dt{font-weight:650}.mail-directory dd{margin:.2rem 0;overflow-wrap:anywhere}

.public-hero-copy .privacy-strip{width:100%;margin:1.2rem 0;text-align:start}.public-hero-copy .privacy-strip h2{font-size:1.1rem}

.privacy-dialog{box-sizing:border-box;position:fixed;inset:0;width:min(calc(100% - 2rem),30rem);max-height:calc(100dvh - 2rem);overflow:auto;margin:auto;padding:0;border:1px solid #9db7b7;border-radius:16px;background:#fff;color:#18353b;box-shadow:0 14px 50px #06171940}
.privacy-dialog::backdrop{background:rgba(7,21,26,.62)}
.privacy-dialog .privacy-strip{display:block;width:auto;max-width:none;margin:0;padding:1.3rem 1.4rem;border:0;background:transparent;color:inherit;text-align:start}
.privacy-dialog .privacy-strip h2{font-size:1.35rem;margin:0 0 .5rem}.privacy-dialog .privacy-strip p{color:inherit}
.privacy-dialog .privacy-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:1.15rem 0 .5rem}
.privacy-dialog .privacy-actions button{font:inherit;font-size:.94rem;font-weight:650;line-height:1.35;min-height:48px;white-space:normal;border:1px solid currentColor;border-radius:9px;background:transparent;color:inherit}
.privacy-dialog .privacy-later{min-height:44px;border:0;padding:.35rem .2rem;background:transparent;color:inherit;text-decoration:underline;font:inherit;cursor:pointer}
@media(prefers-color-scheme:dark){.privacy-dialog{background:#1a2d32;color:#f1f7f8;border-color:#527075}.privacy-dialog a{color:#8adfd9}}
@media(max-width:480px){.privacy-dialog{width:100%;max-width:none;inset:auto 0 0;margin:0;max-height:85dvh;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom)}}

.privacy-dialog #privacy-heading:focus{outline:none}

/* Keep the public information pages in the same navigation and colour scheme as the directory. */
.public-resource{min-height:100vh;display:flex;flex-direction:column}
.public-resource .support-page{flex:1 0 auto}
.resource-heading{margin-bottom:1.5rem}
.resource-heading p{max-width:65ch}
.resource-heading .kicker{margin:0}
.resource-heading h1{margin:.5rem 0 .75rem}
.resource-card{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:clamp(1.1rem,4vw,2rem);overflow-wrap:anywhere}
.resource-card+.resource-card{margin-top:1rem}
.resource-card h2{font-size:clamp(1.25rem,2.4vw,1.55rem);margin:1.5rem 0 .55rem}
.resource-card h2:first-child,.resource-card p:first-child{margin-top:0}
.resource-card h3{font-size:1.05rem;margin:1.1rem 0 .4rem}
.resource-card :last-child{margin-bottom:0}
.resource-card .prose{line-height:1.7}
.resource-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem}
.resource-tabs a{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line-strong);border-radius:.65rem;padding:.4rem .8rem;text-decoration:none;color:var(--ink);font-weight:650}
.resource-tabs a[aria-current="page"]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.public-nav a[aria-current="page"],.footer-grid a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:.14em;text-underline-offset:.25em}
.support-page .contact-shortcuts{margin:1rem 0 0}
.support-page .contact-shortcuts a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:1050px){
 html:not(.public-nav-ready) .site-header{position:static}
 html:not(.public-nav-ready) .site-header-inner{display:block}
 html:not(.public-nav-ready) .menu-toggle{display:none}
 html:not(.public-nav-ready) .public-nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:.25rem 1rem;border:0;box-shadow:none;padding:.25rem 0;max-height:none}
 html:not(.public-nav-ready) .public-nav>a{padding:0}
}