/* ------------------------------------------------------------------
   Vivid Vision Designs — legal / support document pages
   Dark "Ember" theme, long-form readable. Used by /apps/<slug>/*.
   Loaded after tokens.css.
   ------------------------------------------------------------------ */
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;
  font-family:var(--vv-font);
  color:#EDEBEC;
  background:
    radial-gradient(120% 90% at 20% -8%, rgba(196,10,10,.28) 0%, rgba(140,12,12,.14) 30%, rgba(15,14,14,0) 60%),
    linear-gradient(180deg,#1a1214 0%,#141013 22%,#0F0E0E 100%);
  background-attachment:fixed;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.shell{width:min(760px,calc(100% - 44px));margin-inline:auto;}

/* top bar */
.docbar{border-bottom:1px solid rgba(255,255,255,.08);}
.docbar-in{display:flex;align-items:center;gap:20px;padding:22px 0;}
.vvmark{width:74px;height:auto;display:block;}
.docbar a.home{display:inline-flex;text-decoration:none;}
.docbar .back{margin-left:auto;font-size:13px;letter-spacing:.02em;color:var(--vv-silver);text-decoration:none;}
.docbar .back:hover{color:#fff;}

/* document */
.doc{padding:52px 0 96px;}
.doc .eyebrow{
  font-size:12px;letter-spacing:var(--vv-track-wide);text-transform:uppercase;
  color:var(--vv-red);margin:0 0 14px;font-weight:600;
}
.doc h1{
  font-size:clamp(30px,5vw,46px);font-weight:300;line-height:1.1;
  letter-spacing:.005em;margin:0 0 10px;color:#fff;
}
.doc .dates{color:var(--vv-silver);font-size:14px;margin:0 0 30px;}
.doc .dates strong{color:#EDEBEC;font-weight:600;}
.doc .rule{width:56px;height:1px;background:var(--vv-red);margin:0 0 36px;}

.doc h2{
  font-size:clamp(19px,2.6vw,23px);font-weight:600;color:#fff;
  margin:44px 0 14px;line-height:1.25;letter-spacing:.005em;
}
.doc h2:first-of-type{margin-top:0;}
.doc p{margin:0 0 16px;color:#D9D6D8;}
.doc strong{color:#fff;font-weight:600;}
.doc a{color:#E8736B;text-decoration:none;border-bottom:1px solid rgba(232,115,107,.4);}
.doc a:hover{color:#fff;border-bottom-color:#fff;}
.doc ul{margin:0 0 18px;padding-left:22px;}
.doc li{margin:0 0 10px;color:#D9D6D8;}
.doc li::marker{color:var(--vv-red);}

/* support-page specifics */
.support-card{
  border:1px solid rgba(255,255,255,.1);border-radius:var(--vv-radius);
  background:rgba(255,255,255,.03);padding:26px 26px 22px;margin:0 0 26px;
}
.support-card .k{font-size:12px;letter-spacing:var(--vv-track-wide);text-transform:uppercase;color:var(--vv-silver);margin:0 0 8px;}
.support-card .mail{font-size:clamp(19px,3vw,25px);font-weight:400;color:#fff;text-decoration:none;border:0;display:inline-block;}
.support-card .mail:hover{color:#E8736B;}
.support-card p{margin:12px 0 0;font-size:14px;color:var(--vv-silver);}

/* footer */
.docfoot{border-top:1px solid rgba(255,255,255,.08);padding:30px 0 46px;margin-top:20px;}
.docfoot .legal{font-size:12.5px;line-height:1.7;color:var(--vv-grey);}
.docfoot .legal a{color:var(--vv-silver);text-decoration:none;}
.docfoot .legal a:hover{color:#fff;}
.docfoot .taglinks{margin-bottom:14px;display:flex;gap:18px;flex-wrap:wrap;}
.docfoot .taglinks a{font-size:13px;color:var(--vv-silver);text-decoration:none;letter-spacing:.02em;}
.docfoot .taglinks a:hover{color:#fff;}

@media(max-width:560px){
  .doc{padding:40px 0 72px;}
  .docbar-in{gap:14px;}
}