/* ===========================================================================
   Shared styling for the Terms and Privacy pages. Same tokens as the landing
   page, set for long-form reading rather than selling.
   =========================================================================== */
:root{
  --paper:#f8f5ee; --card:#fff; --ink:#1a1815; --ink2:#463f37; --ink3:#8b8274;
  --rule:#e5ded0; --rule2:#cfc5b2; --accent:#b8621b; --accent-deep:#8f4a12;
  --wash:rgba(184,98,27,.07);
  --ui:Barlow,"Segoe UI",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--ink);
  font:400 17px/1.65 var(--ui); -webkit-font-smoothing:antialiased}
.wrap{max-width:760px; margin:0 auto; padding:0 24px}
a{color:var(--accent-deep)}
:focus-visible{outline:2px solid var(--accent); outline-offset:3px}

header{border-bottom:1px solid var(--rule); background:var(--paper)}
nav{display:flex; align-items:center; gap:22px; height:62px}
.mark{font:400 19px var(--ui); color:var(--ink); text-decoration:none}
.mark b{font-weight:700}
nav .sp{flex:1}
nav a.lnk{font:500 15px var(--ui); color:var(--ink2); text-decoration:none}
nav a.lnk:hover{color:var(--ink)}

h1{font:700 clamp(32px,5vw,44px)/1.1 var(--ui); letter-spacing:-.02em;
  margin:52px 0 8px}
.eff{font:500 13px var(--mono); color:var(--ink3); margin:0 0 10px}
.lede{font:400 18px/1.6 var(--ui); color:var(--ink2); margin:0 0 8px}


h2{font:700 22px/1.3 var(--ui); margin:42px 0 10px; letter-spacing:-.01em}
h2 .n{font:600 13px var(--mono); color:var(--accent); margin-right:10px;
  letter-spacing:.06em; vertical-align:2px}
h3{font:600 17px/1.35 var(--ui); margin:26px 0 6px}
p{margin:0 0 14px}
ul{margin:0 0 14px; padding-left:0; list-style:none}
li{position:relative; padding-left:22px; margin-bottom:8px}
li::before{content:""; position:absolute; left:2px; top:.62em; width:7px;
  height:1px; background:var(--rule2)}
strong{font-weight:600}
em.q{font-style:normal; font-family:var(--mono); font-size:.9em; color:var(--accent-deep)}

.tw{overflow-x:auto; margin:0 0 18px}
table{width:100%; border-collapse:collapse; font-size:15.5px; min-width:460px}
th{text-align:left; font:600 11px var(--mono); letter-spacing:.09em;
  text-transform:uppercase; color:var(--ink3); padding:0 14px 8px 0;
  border-bottom:1px solid var(--rule2)}
td{padding:11px 14px 11px 0; border-bottom:1px solid var(--rule);
  vertical-align:top; color:var(--ink2)}
td:first-child{color:var(--ink); font-weight:500; white-space:nowrap}

.callout{border-left:3px solid var(--accent-deep); padding:2px 0 2px 20px;
  margin:22px 0; color:var(--ink)}

footer{margin-top:64px; border-top:1px solid var(--rule); padding:26px 0 64px;
  display:flex; flex-wrap:wrap; gap:16px; align-items:center;
  font:400 14.5px var(--ui); color:var(--ink3)}
footer .sp{flex:1}
footer a{color:var(--ink2); text-decoration:none}
footer a:hover{color:var(--ink)}
@media (max-width:560px){ nav a.lnk.hide{display:none} }