/* SaltQuill Labs legal pages (privacy.html, terms.html, sms-terms.html).
   Loaded after assets/site.css; uses only its tokens and components. Layout:
   .hero.page.dark.lhero (title, date, intro, contact actions, decorative document)
   section.legal > .legal-grid > aside.legal-side (doc switcher + on-this-page) + article.prose.ldoc (.lsec cards) */

/* hero */
.lhero .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.lhero .page-h1{margin-bottom:18px}
.lmeta{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 15px 9px 12px;border-radius:999px;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);font:500 15px/1.2 var(--body);color:var(--mist-2)}
.lmeta svg{color:var(--gold);flex-shrink:0}
.lhero .lead{margin-top:24px;max-width:600px}

/* decorative document (aria-hidden) */
.lvis{position:relative;justify-self:center;width:100%;max-width:420px;aspect-ratio:4/4.6}
.lvin{position:absolute;inset:0}
@supports not (aspect-ratio:1){.lvis{height:0;padding-top:115%}}
.lvis .lp{position:absolute;inset:6% 8% 4% 10%;border-radius:26px;background:var(--cream);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.lvis .lp.b2{transform:rotate(7deg) translate(6%,2%);background:#E9E1CF;opacity:.5}
.lvis .lp.b1{transform:rotate(3deg) translate(3%,1%);background:#F3ECDD;opacity:.8}
.lvis .lp.f{transform:rotate(-2.5deg);display:flex;flex-direction:column;gap:13px;padding:26px 26px 30px}
.lvis .lp-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.lvis .lp-top .dots i{background:#DCD3C0}
.lvis .lp-ic{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:var(--ink);color:var(--gold)}
.lvis .sk{display:block;height:10px;border-radius:99px;background:#ECE5D6}
.lvis .sk.h{height:16px;width:58%;background:var(--ink);opacity:.86;margin:4px 0 4px}
.lvis .sk.g{background:linear-gradient(90deg,var(--gold),var(--gold-2));opacity:.75}
.lvis .sk.w9{width:92%}.lvis .sk.w8{width:80%}.lvis .sk.w7{width:70%}.lvis .sk.w6{width:62%}.lvis .sk.w4{width:42%}
.lvis .gap{height:8px}
.lvis .seal{position:absolute;right:2%;bottom:6%;z-index:2;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,var(--gold-2),var(--gold) 60%,var(--amber));color:var(--gold-ink);box-shadow:0 20px 40px -16px rgba(232,176,75,.8),inset 0 0 0 6px rgba(255,255,255,.22)}
.lvis .seal::after{content:"";position:absolute;inset:-9px;border-radius:50%;border:1.5px dashed rgba(232,176,75,.55);animation:spin 40s linear infinite}

/* body layout */
section.legal{padding:72px 0 120px}
.legal-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;align-items:start}
.legal-side{position:-webkit-sticky;position:sticky;top:110px;display:grid;gap:16px}
.legal-side .eyebrow{margin:6px 6px 4px}
.ldocs{display:grid;gap:4px;padding:8px;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.ldocs .eyebrow{margin:10px 10px 8px}
.ldocs a{display:flex;align-items:center;gap:12px;min-height:54px;padding:8px 12px 8px 8px;border-radius:17px;color:var(--ink-2);font-weight:600;font-size:16px;text-decoration:none;transition:background .3s,color .3s}
.ldocs a:hover{background:var(--paper);color:var(--ink)}
.ldocs .ic{flex-shrink:0;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.ldocs a[aria-current="page"]{background:var(--ink);color:#fff}
.ldocs a[aria-current="page"] .ic{background:var(--gold);color:var(--gold-ink);box-shadow:none}
.ldocs .arr{margin-left:auto;opacity:.5;transition:transform .5s var(--ease),opacity .3s}
.ldocs a:hover .arr{transform:translateX(3px);opacity:1}
.ltoc{padding:20px 20px 16px;border-radius:24px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}
.ltoc ol{list-style:none;margin:12px 0 0;padding:0;display:grid}
.ltoc a{display:flex;align-items:center;min-height:40px;padding:4px 0 4px 16px;border-left:2px solid var(--line);font-size:15px;line-height:1.35;color:var(--ink-3);text-decoration:none;transition:color .3s,border-color .3s}
.ltoc a:hover{color:var(--ink)}
.ltoc a.on{color:var(--ink);font-weight:600;border-left-color:var(--gold)}

/* document */
.ldoc{max-width:none;display:grid;gap:16px}
.lsec{scroll-margin-top:100px;padding:36px 40px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.lsec>:last-child{margin-bottom:0}
.prose .lsec h2{display:flex;align-items:center;gap:14px;margin:0 0 16px;font-size:clamp(25px,2.4vw,31px)}
.prose .lsec h2::before{content:"";flex-shrink:0;width:10px;height:10px;border-radius:3px;background:var(--gold);transform:rotate(45deg)}
.prose b{color:var(--ink);font-weight:600}
.prose ul{list-style:none;padding:0;display:grid;gap:10px}
.prose ul li{position:relative;margin:0;padding-left:24px}
.prose ul li::before{content:"";position:absolute;left:3px;top:.72em;width:7px;height:7px;border-radius:2px;background:var(--gold);transform:rotate(45deg)}
.prose ul.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.prose ul.tiles li{padding:14px 16px 14px 40px;border-radius:16px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);line-height:1.5}
.prose ul.tiles li::before{left:19px;top:1.45em}
.prose li a{display:inline-block;padding:9px 0;margin:-9px 0}
.prose a[href^="tel:"]{white-space:nowrap}
.prose .kw{display:inline-block;padding:1px 9px;border-radius:8px;background:var(--ink);color:var(--gold);font:600 .84em/1.6 var(--mono);letter-spacing:.06em}
/* highlighted notice (gold) */
.lnote{scroll-margin-top:100px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;align-items:start;padding:30px 34px;border-radius:28px;background:linear-gradient(135deg,#FFF4DC 0%,#FBE7BE 60%,#F6D79A 100%);box-shadow:0 30px 60px -48px rgba(43,29,5,.7);color:#4A3712;line-height:1.7}
.lnote .ni{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ink);color:var(--gold)}
.lnote .nt{margin:0}
.lnote b{color:var(--gold-ink)}
.lnote a{color:#6B4708;display:inline-block;padding:10px 0;margin:-10px 0}
/* contact card (dark) */
.lsec.dark{background:var(--night);box-shadow:none;color:var(--mist-2);position:relative;overflow:hidden;isolation:isolate}
.lsec.dark::after{content:"";position:absolute;z-index:-1;right:-140px;top:-160px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(232,176,75,.35),transparent 65%);filter:blur(30px)}
.prose .lsec.dark h2{color:#fff}
.prose .lsec.dark a{color:var(--gold);font-weight:600}
.prose .lsec.dark a:hover{color:#fff}

@media (max-width:1100px){
  .lhero .hero-grid{grid-template-columns:1fr}
  .lvis{display:none}
  .legal-grid{grid-template-columns:1fr;gap:16px}
  .legal-side{display:contents}
  .ldocs{order:2}
  .ltoc{order:-1}
  .ldocs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ldocs .eyebrow{grid-column:1/-1}
  .ltoc a{min-height:44px;font-size:16px}
}
@media (max-width:720px){
  .lmeta{font-size:15px}
  .lhero .lead{margin-top:20px}
  section.legal{padding:20px 0 80px}
  .ldocs{grid-template-columns:1fr}
  .lsec{padding:24px 20px;border-radius:24px}
  .prose .lsec h2{gap:12px;font-size:24px}
  .prose ul.tiles{grid-template-columns:1fr}
  .lnote{grid-template-columns:1fr;gap:14px;padding:24px 20px;border-radius:24px}
  .lnote .ni{width:46px;height:46px;border-radius:14px}
}
@media (prefers-reduced-motion:reduce){
  .lvis .lp.f,.lvis .seal::after{animation:none}
}
/* full-page headless captures (?shot) skip the entrance so the decorative document is always painted */
html.shot .lvin{animation:none;opacity:1;transform:none}