/* shared styles for Aya subpages (contact / privacy / terms) */
:root{--font-sans:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:'Lora',Georgia,serif;--accent:#F2FE80}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{scroll-behavior:smooth;background:#fff}
body{background:#fff;color:#000;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-weight:300;line-height:1.8}
a{color:inherit;text-decoration:none;transition:opacity .3s}
.serif{font-family:var(--font-serif)!important;font-style:normal!important;font-weight:400!important;letter-spacing:-.01em}
nav.sub{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}
@media(min-width:48rem){nav.sub{padding:20px 40px}}
nav.sub .brand{font-family:var(--font-serif);font-size:22px;color:#000}
nav.sub .back{display:inline-flex;height:38px;align-items:center;border-radius:9999px;padding-inline:18px;font-size:14px;background:#000;color:#fff}
nav.sub .back:hover{opacity:.85}
nav.sub .sub-right{display:flex;align-items:center;gap:14px}
/* language toggle */
.lang-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:9999px;background:rgba(0,0,0,.06);font-size:13px;line-height:1}
.lang-toggle button{display:inline-flex;align-items:center;height:30px;padding-inline:11px;border-radius:9999px;color:rgba(0,0,0,.55);transition:.15s;font-weight:400}
.lang-toggle button:hover{color:#000}
.lang-toggle button[aria-pressed="true"]{background:#000;color:#fff}
@media(max-width:26rem){nav.sub .back{padding-inline:14px}.lang-toggle{font-size:12px}}
.page{margin-inline:auto;max-width:48rem;padding:72px 24px 96px}
.page h1{font-size:clamp(34px,5vw,52px);font-weight:300;line-height:1.05;letter-spacing:-.015em}
.page .updated{margin-top:12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.45)}
.page h2{margin-top:48px;font-size:24px;font-weight:300;line-height:1.2;letter-spacing:-.01em}
.page h3{margin-top:28px;font-size:18px;font-weight:500}
.page p{margin-top:16px;font-size:16px;line-height:1.75;color:rgba(0,0,0,.75)}
.page ul{margin-top:16px;padding-left:22px;list-style:disc}
.page li{margin-top:8px;font-size:16px;line-height:1.7;color:rgba(0,0,0,.75)}
.page li::marker{color:rgba(0,0,0,.45)}
.page strong{font-weight:500;color:#000}
.page .lede{font-size:18px;color:rgba(0,0,0,.65)}
.card{margin-top:32px;border:1px solid rgba(0,0,0,.08);border-radius:20px;padding:28px;background:#fafaf8}
.card+.card{margin-top:16px}
.pill-link{display:inline-flex;height:44px;align-items:center;border-radius:9999px;padding-inline:22px;font-size:15px;background:#000;color:#fff;margin-top:20px}
.pill-link:hover{opacity:.85}
footer.sub{border-top:1px solid rgba(0,0,0,.08);padding:32px 24px;text-align:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:rgba(0,0,0,.5)}
footer.sub a{color:rgba(0,0,0,.7)}
footer.sub a:hover{color:#000}
