/* Static pages (about, privacy, terms) — same glass look as the app */
.doc{max-width:760px;margin:0 auto;padding:calc(env(safe-area-inset-top) + 20px) 16px 60px}
.doc header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.doc .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--ink);text-decoration:none}
.doc .brand img{width:40px;height:40px;border-radius:12px}
.langs{display:flex;gap:4px;padding:4px;border-radius:20px}
.langs button{border:0;background:transparent;min-height:36px;padding:0 12px;border-radius:16px;font-weight:600;color:var(--mu)}
.langs button[aria-pressed="true"]{background:var(--tabon);color:var(--ink)}
.doc article{border-radius:28px;padding:24px 22px;line-height:1.75}
.doc article h1{margin:0 0 4px}
.doc article h2{font-size:19px;margin:26px 0 8px}
.doc article p,.doc article li{font-size:15.5px}
.doc article ul{padding-inline-start:20px}
.doc .upd{color:var(--mu);font-size:14px;margin:0 0 18px}
.doc footer{text-align:center;color:var(--mu);font-size:14px;margin-top:22px}
.doc footer a{margin:0 6px}
.hero{text-align:center;padding:30px 10px 10px}
.hero img{width:96px;height:96px;border-radius:28px;box-shadow:0 14px 34px var(--prs)}
.hero h1{font-size:40px;margin:16px 0 6px}
.hero p{font-size:18px;color:var(--mu);max-width:520px;margin:0 auto 22px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:24px 0}
.feat div{border-radius:22px;padding:18px}
.feat b{display:block;font-size:16px;margin:8px 0 4px}
.feat span{color:var(--mu);font-size:14.5px}
.feat .tile{width:44px;height:44px}
table.sub{border-collapse:collapse;width:100%;font-size:14.5px}
table.sub th,table.sub td{border-bottom:1px solid var(--sep);padding:8px 6px;text-align:start;vertical-align:top}
a.btn{text-decoration:none}
.faq details{border-top:1px solid var(--sep);padding:4px 0}
.faq details:first-of-type{border-top:0}
.faq summary{cursor:pointer;list-style:none;font-weight:700;font-size:16.5px;padding:12px 0;display:flex;gap:10px;align-items:flex-start}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'+';flex:none;width:24px;height:24px;border-radius:12px;background:var(--tile);color:var(--pr);display:inline-flex;align-items:center;justify-content:center;font-weight:800;line-height:1}
.faq details[open] summary::before{content:'\2212'}
.faq details>*:not(summary){margin-inline-start:34px}
.faq .fx{margin-top:10px;margin-bottom:10px}
.faq bdi{white-space:nowrap}