/* doc.css - shared shell for the legal pages (/privacy, /terms).
   Tokens and chrome are copied from index.html. In the Next.js build these
   become one source; for v1 they are duplicated on purpose and index.html is
   authoritative. If a token changes there, change it here. */

:root{
  --field:#F7F3EA; --field2:#F1EBDD; --mark:#1C1815;
  --accent:#C4722A; --accent-lift:#E0954D;
  --quiet:#918676; --rule:#E2DACA; --rule-dark:#3A332C;
  --display:'Playfair Display',Georgia,serif;
  --read:Georgia,'Times New Roman',serif;
  --ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --pad:clamp(1.25rem,5vw,4rem);
}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--field);color:var(--mark);font-family:var(--read);
     font-size:clamp(1.0625rem,0.98rem + 0.4vw,1.1875rem);line-height:1.65;
     -webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:72rem;margin:0 auto;padding:0 var(--pad)}
a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
svg{display:block}
.eyebrow{font-family:var(--ui);font-weight:600;font-size:.72rem;letter-spacing:.18em;
         text-transform:uppercase;color:var(--quiet);margin-bottom:1.1rem;
         display:flex;align-items:center;gap:.6rem}
.eyebrow::before{content:"";width:1.6rem;height:1px;background:var(--accent)}

/* ---------- HEADER ---------- */
header{position:sticky;top:0;z-index:60;background:rgba(247,243,234,.86);
       backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--rule)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:4.25rem;
     max-width:72rem;margin:0 auto;padding:0 var(--pad)}
.lockup{display:flex;align-items:center;gap:.55rem;text-decoration:none}
.glyph{position:relative;font-family:var(--display);font-weight:900;font-size:1.9rem;line-height:1;letter-spacing:-.03em}
.glyph svg{position:absolute;right:-.05em;bottom:.04em;width:.34em;height:.34em;color:var(--accent);
           animation:twinkle 4.5s ease-in-out infinite}
@keyframes twinkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.86)}}
.wordmark{font-family:var(--ui);font-weight:600;font-size:.7rem;letter-spacing:.22em;
          text-transform:uppercase;color:var(--quiet);padding-left:.75rem}
nav{display:flex;align-items:center;gap:1.5rem;font-family:var(--ui);font-weight:500;
    font-size:.8125rem;letter-spacing:.02em}
nav a{text-decoration:none;color:var(--quiet);position:relative;transition:color .2s}
nav a:not(.cta)::after{content:"";position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;
                       background:var(--accent);transition:right .28s ease-out}
nav a:not(.cta):hover{color:var(--mark)}
nav a:not(.cta):hover::after{right:0}
.cta{border:1px solid var(--mark);padding:.55rem 1rem;color:var(--mark)!important;
     transition:background .22s,color .22s,transform .22s}
.cta:hover{background:var(--mark);color:var(--field);transform:translateY(-1px)}

/* ---------- DOCUMENT ---------- */
.doc{padding:clamp(3.5rem,7vw,6rem) 0 clamp(4rem,8vw,7rem)}
.doc-head{border-bottom:1px solid var(--rule);padding-bottom:2.25rem;margin-bottom:3rem}
.doc h1{font-family:var(--display);font-weight:900;letter-spacing:-.025em;line-height:1.06;
        font-size:clamp(2.25rem,1.6rem + 2.8vw,3.5rem)}
.doc-meta{font-family:var(--ui);font-size:.8125rem;color:var(--quiet);margin-top:1rem;
          display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}
.doc-body{max-width:41rem}
.doc-body h2{font-family:var(--display);font-weight:900;letter-spacing:-.02em;line-height:1.12;
             font-size:clamp(1.35rem,1.15rem + .8vw,1.8rem);margin:2.75rem 0 .9rem;scroll-margin-top:5.5rem}
.doc-body h2:first-child{margin-top:0}
.doc-body h3{font-family:var(--ui);font-weight:600;font-size:.95rem;letter-spacing:.01em;margin:1.75rem 0 .5rem}
.doc-body p{margin-bottom:1.05rem}
.doc-body strong{font-weight:700}
.doc-body a{color:var(--mark);text-decoration-color:var(--accent)}
.doc-body a:hover{color:var(--accent)}
.doc-body ul{margin:0 0 1.15rem;padding-left:0;list-style:none}
.doc-body li{position:relative;padding-left:1.5rem;margin-bottom:.55rem}
.doc-body li::before{content:"";position:absolute;left:.3rem;top:.72em;width:.4rem;height:1px;background:var(--accent)}
.doc-body hr{border:0;border-top:1px solid var(--rule);margin:2.5rem 0}

.entity{background:var(--field2);border-left:2px solid var(--accent);
        padding:1.4rem 1.6rem;margin:0 0 1.4rem;font-family:var(--ui);font-size:.9rem;line-height:1.9}
.entity .name{font-family:var(--display);font-weight:700;font-size:1.15rem;letter-spacing:-.015em;
              color:var(--mark);display:block;margin-bottom:.35rem}
.entity .k{color:var(--quiet)}

.tbl{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:.875rem;
     line-height:1.6;margin:0 0 1.4rem;display:block;overflow-x:auto}
.tbl th,.tbl td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--rule);vertical-align:top;min-width:8rem}
.tbl th{font-weight:600;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);
        border-bottom:1px solid var(--mark)}

.note{font-family:var(--ui);font-size:.85rem;line-height:1.75;color:var(--quiet);
      border-top:1px solid var(--rule);padding-top:1.25rem;margin-top:3rem}

/* ---------- FOOTER ---------- */
footer{background:var(--mark);color:#9E9384;padding:clamp(3rem,6vw,4rem) 0 3.5rem;
       font-family:var(--ui);font-size:.875rem;line-height:1.85}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:2rem 2.5rem}
footer a{color:#C9C0B2;text-decoration:none;transition:color .2s}
footer a:hover{color:var(--accent-lift)}
.foot-head{font-family:var(--ui);font-weight:600;color:var(--field);letter-spacing:.14em;
           text-transform:uppercase;font-size:.68rem;margin-bottom:.9rem}
.foot-line{display:flex;align-items:flex-start;gap:.55rem}
.foot-line svg{width:1rem;height:1rem;flex:none;margin-top:.42em;stroke:currentColor;stroke-width:1.5;fill:none;
               stroke-linecap:round;stroke-linejoin:round;color:var(--accent)}
.foot-bottom{margin-top:2.75rem;padding-top:1.5rem;border-top:1px solid var(--rule-dark);
             font-size:.78rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
                       transition-duration:.001ms!important}
}