@media (max-width: 760px) {
  .site-header { min-height: 66px; padding: 8px 0; }
  .brand img { width: 42px; height: 42px; }
  .hero { padding: 12px 0 34px; }
  .hero h1 { margin-bottom: 12px; font-size: clamp(2.3rem, 11vw, 3rem); }
  .hero > p:not(.eyebrow) { display: none; }
  .search-box { margin-top: 16px; padding: 16px; }
}

.book-tile em {
  margin: 3px 0 6px;
  color: var(--muted);
  font-size: .94rem;
  font-style: normal;
  line-height: 1.35;
}

.search-box small {
  display: block;
  margin-top: 12px;
  color: var(--muted);
  font-size: .78rem;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .hero h1 { font-size: clamp(2.15rem, 10.5vw, 2.8rem); }
  .hero > p.hero-context {
    display: block;
    margin: 8px 0 10px;
    font-size: .9rem;
    line-height: 1.35;
  }
  .search-box { margin-top: 10px; padding: 13px; }
  .search-box small { display: none; }
}

.situation-page .practical-block {
  border-color: var(--book-border);
  background: var(--book-tint);
}

.situation-page .practical-block h2,
.situation-page .practical-block summary,
.situation-page .practical-block > .eyebrow {
  color: var(--book-accent);
}

.situation-page .script-option + .script-option {
  border-color: var(--book-border);
}

/* Match the functional color system used on the Same Words cards. */
.situation-page .script.practical-block {
  border-color: #afd9c9;
  background: #e5f4ed;
}

.situation-page .script.practical-block > .eyebrow {
  color: #138765;
}

.situation-page .content-card.practical-block:not(.avoid) {
  border-color: #b9d4ed;
  background: #e7f1fb;
}

.situation-page .content-card.practical-block:not(.avoid) h2 {
  color: #2e6da4;
}

.situation-page .content-card.practical-block.avoid {
  border-color: #e3aaa5;
  background: #fff0f0;
}

.situation-page .content-card.practical-block.avoid h2 {
  color: #c9362e;
}

.situation-page details.practical-block {
  border-color: var(--line);
  background: var(--surface);
}

.situation-page details.practical-block summary {
  color: var(--ink);
}

.situation-page details.practical-block + details.practical-block {
  border-color: #e5c47f;
  background: #fff1d7;
}

.situation-page details.practical-block + details.practical-block summary {
  color: #a96f00;
}

.situation-page details.repeat-block,
.situation-page details.repeat-block + details.why-block {
  border-color: #e5c47f;
  background: #fff1d7;
}

.situation-page details.repeat-block summary,
.situation-page details.repeat-block + details.why-block summary {
  color: #a96f00;
}

.situation-page details.why-block,
.situation-page details.repeat-block + details.why-block {
  border-color: var(--line);
  background: var(--surface);
}

.situation-page details.why-block summary,
.situation-page details.repeat-block + details.why-block summary {
  color: var(--ink);
}