/* ================= ОБУЧЕНИЕ TERON (care.html, 28.09) — поверх styles.css + model.css ================= */
/* Источник текстов: docs/teron-memo.txt (памятка владельца). Тон строгий — по решению владельца. */

.care-hero { padding-bottom: clamp(30px, 5vh, 60px); }
.care-title {
  margin: 0; font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600;
  font-size: clamp(38px, 6.4vw, 96px); line-height: 1.02; letter-spacing: -0.015em; color: var(--text);
}
.care-title .brand { font-size: 0.86em; letter-spacing: 0.08em; margin-left: 0.12em; }
.care-lead { max-width: 56ch; }
.care-toc { display: flex; flex-wrap: wrap; gap: 10px; margin-top: clamp(24px, 4vh, 40px); }
.care-toc a {
  display: inline-flex; align-items: center; height: 40px; padding: 0 16px; border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14); color: var(--text); text-decoration: none;
  font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: 14px; transition: background 0.3s, border-color 0.3s;
}
.care-toc a:hover { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.3); }

.m-cards--2 { grid-template-columns: repeat(2, 1fr); }

/* QR-карточки */
.care-qr__card { text-decoration: none; color: inherit; align-items: flex-start; transition: transform 0.4s, background 0.4s; }
.care-qr__card:hover { transform: translateY(-3px); background: var(--tile-a2, #1a1c20); }
.care-qr__img { width: min(220px, 52%); height: auto; border-radius: 16px; background: #fff; padding: 4px; box-sizing: border-box; margin-bottom: 8px; }   /* тёмные модули на белом: инверсный QR камеры читают хуже (OpenCV не читал вовсе) */

/* правила и защиты: цифра Dune Rise + единица Inter Tight */
.care-rule b, .care-prot__card b { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 0.28em; }
.care-rule__unit { font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: 0.38em; color: var(--text); letter-spacing: 0; }
.care-prot__card b i { font-style: normal; color: #4a5157; font-family: "Inter Tight", sans-serif; font-size: 0.6em; margin: 0 0.1em; }
.care-prot__card .m-card__note, .care-rule .m-card__note { font-size: clamp(14px, 1.15vw, 17px); line-height: 1.45; color: var(--d-grey, #a1a1a6); }
.care-rule .m-card__note .w, .care-tile .w { color: var(--text); font-weight: 600; }

/* плитка с текстом */
.care-tile {
  margin-top: clamp(14px, 1.8vw, 20px); background: var(--tile-a, #141518); border-radius: 24px; padding: clamp(22px, 2.4vw, 32px);
  display: grid; gap: 14px;
}
.care-tile p { margin: 0; font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: clamp(15px, 1.25vw, 19px); line-height: 1.4; color: var(--d-grey, #a1a1a6); }
.care-tile--contact { margin-top: clamp(20px, 3vh, 32px); background: var(--tile-a2, #1a1c20); }
.care-contact-stub a { color: var(--accent); text-decoration: none; }
.care-contact-stub a:hover { text-decoration: underline; }

/* запреты: список «НЕ» */
.care-never { list-style: none; margin: clamp(28px, 4vh, 44px) 0 0; padding: 0; display: grid; gap: 12px; }
.care-never li {
  display: grid; grid-template-columns: auto 1fr; align-items: start; gap: 18px;
  background: var(--tile-a, #141518); border-radius: 20px; padding: clamp(18px, 2vw, 26px) clamp(20px, 2.2vw, 28px);
  font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: clamp(15px, 1.3vw, 20px); line-height: 1.4; color: var(--d-grey, #a1a1a6);
}
.care-never li:nth-child(even) { background: var(--tile-a2, #1a1c20); }
.care-never .w { color: var(--text); }
.care-never__no {
  font-family: "Dune Rise", var(--font-display); font-weight: 400; font-size: 1.15em; line-height: 1.2; letter-spacing: 0.06em;
  background: linear-gradient(95deg, #ffb03a 0%, #ff7a3d 35%, #ff4d3d 65%, #ff2d55 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}

/* признаки сна */
.care-signs { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.care-signs li {
  display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: start;
  background: var(--tile-a, #141518); border-radius: 20px; padding: clamp(18px, 2vw, 26px) clamp(20px, 2.2vw, 28px);
  font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: clamp(15px, 1.3vw, 20px); line-height: 1.4; color: var(--text);
}
.care-signs__n { font-size: 1.3em; line-height: 1.1; color: var(--accent); }

/* ссылка на обучение в меню-оверлее */
.menu__care {
  display: block; margin: clamp(18px, 3vh, 36px) auto 0; width: max-content;
  font-family: "Inter Tight", "Inter", sans-serif; font-weight: 600; font-size: clamp(14px, 1.2vw, 18px);
  color: #b9c0c5; text-decoration: none; letter-spacing: 0.01em; transition: color 0.3s;
}
.menu__care:hover { color: var(--accent); }

@media (max-width: 760px) {
  .menu__care { order: -1; margin: 0 auto 22px; font-size: 17px; color: var(--text); }   /* на телефоне меню листается — ссылка над батареями, чтобы была видна сразу */
  .m-cards--2 { grid-template-columns: 1fr; }
  .care-title { font-size: clamp(34px, 11vw, 48px); }
  .care-qr__img { width: 62%; }
  .care-toc a { height: 38px; font-size: 13px; padding: 0 14px; }
}
@media (max-width: 760px) and (orientation: portrait) {
  .care-tile p, .care-never li, .care-signs li, .care-prot__card .m-card__note, .care-rule .m-card__note { font-size: var(--m-body, 19px); line-height: 1.3; }
  .care-never li, .care-signs li, .care-tile { border-radius: 24px; padding: 24px; }
  .care-never li:nth-child(even) { background: var(--m-tile-a2, #1a1c20); }
}