:root { --paper:#faf9f6; --ink:#202d37; --muted:#52616c; --line:#d4dbde; --link:#125f79; --measure:760px; }
.app-page { margin:0; background:var(--paper); color:var(--ink); font:18px/1.7 system-ui,sans-serif; }
.page-header,.app-page main,.page-footer { max-width:var(--measure); margin:auto; padding:32px 24px; }
.page-header { border-bottom:1px solid var(--line); }
.app-page a { color:var(--link); text-underline-offset:4px; overflow-wrap:anywhere; }
.identity { font-weight:650; text-decoration:none; }
.identity span { color:var(--muted); font-weight:400; }
.page-header nav { display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:18px; font-size:15px; }
.app-page h1 { font-size:clamp(30px,5vw,44px); line-height:1.16; letter-spacing:-.035em; margin:20px 0 28px; }
.app-page h2 { font-size:23px; line-height:1.3; margin:36px 0 12px; }
.app-page p { margin:0 0 22px; }
.page-footer { border-top:1px solid var(--line); font-size:14px; color:var(--muted); margin-bottom:40px; }
.app-page a:focus-visible { outline:3px solid var(--link); outline-offset:4px; }
@media(max-width:480px) { .identity span { display:block; } .page-header,.app-page main,.page-footer { padding:24px 20px; } }