/* Navy chip blocks + raised TR buttons. Activated by html[data-look="chip"]. */
html[data-look="chip"] .card,
html[data-look="chip"] .detail,
html[data-look="chip"] .checkitem,
html[data-look="chip"] .note-box {
  background: var(--navy);
  border-color: transparent;
  color: #d7e4ea;
}

html[data-look="chip"] .card h3,
html[data-look="chip"] .detail h3,
html[data-look="chip"] .checkitem b,
html[data-look="chip"] .timebox h3,
html[data-look="chip"] .note-box h3 {
  color: #fff;
}

html[data-look="chip"] .card p,
html[data-look="chip"] .detail p,
html[data-look="chip"] .checkitem span,
html[data-look="chip"] .note-box p,
html[data-look="chip"] .note-box ul {
  color: #d7e4ea;
}

html[data-look="chip"] .timebox {
  background: var(--paper);
  color: var(--ink);
}

html[data-look="chip"] .timebox h3,
html[data-look="chip"] .timebox b {
  color: var(--navy);
}

html[data-look="chip"] .timebox div {
  color: var(--muted);
}

html[data-look="chip"] .eyebrow,
html[data-look="chip"] .card .eyebrow,
html[data-look="chip"] .note-box .eyebrow {
  color: var(--mint);
}

html[data-look="chip"] .note-box {
  border-left: 6px solid var(--mint);
}

html[data-look="chip"] .detail.bare {
  background: transparent;
  border: 0;
  padding: 0;
}

html[data-look="chip"] .shift-row {
  background: var(--navy);
  border-color: #243552;
}

html[data-look="chip"] .shift-cols {
  color: var(--mint);
}

html[data-look="chip"] .shift-kind,
html[data-look="chip"] .shift-now,
html[data-look="chip"] .shift-next {
  color: #fff;
}

html[data-look="chip"] .shift-arrow {
  color: var(--mint);
}

html[data-look="chip"] .services-grid {
  background: var(--navy);
  border-color: #243552;
}

html[data-look="chip"] .services-grid .card {
  border: 1px solid #243552;
}

html[data-look="chip"] .reg,
html[data-look="chip"] a.reg {
  background: var(--paper);
  border: 1px solid #e4ddd4;
  color: var(--navy);
  padding: 16px 18px;
  text-align: center;
  border-radius: 0;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 1),
    0 4px 0 #c8bfb3,
    0 12px 22px rgba(10, 16, 32, 0.38);
  cursor: pointer;
  transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

html[data-look="chip"] .reg b,
html[data-look="chip"] .reg:hover b,
html[data-look="chip"] .reg:focus-visible b {
  color: var(--navy);
}

html[data-look="chip"] .reg span {
  color: var(--muted);
}

html[data-look="chip"] .reg:hover,
html[data-look="chip"] .reg:focus-visible {
  background: #fff;
  border-color: #e4ddd4;
  transform: translateY(-1px);
  box-shadow:
    inset 0 2px 0 #fff,
    0 5px 0 #b9b0a4,
    0 16px 28px rgba(10, 16, 32, 0.42);
}

html[data-look="chip"] .year {
  color: var(--mint);
}

html[data-look="chip"] .note b {
  color: var(--navy);
}