:root { color-scheme: light; font-family: ui-rounded, "Arial Rounded MT Bold", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #262722; background: #fcfaf8; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 1rem; line-height: 1.65; }
a { color: #874316; text-underline-offset: .2em; overflow-wrap: anywhere; }
a:hover { color: #4d290f; }
a:focus-visible { outline: 3px solid #874316; outline-offset: 5px; border-radius: 3px; }
.skip-link { position: absolute; left: 1rem; top: -6rem; padding: .6rem 1rem; background: white; z-index: 1; }
.skip-link:focus { top: 1rem; }
.site-header { max-width: 960px; margin: auto; padding: 1.5rem 2rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; border-bottom: 1px solid #dedcd5; }
.wordmark { font-size: 2rem; font-weight: 800; line-height: 1.2; letter-spacing: -.06em; }
.brand-dot { color: #b45925; }
.app-name { font-size: .875rem; }
main { max-width: 864px; padding: 3.25rem 2rem 2rem; margin: auto; }
.eyebrow { color: #874316; letter-spacing: .13em; font-size: .875rem; font-weight: 700; margin: 0 0 .8rem; }
h1 { font-size: clamp(2.25rem, 6vw, 3.75rem); line-height: 1.1; letter-spacing: -.035em; margin: 0 0 1.2rem; }
.lead { max-width: 38rem; font-size: 1.125rem; margin: 0 0 1.35rem; }
.contact-link { display: inline-block; font-size: clamp(1.15rem, 4vw, 1.5rem); font-weight: 700; }
.contact-note { font-size: .875rem; margin: .5rem 0 0; color: #585a52; }
.topics { display: grid; grid-template-columns: 1fr 1fr; gap: 2.25rem 2.75rem; padding: 2.5rem 0; margin-top: 2.25rem; border-top: 1px solid #dedcd5; }
h2 { font-size: 1.25rem; line-height: 1.3; margin: 0 0 .75rem; }
p { margin: 0 0 .9rem; }
p:last-child { margin-bottom: 0; }
.privacy-note { background: #f1ede4; border-left: 3px solid #b45925; padding: 1rem 1.25rem; }
.legal { margin-top: 2rem; }
.legal h2 { font-size: 1.05rem; }
footer { max-width: 960px; margin: 0 auto; border-top: 1px solid #dedcd5; padding: 1.5rem 2rem; font-size: .875rem; color: #585a52; }
@media (max-width: 580px) { .site-header { padding: 1.25rem; flex-wrap: wrap; } main { padding: 2.25rem 1.25rem; } .topics { grid-template-columns: 1fr; gap: 1.8rem; padding: 2rem 0; } footer { padding: 1.25rem; } }