/* Text pages in the 2026-11 design (about and legal pages), loaded after
   landing.css, which supplies the header, footer and store buttons. */

.doc{position:relative;max-width:820px;margin:0 auto;padding:148px 24px 112px;box-sizing:border-box}
.doc::before{content:'';position:absolute;left:50%;top:-120px;transform:translateX(-50%);width:900px;max-width:100vw;height:420px;background:radial-gradient(closest-side,rgba(179,71,255,0.20),rgba(255,61,139,0.07) 60%,rgba(7,6,10,0) 100%);pointer-events:none;z-index:0}
.doc > *{position:relative;z-index:1}

.doc-crumbs ol{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none;font-size:13px;color:#8E879A}
.doc-crumbs li + li::before{content:'/';margin-right:8px;color:#5E5868}
.doc-crumbs a{color:#B9B3C4}.doc-crumbs a:hover{color:#FFFFFF}

.doc-body{font-size:16px;line-height:1.75;color:#CFC9D8;overflow-wrap:anywhere}
.doc-body > header{margin-bottom:40px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,0.08)}
.doc-body h1{margin:0;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-0.04em;font-weight:700;color:#F6F3F8}
.doc-body h2{margin:56px 0 16px;font-size:clamp(22px,2.6vw,28px);line-height:1.2;letter-spacing:-0.02em;font-weight:700;color:#F6F3F8}
.doc-body h3{margin:44px 0 12px;font-size:13px;line-height:1.4;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;color:#FF8DBA}
.doc-body h4{margin:28px 0 8px;font-size:16px;font-weight:600;color:#F6F3F8}
.doc-body header + section > :first-child{margin-top:0}
.doc-body p{margin:0 0 16px}
.doc-body ul,.doc-body ol{margin:0 0 20px;padding-left:22px}
.doc-body li{margin:0 0 10px;padding-left:4px}
.doc-body li::marker{color:#FF8DBA}
.doc-body strong{color:#F6F3F8;font-weight:600}
.doc-body section a,.doc-body p a{color:#F2B8FF;text-decoration:underline;text-decoration-color:rgba(242,184,255,0.4);text-underline-offset:3px}
.doc-body section a:hover,.doc-body p a:hover{color:#FFFFFF;text-decoration-color:#FFFFFF}

.doc-body .doc-lead{font-size:18px;line-height:1.7;color:#E8E3EE;margin:20px 0 0}
.doc-body .doc-lead + .doc-lead{margin-top:12px}
.doc-body .doc-list{list-style:none;padding:0;display:grid;gap:10px}
.doc-body .doc-list li{position:relative;margin:0;padding:14px 18px 14px 46px;border-radius:16px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07)}
.doc-body .doc-list li::before{content:'';position:absolute;left:18px;top:21px;width:12px;height:12px;border-radius:999px;background:linear-gradient(135deg,#FF3D8B,#B347FF)}
.doc-body .doc-list.is-negative li::before{background:none;border:2px solid #FF8DBA;box-sizing:border-box}
.doc-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:12px;margin:0 0 20px}
.doc-facts > div{padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.08)}
.doc-facts dt{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#FF8DBA;margin-bottom:6px}
.doc-facts dd{margin:0;color:#E8E3EE;font-size:15px;line-height:1.6}
.doc-cta{margin-top:64px;padding:32px;border-radius:26px;background:linear-gradient(135deg,rgba(255,61,139,0.16),rgba(179,71,255,0.12));border:1px solid rgba(255,141,186,0.22)}
.doc-cta h2{margin-top:0}
.doc-cta .store-row{display:flex;flex-wrap:wrap;gap:10px}
.doc-cta .store-btn{flex:1 1 200px;text-decoration:none;color:#FFFFFF}
.doc-cta .store-txt strong{font-size:18px}

@media (max-width:640px){
  .doc{padding:96px 20px 80px}
  .doc-body{font-size:15px}
  .doc-body .doc-lead{font-size:16px}
  .doc-cta{padding:24px 20px}
}

/* Device setup page */
.doc-body .doc-list + .doc-list{margin-top:-8px}
.doc-facts.is-wide{grid-template-columns:1fr}
.doc-body .doc-steps{max-width:none;grid-template-columns:1fr;gap:12px;margin:0 0 20px;padding:0}
.doc-body .doc-steps .step{margin:0;padding:22px 24px;scroll-margin-top:110px}
.doc-body .doc-steps .step-body b{color:#F6F3F8}
.doc-body .doc-steps .step-body span{color:#CFC9D8}
.doc-faq{border-radius:18px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);margin:0 0 10px}
.doc-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 22px;font-weight:600;color:#F6F3F8}
.doc-faq summary::-webkit-details-marker{display:none}
.doc-faq summary::after{content:'+';flex:none;color:#FF8DBA;font-size:20px;line-height:1}
.doc-faq[open] summary::after{content:'−'}
.doc-faq p{margin:0;padding:0 22px 18px}
.doc-faq summary:focus-visible{outline:2px solid #FF3D8B;outline-offset:3px;border-radius:18px}
.doc-body h2[id]{scroll-margin-top:110px}
.doc-body .doc-lead + p{margin-top:16px}