/* Information pages share the homepage's typography and colour tokens. */
.info-page{min-height:100vh;display:flex;flex-direction:column}
.info-page .top{position:static}
.info-page main{flex:1}
.info-page .top nav a[aria-current="page"]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.25em}
.page-hero{background:var(--pinksoft);border-bottom:2px solid var(--ink);padding-block:clamp(2.5rem,6vw,4.5rem)}
.page-hero .wrap,.page-copy.wrap{max-width:56rem}
.page-hero h1{font-size:clamp(2.6rem,7vw,4.7rem);font-weight:800;letter-spacing:-.035em;margin-top:.65rem}
.page-hero .lede{font-size:var(--s1);max-width:42rem;margin-top:1.1rem}
.page-copy{padding-block:clamp(2rem,5vw,3.5rem)}
.page-copy section{padding-block:1.6rem;border-bottom:1px solid var(--rule)}
.page-copy section:first-child{padding-top:0}
.page-copy section:last-child{padding-bottom:0;border-bottom:0}
.page-copy h2{font-size:clamp(1.55rem,4vw,2rem);line-height:1.15;letter-spacing:-.02em}
.page-copy p,.page-copy ul{margin-top:.9rem}
.page-copy li+li{margin-top:.6rem}
.page-copy ul{padding-left:1.3rem}
.page-copy a{overflow-wrap:anywhere;text-underline-offset:.15em}
.page-copy a:hover{text-decoration-thickness:2px}
.page-note{background:var(--sunsoft);border:2px solid var(--ink);border-radius:14px;padding:1.1rem 1.25rem}
.page-date{display:block;font-family:var(--f-mono);font-size:var(--s-1);color:var(--muted);margin-top:1rem}
.contact-email{font-size:clamp(1rem,3.5vw,1.3rem);font-weight:700}
.info-page footer .wrap{align-items:center}
@media (max-width:520px){.info-page .top nav{gap:.3rem .9rem}.page-copy section{padding-block:1.3rem}}