.case-pages .site-header { flex-wrap: wrap; }
.case-pages .site-header nav { flex-wrap: wrap; gap: 4px 22px; }
.case-notes > .form-notice { margin-top: 24px; }
.case-index-hero { padding-block: 64px 42px; }
.case-collection { padding-bottom: 72px; }
.case-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.case-card { min-width: 0; padding: 26px; }
.case-card h2 { font-size: 1.65rem; line-height: 1.2; margin: 22px 0 16px; }
.case-card .product-top { gap: 8px 14px; }
.case-domain { color: var(--muted); font-size: .8rem; }
.case-empty { max-width: 660px; padding: 32px; border: 1px solid var(--line); border-radius: 8px; background: white; }
.case-story { max-width: 800px; margin-inline: auto; }
.case-story-hero { padding-block: 36px 32px; }
.case-story-hero .back { margin-bottom: 22px; }
.case-story h1 { font-size: clamp(2.5rem, 5vw, 4.4rem); }
.case-story-body { max-width: 680px; }
.case-story-body > section { padding-block: 30px; border-top: 1px solid var(--line); }
.case-story-body h2 { font-size: 1.6rem; margin-bottom: 18px; }
.case-story-body p { font-size: 1.06rem; }
.case-evidence { margin-bottom: 32px; }
.case-story-body .case-next { background: #edf1e9; padding: 30px; margin-bottom: 64px; border-radius: 8px; }
.case-next .button { max-width: 100%; }
@media (max-width: 900px) {
  .case-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .case-pages .site-header { align-items: flex-start; }
  .case-pages .site-header nav { gap: 0 16px; }
  .case-index-hero { padding-block: 40px 28px; }
  .case-collection { padding-bottom: 40px; }
  .case-card, .case-empty, .case-story-body .case-next { padding: 24px; }
}