/* Shared styles for terms.html, privacy.html and refunds.html.
   Variables, nav, buttons, aurora and footer mirror index.html so the pages read as one site. */
:root {
  --ponderosa: #0F2A28; --sagebrush: #7A8B78; --wheat: #F4ECDC; --copper: #B85E3C;
  --bg: #06100f; --bg-2: #0a1d1b; --ink: var(--wheat); --ink-2: #b9b3a3; --ink-3: #7f8a7e;
  --line: #f4ecdc14; --line-2: #f4ecdc26;
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --content: 68rem; --gutter: 20px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; overflow-x: clip; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 1.0625rem; line-height: 1.5; -webkit-font-smoothing: antialiased; overflow-x: hidden; overflow-x: clip; }
h1, h2, h3, p, ul, ol { margin: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.wrap { width: min(100% - 2 * var(--gutter), var(--content)); margin-inline: auto; position: relative; z-index: 1; }

/* aurora: the same light as the home page, held still */
.aurora { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; overflow: hidden; }
.aurora i { position: absolute; border-radius: 50%; filter: blur(90px); opacity: .45; }
.aurora .a { width: 70vw; height: 70vw; right: -25vw; top: -35vw; background: radial-gradient(circle, #b85e3c 0%, #b85e3c00 62%); animation: breathe 16s ease-in-out infinite; }
.aurora .b { width: 80vw; height: 80vw; left: -40vw; top: 20vh; background: radial-gradient(circle, #1f5a52 0%, #1f5a5200 62%); animation: breathe 22s ease-in-out -6s infinite; }
@keyframes breathe { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-4vw, 3vw) scale(1.08); } }
@media (prefers-reduced-motion: reduce) { .aurora i { animation: none; } }

/* nav */
.nav { position: sticky; top: 0; z-index: 30; transition: padding-top .3s cubic-bezier(.2,.7,.2,1); }
.nav.floating { padding-top: 10px; }
.nav .wrap { display: grid; grid-template-columns: auto 1fr auto; align-items: center; min-height: 72px; position: relative; transition: min-height .3s; }
.nav .wrap::before { content: ""; position: absolute; inset: 0 -10px 0 -18px; border-radius: 999px; border: 1px solid transparent; z-index: -1; transition: background-color .3s, border-color .3s, box-shadow .3s; }
.nav.floating .wrap { min-height: 60px; }
.nav.floating .wrap::before { background: #0a1d1bb3; -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4); border-color: #f4ecdc24; box-shadow: inset 0 1px 0 #f4ecdc1f, 0 18px 50px -24px #000, 0 0 40px -20px #b85e3c33; }
.nav.instant, .nav.instant .wrap, .nav.instant .wrap::before { transition: none; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-weight: 600; font-size: 1.1rem; letter-spacing: -.01em; }
.brand img { height: 28px; width: auto; filter: invert(1) sepia(.25) brightness(1.05); }
.links { display: none; justify-content: center; gap: 2rem; color: var(--ink-2); font-size: .9375rem; }
.links a:hover { color: var(--ink); }
.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 1.2rem; border-radius: 999px; font-weight: 600; font-size: .9375rem; background: var(--wheat); color: var(--bg); transition: transform .15s, box-shadow .2s; }
.btn:hover { transform: translateY(-1px); box-shadow: 0 10px 30px -12px #f4ecdc66; }
.menu-btn { display: none; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line-2); background: #f4ecdc0d; color: var(--ink); cursor: pointer; place-items: center; margin-right: 8px; }
.menu-btn svg { width: 20px; height: 20px; }
.menu-btn .x { display: none; }
.nav.open .menu-btn .x { display: block; } .nav.open .menu-btn .bars { display: none; }
.nav-right { justify-self: end; display: flex; align-items: center; }
@media (width >= 800px) { .links { display: flex; } }
@media (width < 800px) {
  .menu-btn { display: grid; }
  .nav.open .links { display: grid; position: absolute; left: var(--gutter); right: var(--gutter); top: calc(100% + 8px); gap: .25rem; padding: .6rem; border-radius: 18px; background: #0a1d1bd9; -webkit-backdrop-filter: blur(20px) saturate(1.4); backdrop-filter: blur(20px) saturate(1.4); border: 1px solid #f4ecdc24; box-shadow: 0 24px 60px -24px #000; font-size: 1.05rem; }
  .nav.open .links a { padding: .8rem .9rem; border-radius: 12px; color: var(--ink); }
  .nav.open .links a:hover { background: #f4ecdc12; }
}

/* the document: one readable column */
.doc { width: min(100% - 2 * var(--gutter), 42rem); margin-inline: auto; position: relative; z-index: 1; padding-block: clamp(2.5rem, 7vw, 5rem) clamp(4rem, 9vw, 7rem); }
.doc .kicker { font-family: var(--mono); font-size: .75rem; color: var(--copper); letter-spacing: .08em; text-transform: uppercase; }
.doc h1 { font-size: clamp(2.4rem, 7vw, 3.6rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.02; text-wrap: balance; margin-top: .9rem; }
.doc .updated { color: var(--ink-3); font-size: .9375rem; margin-top: 1rem; }
.doc .short { margin-top: 2rem; padding: 1.25rem 1.4rem; border-radius: 18px; border: 1px solid var(--line-2); background: #f4ecdc0a; display: grid; gap: .6rem; }
.doc .short b { font-weight: 600; letter-spacing: -.01em; }
.doc .short p, .doc .short li { color: var(--ink); }
.doc section { margin-top: clamp(2.2rem, 5vw, 3rem); padding-top: 1.6rem; border-top: 1px solid var(--line-2); display: grid; gap: .9rem; }
.doc h2 { font-size: clamp(1.35rem, 3.4vw, 1.65rem); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; text-wrap: balance; }
.doc p, .doc li { color: var(--ink-2); line-height: 1.65; text-wrap: pretty; overflow-wrap: anywhere; }
.doc ul { padding-left: 1.2rem; display: grid; gap: .55rem; }
.doc li::marker { color: var(--copper); }
.doc b, .doc strong { color: var(--ink); font-weight: 600; }
.doc a { color: var(--ink); text-decoration: underline; text-decoration-color: #b85e3c; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.doc a:hover { text-decoration-color: var(--wheat); }
.doc .short ul { margin: 0; }
.doc .close-note { margin-top: clamp(2.2rem, 5vw, 3rem); padding-top: 1.6rem; border-top: 1px solid var(--line-2); color: var(--ink-3); font-size: .9375rem; }

/* footer */
.foot { padding-block: 3rem 3.5rem; color: var(--ink-3); font-size: .9375rem; position: relative; z-index: 1; border-top: 1px solid var(--line); }
.foot .wrap { display: grid; gap: 1.5rem 2rem; align-items: end; }
.foot .brandline { display: grid; gap: .5rem; }
.foot .brandline img { height: 30px; width: auto; filter: invert(1) sepia(.25) brightness(1.05); margin-bottom: .5rem; }
.foot .brandline b { color: var(--ink); font-weight: 500; }
.foot .meta { display: grid; gap: .35rem; }
.foot .meta a { color: var(--ink-2); }
.foot a:hover { color: var(--ink); }
@media (width >= 800px) { .foot .wrap { grid-template-columns: 1fr auto; } .foot .meta { text-align: right; } }