/* MY ROBOTS — surgical knowledge and program update, 2026-10-28. */
.hero-v6-title.hero-title-v77 {
  font-size: clamp(40px, 4.7vw, 70px);
  line-height: 1.13;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
html[lang="ja"] .hero-v6-title.hero-title-v77 {
  font-size: clamp(36px, 3.6vw, 52px);
  line-height: 1.35;
  word-break: normal;
  overflow-wrap: normal;
}
.hero-v6-title .hero-title-line { display: block; white-space: nowrap; color: inherit; background: none; }
html[lang="hi"] .hero-v6-title.hero-title-v77 { line-height: 1.4; }
.knowledge-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 34px 0 28px;
}
.knowledge-card {
  padding: 28px;
  min-width: 0;
  border: 1px solid #d8e3df;
  border-radius: 18px;
  background: #fff;
}
.knowledge-step {
  margin-bottom: 20px;
  color: #247966;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .14em;
}
.knowledge-card h3 {
  margin: 0 0 13px;
  color: #112b25;
  font-size: 20px;
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.knowledge-card p {
  margin: 0;
  color: #4b625b;
  font-size: 14px;
  line-height: 1.9;
}
.product-badges { align-items: flex-start; }
.product-badges small { line-height: 1.8; }
.momentum-pill--hidep { text-decoration: none; }
.momentum-pill--hidep:hover { background: #eff8f5; }
.momentum-pill--hidep:focus-visible { outline: 3px solid #247966; outline-offset: 3px; }
.news-record--hidep { border-top: 3px solid #247966; }
.record-card--hidep { background: #f5fbf8; border-color: #c3dcd2; }
.news-record--hidep .article-dates,
.record-card--hidep .article-dates { display: flex; flex-wrap: wrap; gap: 8px 18px; align-items: baseline; }
.news-record--hidep .article-dates time,
.record-card--hidep .article-dates time { font-size: 12px; line-height: 1.7; color: #526f62; }
.news-record--hidep .article-dates em,
.record-card--hidep .article-dates em { font-style: normal; font-size: 12px; line-height: 1.7; }
.source-context { margin-top: 16px; font-size: 12px !important; line-height: 1.85 !important; color: #61736b; }
.news-status-v77 { margin: 22px 0; font-size: 13px; color: #386552; }
@media (max-width: 860px) {
  .knowledge-grid { grid-template-columns: 1fr; gap: 16px; }
  .knowledge-card { padding: 24px; }
  .knowledge-step { margin-bottom: 12px; }
}
@media (max-width: 600px) {
  .hero-v6-title.hero-title-v77 { font-size: clamp(36px, 9.5vw, 48px); }
  html[lang="ja"] .hero-v6-title.hero-title-v77 { font-size: clamp(31px, 8.1vw, 42px); }
  .knowledge-card h3 { font-size: 19px; }
}