/* =====================================
   FYI PAGES (no hero styles) — fyi1.css
   ===================================== */

/* THEME & GLOBAL */
:root {
  --fyi-max: 1100px;
  --fyi-btn-bg: #222;
  --fyi-btn-text: #fff;
}

html { scroll-behavior: smooth; }

.wrap {
  max-width: var(--fyi-max);
  margin: 0 auto;
  padding: 0 1rem;
}

.card {
  background:#121212;
  border:1px solid #1f1f1f;
  border-radius:16px;
  padding:2rem;
  box-shadow:0 2px 6px rgba(0,0,0,0.6);
}

/* =====================================
   TABLE OF CONTENTS
   ===================================== */
nav.toc {
  background:#121212;
  border:1px solid #1f1f1f;
  border-radius: 12px;
  padding: 1rem;
  margin: 1.25rem 0 2rem;
}
nav.toc ul {
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:.25rem .75rem;
}
nav.toc li ul {
  margin:.25rem 0 .5rem .75rem;
  display:block;
}
nav.toc a { text-decoration:none; }

/* =====================================
   CONTENT
   ===================================== */
section { margin: 2rem 0; }

h2 {
  font-size: clamp(1.4rem, 1.9vw, 2rem);
  margin: 0 0 .5rem;
}

/* =====================================
   TABLES
   ===================================== */
table {
  width:100%;
  border-collapse: collapse;
  margin:.5rem 0 1.5rem;
  font-variant-numeric: tabular-nums;
}
th, td {
  border-bottom:1px solid #1f1f1f;
  padding:.6rem .5rem;
  text-align:left;
}
thead th { background:#141414; }
.price { white-space: nowrap; font-weight:700; }

/* =====================================
   FAQ
   ===================================== */
details.faq {
  background:#101010;
  border:1px solid #1f1f1f;
  border-radius:12px;
  padding:1rem 1.25rem;
}
details.faq + details.faq { margin-top:.75rem; }
details.faq summary { font-weight:600; cursor:pointer; }
details.faq[open] { background:#0f1214; }

/*new*/
/* === FYI Price page: tighten gap above first price table === */
body.page-fyi main.content.wrap { padding-top: 0; }

body.page-fyi main.content.wrap .section:first-of-type {
  /* was 2rem from the global .section rule */
  margin-top: .75rem;
}

body.page-fyi main.content.wrap .section:first-of-type h2 {
  /* tighten the heading/table stack */
  margin: 0 0 .35rem;
}

body.page-fyi main.content.wrap .section:first-of-type .price-table {
  /* shrink space directly above the table */
  margin-top: .5rem;
}
/*NEW-09-13-2025-8PM*/
/* === FINAL FYI price page spacing overrides (force) === */
body.page-fyi header.hero{
  /* tighten gap under the hero */
  margin-bottom: 6px !important;
}

body.page-fyi main.content.wrap > .section:first-of-type{
  /* trim the top padding of the first section */
  padding-top: 8px !important;
  margin-top: 0 !important;
}

body.page-fyi .price-table{
  /* small gap around the table */
  margin: 8px 0 10px !important;
}

body.page-fyi .note{
  /* keep a little air around the note text */
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

body.page-fyi main .section + .section{
  /* space between price section and the FAQ section */
  margin-top: 10px !important;
}

body.page-fyi .section > h2 + .card{
  /* give the FAQ card breathing room under its H2 */
  margin-top: 8px !important;
}

/* Accent highlight (FYI utility) */
.accent-green{
  color: var(--accent, #2bdc74);
  font-weight: 700;
}
/* Caution red highlight (FYI utility) */
.cautious-red{
  color: #ff0000;
  font-weight: 700;
}