/* css/vr-doc.css (2026-10-16): Terms, Privacy, Profile tips and Fast turnaround (vr-doc-page.php), in the Loud & Clear frame of the
   FAQ and Help pages. Everything is under .dp so the site header and footer keep their own look. */
.dp{--ink:#0F1E2E;--deep:#0B1B28;--ink2:#2C4459;--dim:#5E6E7C;--ground:#F5F8FC;--tint:#E6EFF8;--line:#DFE8F1;
  --teal:#189FBE;--teal-d:#17607F;--mint:#7ADCB0;--mint-d:#12734A;--amber:#F0A93B;--amber-2:#FFD84D;--violet:#5B45B8;--coral:#D8322C;--pink:#F26D8D;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;--sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  background:var(--ground);color:var(--ink);font:18px/1.7 var(--sans);overflow-x:clip}
body:has(> .dp){background:#F5F8FC}
.dp *{box-sizing:border-box}
.dp-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
@media(max-width:640px){.dp-wrap{padding:0 20px}}
.dp a:focus-visible,.dp button:focus-visible,.dp summary:focus-visible{outline:3px solid var(--amber);outline-offset:3px}

.dp-crumb{background:#fff;border-bottom:1px solid var(--line)}
.dp-crumb ol{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;margin:0 auto;padding-top:12px;padding-bottom:12px;font:500 14px/1.4 var(--sans);color:var(--dim)}
.dp-crumb li+li::before{content:"\203A";margin-right:10px;color:#9AA8B5}
.dp-crumb a{color:inherit;text-decoration:none}.dp-crumb a:hover{color:var(--teal);text-decoration:underline}
.dp-crumb [aria-current]{color:var(--ink);font-weight:600}

.dp-hero{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#0B1B28 0%,#10253A 70%,#0F1E2E 100%);color:#fff;padding:44px 0 46px}
.dp-blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;z-index:-1;pointer-events:none}
.dp-blob--1{width:520px;height:520px;left:-220px;top:-220px;background:#17607F}
.dp-blob--2{width:440px;height:440px;right:6%;bottom:-300px;background:#5B45B8;opacity:.42}
.dp-eyebrow{margin:0;font:800 14px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;color:var(--amber)}
.dp-eyebrow::before{content:"";width:28px;height:3px;background:currentColor;border-radius:3px;flex:none}
.dp-hero h1{margin:16px 0 0!important;font:400 clamp(40px,5.6vw,76px)/1 var(--serif)!important;letter-spacing:-.03em;color:#fff!important;text-transform:none!important;text-wrap:balance}
.dp-hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--mint),var(--teal),var(--amber-2),var(--pink),var(--mint));background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:dpShimmer 9s linear infinite}
@keyframes dpShimmer{to{background-position:300% 0}}
@media (prefers-reduced-motion:reduce){.dp-hero h1 em{animation:none}}
.dp-sub{margin:16px 0 0;font:500 clamp(17px,1.7vw,20px)/1.5 var(--sans);color:rgba(255,255,255,.84);max-width:54ch}
.dp-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.dp-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);color:#fff;font:600 14px/1 var(--sans)}
.dp-chip svg{width:16px;height:16px;color:var(--mint)}
.dp-chip--btn{cursor:pointer;appearance:none}
.dp-chip--btn:hover{background:rgba(255,255,255,.16)}

.dp-body{padding:40px 0 70px}
.dp-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:40px;align-items:start}
.dp-single .dp-doc{max-width:820px}
.dp-toc{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px 14px 14px;box-shadow:0 14px 30px -24px rgba(15,30,46,.45)}
.dp-toc summary{list-style:none;cursor:pointer;font:800 14px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--teal-d);padding:2px 6px 12px}
.dp-toc summary::-webkit-details-marker{display:none}
.dp-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.dp-toc a{display:flex;gap:10px;align-items:baseline;padding:8px 10px;border-radius:10px;text-decoration:none;color:var(--ink2);font:500 15px/1.35 var(--sans)}
.dp-toc a b{flex:none;min-width:20px;font:800 14px/1.35 var(--sans);color:#9AA8B5}
.dp-toc a:hover{background:var(--tint);color:var(--ink)}
.dp-toc a.is-on{background:var(--deep);color:#fff}.dp-toc a.is-on b{color:var(--amber-2)}

.dp-doc{background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px clamp(22px,4vw,52px) 36px;box-shadow:0 18px 40px -30px rgba(15,30,46,.45);min-width:0}
.dp-doc>*:first-child{margin-top:0}
.dp-doc p,.dp-doc li{font:400 17.5px/1.72 var(--sans);color:#24384A}
.dp-doc p{margin:0 0 16px}
.dp-doc h2{margin:44px 0 14px!important;padding-top:6px;font:400 clamp(28px,3vw,38px)/1.12 var(--serif)!important;letter-spacing:-.02em;color:var(--deep)!important;text-transform:none!important;scroll-margin-top:96px;text-wrap:balance}
.dp-doc h3{margin:28px 0 8px!important;font:700 19px/1.35 var(--sans)!important;color:var(--deep)!important;text-transform:none!important;letter-spacing:0!important}
.dp-doc ul,.dp-doc ol{margin:0 0 18px;padding:0 0 0 4px;list-style:none}
.dp-doc li{position:relative;padding-left:26px;margin:0 0 9px}
.dp-doc ul>li::before{content:"";position:absolute;left:4px;top:.72em;width:8px;height:8px;border-radius:50%;background:var(--teal)}
.dp-doc ol{counter-reset:dp}
.dp-doc ol>li{counter-increment:dp}
.dp-doc ol>li::before{content:counter(dp);position:absolute;left:0;top:.18em;font:800 14px/1.6 var(--sans);color:var(--teal-d)}
.dp-doc a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.dp-doc a:hover{color:var(--teal)}
.dp-doc strong,.dp-doc b{color:var(--deep)}
.dp-doc img{max-width:100%;height:auto;border-radius:10px}
.dp-doc table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:16px}
.dp-doc td,.dp-doc th{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.dp-doc .vr-terms{max-width:none;font:inherit;color:inherit}
.dp-doc .vr-terms-updated{font:500 15px/1.5 var(--sans)!important;color:var(--dim)!important;margin:0 0 22px!important}
.dp-doc .vr-terms-caps{text-transform:none;font-size:inherit}
/* the short version: the headline card of the page */
.dp-doc .vr-terms-short{position:relative;isolation:isolate;margin:0 0 34px;padding:26px 28px 22px;border-radius:18px;background:linear-gradient(135deg,#0F1E2E 0%,#17304A 100%);color:#fff;overflow:hidden}
.dp-doc .vr-terms-short::after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:#5B45B8;filter:blur(60px);opacity:.45;pointer-events:none;z-index:-1}
.dp-doc .vr-terms-short h2{margin:0 0 14px!important;padding:0;color:#fff!important;font:400 30px/1.1 var(--serif)!important}
.dp-doc .vr-terms-short li{color:rgba(255,255,255,.9);font-size:16.5px}
.dp-doc .vr-terms-short li::before{background:var(--mint)}
.dp-doc .vr-terms-short p{color:rgba(255,255,255,.7);font-size:15px;margin:6px 0 0}
.dp-doc .vr-terms-short strong{color:#fff}
.dp-cta{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 6px}
.dp-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;border:2px solid var(--deep);color:var(--deep)!important;text-decoration:none!important;font:800 16px/1 var(--sans)}
.dp-btn svg{width:18px;height:18px}
.dp-btn--hot{background:var(--deep);color:#fff!important}
.dp-btn:hover{transform:translateY(-1px)}
.dp-ask{margin:30px 0 0!important;padding-top:20px;border-top:1px solid var(--line);font:500 16px/1.6 var(--sans)!important;color:var(--dim)!important}

@media (max-width:980px){
  .dp-grid{grid-template-columns:1fr;gap:18px}
  .dp-toc{position:static;max-height:none;padding:12px 12px 6px}
  .dp-toc summary{padding:6px 6px 10px;display:flex;justify-content:space-between;align-items:center}
  .dp-toc summary::after{content:"+";font:700 22px/1 var(--sans);color:var(--teal-d)}
  .dp-toc details[open] summary::after{content:"\2013"}
}
@media (max-width:640px){.dp-hero{padding:30px 0 34px}.dp-doc{border-radius:16px;padding:26px 18px 24px}.dp-doc .vr-terms-short{padding:22px 18px 18px}}
@media print{
  .dp-crumb,.dp-toc,.dp-chips,.dp-ask,header,footer,.site-header,.site-footer{display:none!important}
  .dp-hero{background:none;color:#000;padding:0 0 12px}.dp-hero h1,.dp-hero h1 em{color:#000!important;-webkit-text-fill-color:#000;background:none}
  .dp-sub{color:#333}.dp-grid{display:block}.dp-doc{border:0;box-shadow:none;padding:0}
  .dp-doc .vr-terms-short{background:none;color:#000;border:1px solid #999}.dp-doc .vr-terms-short *{color:#000!important}
}