/* Terms of Service page styles - CSS only */
:root {
  --primary: #A78B51;
  --secondary: #1A222B;
  --accent: #D6B36A;
  --background: #F5F3EF;
  --text: #232323;
  --muted: #8A8A8A;
  --surface:#fff;
  --bg:#f7fbfb;
  --dark:#171a1c;
  --border:#e6e6e6;
  --shadow:0 8px 22px rgba(0,0,0,.06);
}

body {
  background: var(--background);
  color: var(--text);
}

h1, h2, h3, h4, h5, h6 {
  color: var(--secondary);
}

a {
  color: var(--primary);
}
a:hover, a:focus, a:active {
  color: var(--accent);
}

.btn, .button, button, input[type="submit"], input[type="button"] {
  background: var(--primary);
  color: #fff;
  border: 1px solid var(--accent);
}
.btn:hover, .button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover {
  background: var(--secondary);
  color: var(--accent);
}

.jbk-terms .container{ max-width:1140px; margin-inline:auto; padding: 72px 16px; }

.jbk-terms .hero{ padding: 72px 0 32px; background: linear-gradient(180deg, #ffffff 0%, #F5F3EF 100%); }
.jbk-terms .hero h1{ margin:0 0 8px; font-size: clamp(1.8rem, 1.2vw + 1rem, 2.4rem); color: var(--dark); }
.jbk-terms .hero .lead{ margin:0 0 6px; color:#2b2f31; font-size: 1.05rem; }
.jbk-terms .hero .meta{ color: var(--muted); font-size: .92rem; }

.jbk-terms .content{ padding: 16px 0 56px; background: linear-gradient(180deg, rgba(167,139,81,.06), rgba(214,179,106,.05)); }
.jbk-terms .terms-section{ background:#fff; border:1px solid var(--border); border-radius:16px; padding:20px 22px; box-shadow: var(--shadow); }
.jbk-terms .terms-section + .terms-section{ margin-top: 16px; }
.jbk-terms .terms-section h2{ margin:0 0 8px; font-size:1.15rem; color:var(--dark); }
.jbk-terms .terms-section p, .jbk-terms .terms-section li{ color:#475467; line-height:1.75; }
.jbk-terms .terms-section ul{ padding-inline-start: 18px; }
.jbk-terms .contact-list{ list-style:none; padding:0; margin:0; display:grid; gap:6px; }
.jbk-terms a{ color: var(--primary); font-weight:600; text-decoration:none; }
.jbk-terms a:hover, .jbk-terms a:focus{ color: var(--accent); text-decoration:none; }

@media (max-width:680px){
  .jbk-terms .container{ padding:56px 16px; }
}