/* COSRENT shared responsive styles for all standalone information pages */
html,body{max-width:100%;overflow-x:hidden}
body.legal-page{background:var(--bg,#f7f7f8);color:var(--ink,#17171a)}
body.legal-page .nav{width:100%;box-sizing:border-box}
body.legal-page .nav,.how-page + *{min-width:0}
body.legal-page .nav{display:flex;align-items:center;gap:clamp(12px,3vw,28px);padding:12px clamp(14px,4vw,40px);min-height:64px;box-sizing:border-box;flex-wrap:wrap}
body.legal-page .nav .brand{flex:0 0 auto;white-space:nowrap}
body.legal-page .nav nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(8px,2vw,22px);flex:1 1 420px;min-width:0;flex-wrap:wrap}
body.legal-page .nav nav a{white-space:normal;overflow-wrap:anywhere;padding:8px 4px}
.legal-wrap{width:min(100% - 32px,920px);max-width:920px;min-width:0;margin:0 auto;padding:clamp(22px,5vw,48px) 0 clamp(48px,8vw,80px);box-sizing:border-box}
.legal-back{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;max-width:100%;box-sizing:border-box;margin:0 0 20px;padding:9px 14px;border:1px solid var(--line,#dedee7);border-radius:999px;background:var(--surface,#fff);text-decoration:none;font-weight:800;white-space:normal;overflow-wrap:anywhere}
.legal-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--surface,#fff);border:1px solid var(--line,#dedee7);border-radius:18px;padding:clamp(18px,4vw,36px);box-shadow:var(--shadow,0 10px 30px rgba(20,20,24,.05))}
.legal-card h1{margin:0 0 clamp(18px,3vw,26px);font-size:clamp(28px,6vw,52px);line-height:1.08;overflow-wrap:anywhere;word-break:normal}
.legal-content{width:100%;max-width:100%;min-width:0;font-size:clamp(15px,1.5vw,17px);line-height:1.75;overflow-wrap:anywhere;word-break:normal}
.legal-content p{margin:0 0 14px}.legal-content ul,.legal-content ol{margin:0 0 16px;padding-left:clamp(20px,4vw,28px)}.legal-content li{margin-bottom:9px}
.legal-content img,.legal-content video,.legal-content iframe{max-width:100%;height:auto}
.legal-content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}
.legal-footer{width:100%;box-sizing:border-box;margin-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--muted,#6b6b76)}
.legal-footer a{overflow-wrap:anywhere}

/* Standalone HOW page uses the same container/navigation rules. */
body:not(.legal-page) .how-page{width:min(100% - 32px,980px);max-width:980px;box-sizing:border-box;margin:0 auto;padding:clamp(22px,5vw,56px) 0 clamp(48px,8vw,72px);min-width:0}
.how-steps{min-width:0}.how-step{min-width:0;max-width:100%;box-sizing:border-box}.how-step p,.how-step h2{overflow-wrap:anywhere}

@media(max-width:700px){
  body.legal-page .nav{align-items:flex-start;padding:12px 14px;gap:8px}
  body.legal-page .nav nav{flex:1 1 100%;justify-content:flex-start;gap:3px 10px}
  body.legal-page .nav nav a{font-size:13px;padding:6px 2px}
  .legal-wrap{width:min(100% - 24px,920px);padding-top:20px}
  .legal-card{border-radius:14px;padding:18px}
  .legal-footer{align-items:flex-start}
  body:not(.legal-page) .how-page{width:min(100% - 24px,980px);padding-top:20px}
}
@media(max-width:380px){
  body.legal-page .nav .brand{font-size:18px}
  body.legal-page .nav nav{gap:2px 7px}
  body.legal-page .nav nav a{font-size:12px}
  .legal-wrap{width:calc(100% - 20px)}
  .legal-card{padding:15px}
  .legal-content{font-size:15px;line-height:1.68}
  body:not(.legal-page) .how-page{width:calc(100% - 20px)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ===== FINAL STANDALONE PAGE MOBILE FIX ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body.legal-page{width:100%;max-width:100%;min-width:0}
body.legal-page .nav{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;flex-wrap:wrap;padding:10px 12px;gap:8px}
body.legal-page .nav .brand{flex:0 1 auto;max-width:45vw;min-width:0;overflow-wrap:anywhere}
body.legal-page .nav nav{flex:1 1 100%;width:100%;max-width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px 8px;overflow:visible}
body.legal-page .nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;padding:7px 9px;white-space:normal;overflow-wrap:anywhere;font-size:13px}
.legal-wrap{width:calc(100% - 24px)!important;max-width:920px!important;min-width:0!important;margin:0 auto!important;padding:20px 0 48px!important}
.legal-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:18px!important;border-radius:14px!important;overflow:visible!important}
.legal-card h1{max-width:100%;font-size:clamp(26px,8vw,48px)!important;overflow-wrap:anywhere!important}
.legal-content{width:100%!important;max-width:100%!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:normal!important}
.legal-content pre,.legal-content code{white-space:pre-wrap!important;overflow-wrap:anywhere!important;max-width:100%}
.legal-content table{width:100%;max-width:100%;overflow-x:auto}
.legal-footer{width:100%;max-width:100%;align-items:flex-start;overflow-wrap:anywhere}

@media(max-width:380px){
  body.legal-page .nav{padding:8px 10px}
  body.legal-page .nav .brand{font-size:17px}
  body.legal-page .nav nav{gap:3px 5px}
  body.legal-page .nav nav a{font-size:12px;padding:6px 7px;min-height:38px}
  .legal-wrap{width:calc(100% - 20px)!important}
  .legal-card{padding:15px!important}
  .legal-content{font-size:15px;line-height:1.68}
  .legal-content ul,.legal-content ol{padding-left:20px}
}

/* HOW page follows exactly the same mobile container rules */
body:not(.legal-page) .how-page{width:calc(100% - 24px)!important;max-width:980px!important;min-width:0!important;margin:0 auto!important;padding:20px 0 48px!important;box-sizing:border-box}
.how-page,.how-page *{max-width:100%;min-width:0}
.how-page .how-back{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.how-page h1{font-size:clamp(28px,8vw,56px);overflow-wrap:anywhere}
.how-page .lead{max-width:100%;overflow-wrap:anywhere}
.how-steps{width:100%;max-width:100%;grid-template-columns:1fr!important}
.how-step{width:100%;max-width:100%;padding:18px!important;overflow-wrap:anywhere}
.how-step p,.how-step h2{max-width:100%;overflow-wrap:anywhere}