:root {
  --accent: #ffd400;
  --accent-start: #fff06a;
  --accent-end: #c58d00;
  --accent-rgb: 255,212,0;
}

/* Terms of Service — page-specific styles.
   The shared top/down/main/sidebar shell lives in /index.css — do not repeat it here.
   Everything below only styles the content area of this page. */

/* Only the middle "content" area is different from the home page. */
.content.terms-content {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 3vh 5vh 4vh;
  scroll-behavior: smooth;
  scrollbar-width: none;
  
  background-color: #000;
    background-image:
        linear-gradient(160deg, rgba(0,0,0,0.86) 0%, rgba(28,18,0,0.84) 55%, rgba(0,0,0,0.88) 100%),
        url("/Itx-desert-logo.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.terms-doc {
  max-width: 100vh;
  margin: 0 auto;
  font-family: 'Oswald', sans-serif;
  font-size: 1.9vh;
  line-height: 1.6;
  letter-spacing: 0.02em;
  color: #e6e6e6;
  overflow-wrap: anywhere;
}

.terms-doc a {
  color: aqua;
  text-decoration: none;
}

.terms-doc a:hover {
  text-decoration: underline;
}

.terms-doc h2 {
  font-size: 2.6vh;
  color: var(--accent);
  border-bottom: 0.3vh solid var(--accent);
  padding-bottom: 0.3vh;
  margin: 3.5vh 0 1.2vh;
}

.terms-doc h2.terms-title {
  font-size: 4vh;
  border-bottom-width: 0.5vh;
  margin-top: 0;
}

.terms-doc section {
  scroll-margin-top: 1vh;
}

.terms-updated {
  margin: 1vh 0 2vh;
  color: #b5b5b5;
}

.terms-summary {
  margin: 2vh 0;
  padding: 1.5vh 2vh;
  border-left: 0.5vh solid var(--accent);
  background: rgba(var(--accent-rgb), 0.08);
}

.terms-summary strong {
  color: var(--accent);
}

.terms-toc ol {
  columns: 2;
  column-gap: 4vh;
  margin: 1vh 0 0 2.5vh;
}

.terms-toc li {
  break-inside: avoid;
  padding: 0.2vh 0;
}

.terms-doc p {
  margin: 0 0 1.2vh;
}

.terms-doc ul {
  list-style: none;
  margin: 0 0 1.4vh;
  padding: 0;
}

.terms-doc ul li {
  padding-left: 1.6em;
  text-indent: -1.6em;
  margin: 0.5vh 0;
}

.terms-doc ul li::before {
  content: "➤";
  display: inline-block;
  width: 1.6em;
  text-indent: 0;
  color: var(--accent);
}

.terms-back-top {
  display: inline-block;
  margin-top: 3vh;
}

@media (max-width: 768px),
(max-height: 500px) and (pointer: coarse) {
  .content.terms-content {
    padding: 4%;
  }

  .terms-doc {
    font-size: min(4vw, 18px);
    line-height: 1.5;
  }

  .terms-doc h2 {
    font-size: min(5.6vw, 26px);
    margin-top: 3vh;
  }

  .terms-doc h2.terms-title {
    font-size: min(7.5vw, 34px);
  }

  .terms-toc ol {
    columns: 1;
  }
}

.content.terms-content::-webkit-scrollbar { display:none; width:0; height:0; }

/* subtle fixed backdrop on desktop only (phones keep "scroll" - fixed is heavy/unreliable there) */
@media (min-width: 769px) and (min-height: 501px) {
    .content.terms-content { background-attachment: fixed; }
}