/* ==========================================================================
   TCI Blocks
   Loaded on the front end AND in the editor, so writers see what ships.
   Every selector is scoped to a TCI style name, so nothing here can affect
   an existing post that has not opted in.
   ========================================================================== */

:root{
  --tci-paper:#FFFFFF;
  --tci-ink:#333333;
  --tci-ink-strong:#1F1F1F;
  --tci-ink-muted:#5C6169;
  --tci-link:#17698A;
  --tci-link-hover:#0F5470;
  --tci-gold:#F0C419;
  --tci-gold-btn:#FFBE4C;
  --tci-gold-ink:#8A6D00;
  --tci-highlight:#FFE14F;
  --tci-warm:#F9F7F5;
  --tci-rule:#E4E4E0;
  --tci-meta:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* ---------------------------------------------------------------- buttons */
/* Matches the live site: white ground, 4px amber border, dark uppercase label. */

.wp-block-button.is-style-tci-gold .wp-block-button__link{
  background:var(--tci-paper);
  color:var(--tci-ink-strong);
  border:4px solid var(--tci-gold-btn);
  border-radius:4px;
  font-family:var(--tci-meta);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:11px 20px;
  line-height:1.2;
  text-decoration:none;
}
.wp-block-button.is-style-tci-gold .wp-block-button__link:hover{
  background:var(--tci-gold-btn);
  color:var(--tci-ink-strong);
}

.wp-block-button.is-style-tci-dark .wp-block-button__link{
  background:var(--tci-ink-strong);
  color:var(--tci-paper);
  border:4px solid var(--tci-ink-strong);
  border-radius:4px;
  font-family:var(--tci-meta);
  font-size:14px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:11px 20px;
  line-height:1.2;
  text-decoration:none;
}
.wp-block-button.is-style-tci-dark .wp-block-button__link:hover{
  background:var(--tci-gold-ink);
  border-color:var(--tci-gold-ink);
}

/* a table cell whose job is the button centres it */
.wp-block-table.is-style-tci-compare td:has(.wp-block-button){text-align:center}

/* ---------------------------------------------------------- key points box */
/* Article lead-in. Gold bracket, small caps label, tight type. */

.wp-block-group.is-style-tci-keypoints{
  position:relative;
  padding:20px 24px 20px 26px;
  margin:30px 0;
  background:var(--tci-paper);
}
.wp-block-group.is-style-tci-keypoints::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--tci-gold);
}
.wp-block-group.is-style-tci-keypoints::after{
  content:"";position:absolute;left:0;top:0;width:150px;height:5px;background:var(--tci-gold);
}
.tci-kp-label{
  font-family:var(--tci-meta) !important;
  font-size:13px !important;
  font-weight:700;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--tci-ink-strong);
  margin:14px 0 12px !important;
}
.wp-block-group.is-style-tci-keypoints li{
  margin-bottom:10px;
  line-height:1.5;
}
.wp-block-group.is-style-tci-keypoints li:last-child{margin-bottom:0}

/* ------------------------------------------------------------ question box */
/* The Q&A template's opener. 2px amber border, matching the live site. */

.wp-block-group.is-style-tci-question{
  border:2px solid var(--tci-gold-btn);
  border-radius:3px;
  padding:18px 22px;
  margin:26px 0;
  background:var(--tci-paper);
}
.wp-block-group.is-style-tci-question > *:first-child{margin-top:0}
.wp-block-group.is-style-tci-question > *:last-child{margin-bottom:0}
.wp-block-group.is-style-tci-question h2{
  font-family:var(--tci-meta);
  font-size:21px;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 8px;
  color:var(--tci-ink-strong);
}

/* ---------------------------------------------------------- other callouts */

.wp-block-group.is-style-tci-highlight{
  background:var(--tci-highlight);
  padding:20px 22px;
  margin:28px 0;
}
.wp-block-group.is-style-tci-highlight :where(p,li){color:#3A3000}

.wp-block-group.is-style-tci-info{
  background:var(--tci-warm);
  border:1px solid var(--tci-rule);
  border-left:4px solid var(--tci-link);
  padding:20px 22px;
  margin:28px 0;
}

/* ------------------------------------------------------- comparison table */

.wp-block-table.is-style-tci-compare table{
  border-collapse:collapse;
  width:100%;
  font-family:var(--tci-meta);
  font-size:14.5px;
  font-variant-numeric:tabular-nums;
  border:1px solid var(--tci-rule);
}
.wp-block-table.is-style-tci-compare th{
  background:var(--tci-ink-strong);
  color:var(--tci-paper);
  text-align:left;
  padding:10px 15px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.wp-block-table.is-style-tci-compare td{
  padding:10px 15px;
  border-top:1px solid #F0F0EC;
  color:var(--tci-ink);
}
.wp-block-table.is-style-tci-compare td:first-child{
  color:var(--tci-ink-strong);
  font-weight:600;
}
.wp-block-table.is-style-tci-compare tbody tr:nth-child(even) td{background:var(--tci-warm)}

/* ---------------------------------------------------------------- details */

.wp-block-details{
  border:1px solid var(--tci-rule);
  background:var(--tci-warm);
  border-radius:3px;
  padding:0;
  margin:22px 0;
}
.wp-block-details summary{
  cursor:pointer;
  padding:13px 16px;
  font-family:var(--tci-meta);
  font-weight:700;
  font-size:14px;
  color:var(--tci-ink-strong);
}
.wp-block-details[open] summary{border-bottom:1px solid var(--tci-rule)}
.wp-block-details > *:not(summary){padding:0 16px}
.wp-block-details > *:last-child{padding-bottom:14px}

/* --------------------------------------------------- rate values in copy */

.rate,.gf{
  font-weight:700;
  font-variant-numeric:tabular-nums;
}