/* ============================================================
   Glippy legal / support pages — extends styles.css tokens
   (Daybreak + Nightshade come from styles.css / data-theme)
   ============================================================ */

.doc-wrap{ max-width:760px; margin:0 auto; padding:0 24px 80px; position:relative; z-index:1; }

.doc-head{ padding:72px 0 10px; }
.doc-head h1{
  font-family:var(--font-display); font-weight:500;
  font-size:clamp(34px, 5vw, 46px); line-height:1.08; letter-spacing:-0.012em;
  margin:0 0 16px; text-wrap:balance;
}
.doc-head h1 em{ font-style:italic; color:var(--violet); }
.doc-intro{ font-size:16.5px; line-height:1.65; color:var(--ink-soft); margin:0 0 10px; max-width:58ch; }
.doc-updated{ font-size:13px; font-weight:600; color:var(--ink-faint); }

.doc-card{
  background:var(--card); border:1px solid var(--hairline); border-radius:var(--r-card);
  padding:8px 28px; margin-top:18px; box-shadow:var(--shadow-xs);
  transition:background-color .5s ease, border-color .5s ease;
}
.doc-card h2{
  font-family:var(--font-ui); font-size:16.5px; font-weight:700; letter-spacing:-0.01em;
  margin:22px 0 8px;
}
.doc-card p{ font-size:15px; line-height:1.7; color:var(--ink-soft); margin:0 0 20px; }
.doc-card h2 + p{ margin-top:0; }
.doc-card a{ color:var(--violet); font-weight:600; text-decoration:none; }
.doc-card a:hover{ text-decoration:underline; }
.doc-divider{ border:0; border-top:1px solid var(--hairline); margin:0; }

.doc-card--note{ background:var(--teal-wash); padding:22px 28px; }
.doc-card--note p{ color:var(--ink); margin:0; }

.doc-links{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }
.doc-pill{
  display:inline-flex; align-items:center; gap:8px;
  min-height:44px;
  padding:10px 18px; border-radius:100px;
  background:var(--card); border:1px solid var(--hairline);
  font-size:14px; font-weight:600; color:var(--ink); text-decoration:none;
  box-shadow:var(--shadow-xs);
  transition:transform .18s var(--ease), box-shadow .18s ease, background-color .5s ease, border-color .5s ease;
}
.doc-pill:hover{ transform:translateY(-2px); box-shadow:var(--shadow-sm); }
.doc-pill:active{ transform:scale(.96); }
.doc-pill svg{ width:15px; height:15px; color:var(--violet); }

/* Support contact card */
.support-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:18px; }
.support-card{
  background:var(--card); border:1px solid var(--hairline); border-radius:var(--r-card);
  padding:24px; box-shadow:var(--shadow-xs);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease), background-color .5s ease, border-color .5s ease;
}
.support-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-md); }
.support-card .iconwell{ margin-bottom:14px; }
.support-card h2{ font-size:16px; font-weight:700; margin:0 0 6px; }
.support-card p{ font-size:14px; line-height:1.65; color:var(--ink-soft); margin:0; }
.support-card a{ color:var(--violet); font-weight:600; text-decoration:none; }
.support-card a:hover{ text-decoration:underline; }

.doc-list{ margin:0 0 20px; padding-left:0; list-style:none; }
.doc-list li{
  position:relative; padding-left:24px;
  font-size:15px; line-height:1.7; color:var(--ink-soft); margin-bottom:6px;
}
.doc-list li::before{
  content:''; position:absolute; left:2px; top:11px;
  width:7px; height:7px; border-radius:50%; background:var(--violet);
}

@media (max-width: 760px){
  .doc-head{ padding-top:56px; }
  .support-grid{ grid-template-columns:1fr; }
  .doc-card{ padding:6px 22px; }
  .doc-card--note{ padding:20px 22px; }
}