@import url('/fonts/faces-golos.css');

/* ==========================================================================
   F6 «Тихий модерн» — единая система для ВСЕГО сайта lookbot_site
   Golos Text, белый фон, спокойный премиум-минимал. Вайб COS / Arket / Aesop.
   Всё scoped под body.rd--calm. Обобщено из двух эталонов (статья + лендинг)
   + добавлены все компоненты сайта (главная/otzyvy/about/contacts/blog-хаб/
   legal/404/rating/lp-*). Дисциплина картинок жёсткая (не во весь экран).
   Палитра глобалки (синий/индиго/золото/тёмные секции) переопределяется тёплым
   акцентом-глиной и светлыми поверхностями.
   ========================================================================== */

/* ===== ТОКЕНЫ ============================================================ */
body.rd--calm {
  --bg:#ffffff;
  --ink:#1c1a18;
  --soft:#6f6760;
  --hair:#ececea;
  --soft-bg:#f6f5f3;
  --accent:#a9745b;        /* тёплая глина — дозированно */
  --accent-deep:#8c5b44;   /* hover-вариант */
  --text:#3a3632;          /* основной текст */
  --col:700px;             /* ширина колонки чтения */

  background:var(--bg);
  color:var(--text);
  font-family:'Golos Text', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  overflow-x:clip;          /* страховка от горизонтального скролла, не ломает sticky */
}

body.rd--calm *,
body.rd--calm *::before,
body.rd--calm *::after { box-sizing:border-box; }

/* единый шрифт — и заголовки, и текст — Golos */
body.rd--calm h1, body.rd--calm h2, body.rd--calm h3, body.rd--calm h4,
body.rd--calm h5, body.rd--calm p, body.rd--calm a, body.rd--calm li,
body.rd--calm td, body.rd--calm th, body.rd--calm summary,
body.rd--calm figcaption, body.rd--calm button, body.rd--calm input,
body.rd--calm .btn, body.rd--calm span, body.rd--calm strong, body.rd--calm small {
  font-family:'Golos Text', system-ui, -apple-system, sans-serif;
}

/* Длинные слова/nbsp не выпирают за экран */
body.rd--calm .article__title,
body.rd--calm .article__body h2,
body.rd--calm .final-cta__title,
body.rd--calm .definition h2,
body.rd--calm .hero__title,
body.rd--calm .blog-listing__title,
body.rd--calm .lp-hero__title { overflow-wrap:break-word; word-break:normal; }

/* ===== HEADER =========================================================== */
body.rd--calm .header {
  background:rgba(255,255,255,0.92);
  -webkit-backdrop-filter:saturate(140%) blur(8px);
  backdrop-filter:saturate(140%) blur(8px);
  border-bottom:1px solid var(--hair);
  box-shadow:none;
}
body.rd--calm .header__logo { color:var(--ink); font-weight:600; letter-spacing:0; }
body.rd--calm .header__tagline { color:var(--soft); font-weight:400; }
body.rd--calm .header__link { color:var(--soft); font-weight:500; transition:color .2s ease; }
body.rd--calm .header__link:hover { color:var(--ink); }

/* главная кнопка шапки — тёмная мягкая */
body.rd--calm .header__cta,
body.rd--calm .btn--accent.header__cta,
body.rd--calm .btn--small.header__cta {
  background:var(--ink); color:#fff;
  border:1px solid var(--ink); border-radius:6px;
  font-weight:600; box-shadow:none;
}
body.rd--calm .header__cta:hover { background:var(--accent); border-color:var(--accent); color:#fff; }

/* mini-кнопка — глобально синяя пилюля; делаем тёмной мягкой (видимой) */
body.rd--calm .header__cta-mini {
  background:var(--ink); background-color:var(--ink);
  border:1px solid var(--ink); border-radius:6px;
  color:#fff; font-weight:600; box-shadow:none;
  max-width:46vw;
  padding-inline:.75rem;
}
body.rd--calm .header__cta-mini:hover { background:var(--accent); border-color:var(--accent); color:#fff; }

body.rd--calm .header__mobile-cta {
  background:var(--ink); color:#fff;
  border:1px solid var(--ink); border-radius:6px; font-weight:600;
}
body.rd--calm .header__mobile-cta:hover { background:var(--accent); border-color:var(--accent); }
body.rd--calm .header__burger span { background:var(--ink); }

/* ===== BREADCRUMBS ====================================================== */
body.rd--calm .breadcrumbs {
  background:transparent; border:none;
  padding-top:clamp(1.4rem,3vw,2.2rem); padding-bottom:0;
}
body.rd--calm .breadcrumbs__list { color:var(--soft); }
body.rd--calm .breadcrumbs__item,
body.rd--calm .breadcrumbs__item a { color:var(--soft); font-size:.82rem; letter-spacing:.02em; }
body.rd--calm .breadcrumbs__item a:hover { color:var(--ink); }
body.rd--calm .breadcrumbs__item--current { color:var(--ink); }

/* ===== КНОПКИ =========================================================== */
body.rd--calm .btn { border-radius:6px; letter-spacing:.01em; }
body.rd--calm .btn--accent {
  background:var(--ink); color:#fff;
  border:1px solid var(--ink); box-shadow:none;
  transition:background .22s ease, border-color .22s ease, transform .15s ease;
}
body.rd--calm .btn--accent:hover {
  background:var(--accent); border-color:var(--accent); color:#fff; transform:translateY(-1px);
}
body.rd--calm .btn--primary {
  background:var(--ink); color:#fff;
  border:1px solid var(--ink); box-shadow:none;
}
body.rd--calm .btn--primary:hover { background:var(--accent); border-color:var(--accent); color:#fff; }
body.rd--calm a.btn, body.rd--calm .btn { color:#fff; }

/* ===== ARTICLE FRAME ==================================================== */
body.rd--calm .article { background:var(--bg); padding-top:clamp(1rem,3vw,2.4rem); padding-bottom:clamp(2rem,5vw,4rem); }
body.rd--calm .article__container { max-width:920px; margin-inline:auto; }
body.rd--calm .article__body { max-width:min(var(--col),100%); margin-inline:auto; }

/* ===== HERO статьи — центрирован, воздух ================================ */
body.rd--calm .article__header {
  text-align:center; max-width:780px;
  margin:clamp(1.5rem,4vw,3rem) auto 0; border:0; padding:0;
}
body.rd--calm .article__tag {
  display:inline-block; background:transparent; border:none; padding:0;
  color:var(--soft); font-weight:600; font-size:.72rem;
  text-transform:uppercase; letter-spacing:.16em; margin-bottom:1.1rem;
}
body.rd--calm .article__tag:hover { color:var(--accent); }
body.rd--calm .article__title {
  color:var(--ink); font-weight:600;
  font-size:clamp(2.2rem,4.5vw,3.6rem); line-height:1.12;
  letter-spacing:0; margin:0 auto 1.1rem;
}
body.rd--calm .page-meta { color:var(--soft); font-size:.85rem; margin:0; }
body.rd--calm .page-meta a { color:var(--soft); text-decoration:underline; text-underline-offset:2px; }
body.rd--calm .page-meta a:hover { color:var(--accent); }
body.rd--calm .article__meta {
  display:flex; gap:1rem; justify-content:center; align-items:center;
  color:var(--soft); font-size:.82rem; margin-top:.5rem;
}
body.rd--calm .article__read-time { color:var(--soft); }

/* лендинг hero внутри статьи (article__hero-subtitle/cta/note) */
body.rd--calm .article__hero-subtitle {
  max-width:680px; margin:1.5rem auto 0; text-align:center;
  font-size:clamp(1.12rem,2vw,1.25rem); line-height:1.55; color:var(--soft); font-weight:400;
}
body.rd--calm .article__hero-cta { text-align:center; margin:1.8rem auto clamp(2rem,5vw,3.2rem); }
body.rd--calm .article__hero-note { margin-top:.9rem; color:var(--soft); font-size:.85rem; }

/* ===== ТЕЛО СТАТЬИ ====================================================== */
body.rd--calm .article__body p,
body.rd--calm .article__body li { color:var(--text); font-size:1.05rem; line-height:1.75; font-weight:400; }
body.rd--calm .article__body p { margin:0 0 1.3rem; text-align:left; }
body.rd--calm .article__lead {
  color:var(--soft); font-weight:400;
  font-size:clamp(1.18rem,2.2vw,1.28rem); line-height:1.6; margin:0 0 clamp(1.6rem,4vw,2.6rem);
}
/* внутри-текстовые ссылки — НЕ красить кнопки (анти-баг) */
body.rd--calm .article__body a:not(.btn) {
  color:var(--accent-deep); text-decoration:underline;
  text-underline-offset:2px; text-decoration-thickness:1px; transition:color .2s ease;
}
body.rd--calm .article__body a:not(.btn):hover { color:var(--ink); }

body.rd--calm .article__body section { margin-block:clamp(2.6rem,6vw,4rem); }
body.rd--calm .article__body h2 {
  color:var(--ink); font-weight:600;
  font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.18; letter-spacing:0;
  margin:0 0 1rem; padding-top:1.2rem; border-top:1px solid var(--hair);
}
body.rd--calm .article__body h3 {
  color:var(--ink); font-weight:600; font-size:1.25rem; line-height:1.3; margin:2rem 0 .7rem;
}
body.rd--calm .article__body ol,
body.rd--calm .article__body ul { margin:1.2rem 0; padding-left:1.3rem; }
body.rd--calm .article__body li { margin-bottom:.7rem; padding-left:.2rem; }
body.rd--calm .article__body li::marker { color:var(--accent); }
body.rd--calm .article__body strong { color:var(--ink); font-weight:600; }

/* ===== TLDR / TOC ======================================================= */
body.rd--calm .article__tldr {
  background:var(--soft-bg); border:0; border-radius:10px;
  padding:clamp(1.4rem,3vw,2rem); margin:2.4rem 0;
}
body.rd--calm .article__tldr-label {
  color:var(--accent); font-weight:600; font-size:.72rem;
  text-transform:uppercase; letter-spacing:.16em; margin:0 0 .6rem !important;
}
body.rd--calm .article__tldr p:last-child { margin:0 !important; color:var(--text); font-size:1rem; line-height:1.7; }
body.rd--calm .article__toc {
  background:var(--bg); border:1px solid var(--hair); border-radius:10px;
  padding:clamp(1.4rem,3vw,1.9rem) clamp(1.5rem,3.5vw,2.2rem); margin:2.4rem 0;
}
body.rd--calm .article__toc-title {
  color:var(--soft); font-weight:600; font-size:.72rem;
  text-transform:uppercase; letter-spacing:.16em; margin:0 0 1rem;
}
body.rd--calm .article__toc-list { margin:0; padding:0; list-style:none; counter-reset:toc; }
body.rd--calm .article__toc-list li {
  display:flex; align-items:center; gap:.85rem;
  counter-increment:toc; padding:.62rem 0; border-bottom:1px solid var(--hair);
}
body.rd--calm .article__toc-list li:last-child { border-bottom:0; }
body.rd--calm .article__toc-list li::before {
  content:counter(toc); flex:0 0 1.15rem;
  color:var(--accent); font-weight:600; font-size:.82rem; line-height:1.4;
}
body.rd--calm .article__body .article__toc-list a {
  min-width:0; color:var(--text); text-decoration:none; font-size:.98rem;
  line-height:1.45; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
body.rd--calm .article__body .article__toc-list a:hover { color:var(--accent); }

/* ===== ДИСЦИПЛИНА КАРТИНОК (ключевой фикс) ============================= */
body.rd--calm figure img,
body.rd--calm .article__figure img {
  display:block; margin-inline:auto;
  width:auto; height:auto;
  max-width:min(720px,100%); max-height:520px;
  object-fit:contain; border-radius:6px;
}
body.rd--calm .article__figure { text-align:center; margin:clamp(2rem,4vw,3.2rem) auto; max-width:720px; }
body.rd--calm .visual-gallery .article__figure {
  margin:0;
  max-width:none;
}
body.rd--calm .visual-gallery .article__figure img {
  width:100%;
  height:clamp(280px,34vw,460px);
  max-width:none;
  max-height:none;
  object-fit:cover;
}
body.rd--calm .visual-gallery .article__figure:not(.article__figure--selfie) img {
  height:clamp(240px,28vw,380px);
}
body.rd--calm figcaption,
body.rd--calm .article__figure figcaption {
  color:var(--soft); font-size:.85rem; line-height:1.5; text-align:center;
  margin-top:.85rem; max-width:600px; margin-inline:auto;
}
/* пары 2-в-ряд — равные карточки */
body.rd--calm .rd-duo {
  display:grid; grid-template-columns:1fr 1fr; gap:1rem; max-width:840px; margin:clamp(2rem,4vw,2.8rem) auto;
}
body.rd--calm .rd-duo figure { margin:0; max-width:none; }
body.rd--calm .rd-duo img { width:100%; height:340px; max-width:100%; max-height:340px; object-fit:cover; border-radius:6px; }
body.rd--calm .rd-duo figcaption { margin-top:.7rem; }

/* ===== CTA БОТА — тихие «заметки издания» ============================== */
body.rd--calm .article__cta {
  max-width:min(var(--col),100%); margin:clamp(2.4rem,5vw,3.6rem) auto;
  background:var(--soft-bg); border:none; border-radius:8px;
  padding:clamp(1.8rem,4vw,2.6rem); text-align:center; box-shadow:none;
}
body.rd--calm .article__cta h2 {
  border:none; padding:0; margin:0 0 .7rem; font-weight:600;
  font-size:clamp(1.4rem,2.4vw,1.8rem); line-height:1.2; color:var(--ink);
}
body.rd--calm .article__cta p { margin:0 auto 1.4rem; max-width:480px; color:var(--soft); font-size:1rem; line-height:1.65; }
body.rd--calm .cta-banner {
  display:grid; grid-template-columns:minmax(0,1fr) max-content; gap:16px 24px; align-items:center;
  max-width:min(var(--col),100%); margin:32px auto; padding:20px 24px;
  background:var(--soft-bg); border:1px solid var(--hair); border-left:3px solid var(--accent);
  border-radius:10px; box-shadow:none;
}
body.rd--calm .cta-banner__text { min-width:0; }
body.rd--calm .cta-banner__title {
  margin:0; color:var(--ink); font-weight:600; font-size:1.05rem; line-height:1.35;
}
body.rd--calm .cta-banner__sub {
  margin:6px 0 0; color:var(--soft); font-size:.95rem; line-height:1.55;
}
body.rd--calm .cta-banner .btn {
  justify-self:end; min-width:clamp(180px,24vw,240px); max-width:100%;
  padding-inline:1.35rem; white-space:normal; text-align:center;
  color:#fff; line-height:1.15; overflow-wrap:break-word; word-break:normal;
}
body.rd--calm .cta-banner .btn:hover,
body.rd--calm .cta-banner .btn:focus-visible {
  color:#fff; text-decoration:none;
}
body.rd--calm .article__quick-cta,
body.rd--calm .article__hero-cta.article__quick-cta {
  background:var(--soft-bg); border:none; border-radius:8px;
}
body.rd--calm .article__prompt {
  background:#fff; border:1px solid var(--hair); border-radius:8px;
  color:var(--soft); font-size:.95rem; line-height:1.6; padding:1.1rem 1.3rem;
}
/* пример промпта (sravnenie) */
body.rd--calm .article__code {
  background:var(--soft-bg); border:1px solid var(--hair); border-radius:8px;
  color:var(--text); padding:1rem 1.1rem;
}

/* ===== ТАБЛИЦЫ ========================================================= */
body.rd--calm .article__table-wrap { margin:clamp(1.6rem,4vw,2.4rem) auto; max-width:min(var(--col),100%); overflow-x:auto; }
body.rd--calm .article__table { width:100%; border-collapse:collapse; font-size:.95rem; }
body.rd--calm .article__table th {
  text-align:left; font-weight:600; color:var(--ink); padding:.8rem 1rem;
  border-bottom:2px solid var(--ink); text-transform:uppercase; letter-spacing:.06em; font-size:.78rem;
}
body.rd--calm .article__table td { padding:.8rem 1rem; border-bottom:1px solid var(--hair); color:var(--text); }
body.rd--calm .article__table tbody th[scope="row"] { color:var(--ink); font-weight:600; }
/* широкие сравнительные таблицы на десктопе — выходят за 700px-колонку, центрируются */
@media (min-width:1024px) {
  body.rd--calm .article__body .article__table-wrap {
    width:min(880px, 86vw); max-width:none;
    margin-left:50%; transform:translateX(-50%);
  }
}

/* ===== FAQ ============================================================== */
body.rd--calm .faq__list { max-width:min(var(--col),100%); margin:1.2rem auto 0; border-top:1px solid var(--hair); }
body.rd--calm .faq__item { border-bottom:1px solid var(--hair); background:transparent; border-radius:0; margin:0; padding:0; }
body.rd--calm .faq__question { padding:1.2rem 2.2rem 1.2rem 0; position:relative; cursor:pointer; list-style:none; }
body.rd--calm .faq__question::-webkit-details-marker { display:none; }
body.rd--calm .faq__question h3 { display:inline; font-weight:600; font-size:1.08rem; color:var(--ink); margin:0; }
body.rd--calm .faq__question::after {
  content:"+"; position:absolute; right:.2rem; top:1.05rem;
  font-size:1.4rem; font-weight:400; color:var(--accent); transition:transform .2s ease;
}
body.rd--calm .faq__item[open] .faq__question::after { content:"\2212"; }
body.rd--calm .faq__answer { padding:0 0 1.3rem; margin:0; color:var(--text); font-size:1rem; line-height:1.7; }
body.rd--calm .faq__answer a:not(.btn) { color:var(--accent); text-decoration:underline; text-underline-offset:3px; }

/* ===== RELATED — держим ОБА варианта (grid-карточки + ul-список) ======= */
body.rd--calm .article__related {
  max-width:min(860px,100%); margin:clamp(2.6rem,6vw,4rem) auto 0;
  padding-top:clamp(1.6rem,4vw,2.4rem); border-top:1px solid var(--hair);
}
body.rd--calm .article__related-title,
body.rd--calm .article__related h2 {
  border:none; padding:0; font-weight:600; font-size:clamp(1.3rem,2.2vw,1.7rem);
  margin:0 0 1.3rem; color:var(--ink); text-align:center;
}
/* вариант ul-список */
body.rd--calm .article__related ul { list-style:none; padding:0; margin:0; display:grid; gap:.2rem; }
body.rd--calm .article__related li { border-bottom:1px solid var(--hair); }
body.rd--calm .article__related ul a {
  display:block; padding:.85rem 0; color:var(--ink); font-weight:500;
  text-decoration:none; transition:color .2s ease, padding-left .2s ease;
}
body.rd--calm .article__related ul a:hover { color:var(--accent-deep); padding-left:.4rem; }
/* вариант grid-карточки (related-grid + related-card) */
body.rd--calm .article__related-grid {
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.15rem;
}
body.rd--calm .article__body .article__related .related-card {
  display:flex; flex-direction:column; gap:.65rem; min-height:126px;
  background:var(--bg); color:var(--ink); border:1px solid var(--hair); border-radius:8px;
  padding:1.35rem 1.45rem; text-decoration:none;
  transition:border-color .2s ease, background .2s ease, transform .18s ease;
}
body.rd--calm .article__body .article__related .related-card:hover {
  border-color:var(--accent); background:var(--soft-bg); transform:translateY(-1px);
}
body.rd--calm .related-card__cat {
  display:block; color:var(--soft); font-weight:600; font-size:.68rem;
  text-transform:uppercase; letter-spacing:.14em; margin:0;
}
body.rd--calm .related-card__title {
  display:block; color:var(--ink); font-weight:600; font-size:1.02rem;
  line-height:1.35; text-decoration:none;
}

/* ===== DEFINITION ====================================================== */
body.rd--calm .definition {
  max-width:min(var(--col),100%); margin:clamp(2rem,5vw,3.4rem) auto;
  background:var(--soft-bg); border:none; border-radius:10px; padding:clamp(1.6rem,3vw,2.4rem);
}
body.rd--calm .definition h2 { font-weight:600; font-size:clamp(1.3rem,2.4vw,1.7rem); line-height:1.2; margin:0 0 .9rem; color:var(--ink); }
body.rd--calm .definition p { margin:0; color:var(--text); font-size:1rem; line-height:1.75; }

/* ===== ОБЩИЕ ЗАГОЛОВКИ СЕКЦИЙ ========================================== */
body.rd--calm .section-title { color:var(--ink); }
body.rd--calm .section-title h2 { color:var(--ink); font-weight:600; }

/* ===== Контентные ссылки вне .article__body (подписи, лендинг-тексты) === */
/* глобально это синий/индиго; делаем тёплым акцентом, кнопки не трогаем */
body.rd--calm figcaption a:not(.btn),
body.rd--calm .lp-section__text a:not(.btn),
body.rd--calm .lp-intro__text a:not(.btn),
body.rd--calm .lp-formats__card a:not(.btn),
body.rd--calm .lp-cta-block a:not(.btn),
body.rd--calm .video-review__points a:not(.btn),
body.rd--calm .hero__next-step a:not(.btn),
body.rd--calm .pricing a:not(.btn):not(.pricing__cta):not(.pricing__badge) {
  color:var(--accent-deep);
  text-decoration:underline;
  text-underline-offset:2px;
}
body.rd--calm figcaption a:not(.btn):hover,
body.rd--calm .lp-section__text a:not(.btn):hover { color:var(--ink); }

/* ===== ЛЕНДИНГ lp-* ==================================================== */
body.rd--calm .lp-hero__title {
  color:var(--ink); font-weight:600; font-size:clamp(2.2rem,4.5vw,3.6rem);
  line-height:1.12; letter-spacing:0; text-align:center;
}
body.rd--calm .lp-hero__subtitle {
  color:var(--soft); font-weight:400; font-size:clamp(1.18rem,2.2vw,1.28rem);
  line-height:1.55; text-align:center; max-width:640px; margin-inline:auto;
}
body.rd--calm .article__container > .lp-hero__subtitle + .btn--accent,
body.rd--calm .article__container > .article__header + .btn--accent {
  display:flex; width:max-content; max-width:100%; margin-inline:auto;
}
body.rd--calm .article__container > .article__header + .btn--accent { margin-top:1.8rem; }
body.rd--calm .lp-hero__note { color:var(--soft); text-align:center; font-size:.9rem; }
body.rd--calm .lp-intro { background:var(--bg); }
body.rd--calm .lp-intro__title,
body.rd--calm .section-title h2,
body.rd--calm .lp-section__title {
  color:var(--ink); font-weight:600; font-size:clamp(1.6rem,2.8vw,2.2rem); text-align:center;
}
body.rd--calm .lp-intro__text,
body.rd--calm .lp-section__text { color:var(--text); line-height:1.75; }
body.rd--calm .lp-section__text strong { color:var(--ink); }
body.rd--calm .lp-section__text li::marker { color:var(--accent); }
body.rd--calm .lp-audience { background:var(--soft-bg); }
body.rd--calm .lp-audience__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
body.rd--calm .lp-audience__card { background:var(--bg); border:1px solid var(--hair); border-radius:10px; padding:1.6rem; box-shadow:none; }
body.rd--calm .card-icon { color:var(--accent); }
body.rd--calm .lp-compare { background:var(--bg); }
body.rd--calm .lp-compare__table { width:100%; border-collapse:collapse; }
body.rd--calm .lp-compare__table th,
body.rd--calm .lp-compare__table td { padding:.85rem 1rem; border-bottom:1px solid var(--hair); text-align:left; }
body.rd--calm .lp-compare__table thead th { color:var(--soft); text-transform:uppercase; font-size:.72rem; letter-spacing:.1em; border-bottom:2px solid var(--ink); }
body.rd--calm .lp-compare__note { color:var(--soft); font-size:.9rem; text-align:center; }

/* how-it-works — глобально ТЁМНАЯ секция (белый текст) → делаем светлой,
   обязательно перекрашиваем заголовки/текст (иначе они невидимы) */
body.rd--calm .how-it-works { background:var(--soft-bg); color:var(--text); }
body.rd--calm .how-it-works .section-title,
body.rd--calm .how-it-works .section-title h2,
body.rd--calm .how-it-works__step h3 { color:var(--ink); }
body.rd--calm .how-it-works__step p { color:var(--soft); }
body.rd--calm .how-it-works__steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
body.rd--calm .how-it-works__step { background:var(--bg); border:1px solid var(--hair); border-radius:10px; padding:1.6rem; min-width:0; }
body.rd--calm .how-it-works__icon { color:var(--accent); }
body.rd--calm .step-glyph { stroke:var(--accent); opacity:.6; }

/* lp-formats / lp-cta-block / lp-related */
body.rd--calm .lp-formats__grid { display:grid; gap:1rem; }
body.rd--calm .lp-formats__card { background:var(--bg); border:1px solid var(--hair); border-radius:10px; padding:1.6rem; }
body.rd--calm .lp-formats__card h3 { color:var(--ink); font-weight:600; }
body.rd--calm .lp-formats__card p { color:var(--text); }
body.rd--calm .lp-formats__card .lp-formats__examples { color:var(--soft); }
body.rd--calm .lp-cta-block {
  background:var(--soft-bg); border-radius:14px; text-align:center;
  padding:clamp(2.4rem,5vw,3.6rem) clamp(1.5rem,4vw,2.5rem);
}
body.rd--calm .lp-cta-block__title { color:var(--ink); font-weight:600; }
body.rd--calm .lp-cta-block__text { color:var(--soft); }
body.rd--calm .lp-cta-block__note { color:var(--soft); font-size:.85rem; }
body.rd--calm .lp-related__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
body.rd--calm .lp-related__card { background:var(--bg); border:1px solid var(--hair); border-radius:10px; padding:1.4rem; box-shadow:none; transition:border-color .2s ease; }
body.rd--calm .lp-related__card:hover,
body.rd--calm .lp-related__card:focus-visible { border-color:var(--accent); }
body.rd--calm .lp-related__card h3 { color:var(--ink); font-weight:600; }
body.rd--calm .lp-related__card p { color:var(--soft); }

/* ===== ГЛАВНАЯ: HERO =================================================== */
body.rd--calm .hero { background:var(--bg); }
body.rd--calm .hero__title { color:var(--ink); font-weight:600; letter-spacing:0; }
body.rd--calm .hero__subtitle { color:var(--soft); font-weight:400; }
body.rd--calm .hero__outcome li { background:var(--soft-bg); color:var(--soft); border-radius:8px; }
body.rd--calm .hero__outcome strong { color:var(--ink); }
body.rd--calm .hero__note,
body.rd--calm .hero__privacy,
body.rd--calm .hero__next-step { color:var(--soft); }
body.rd--calm .hero__proof li { background:var(--bg); border:1px solid var(--hair); box-shadow:none; color:var(--soft); border-radius:8px; }
/* «Посмотреть примеры» (последний элемент) — без чип-рамки и фона, чтобы читалась как ссылка, а не кнопка */
body.rd--calm .hero__proof li:last-child { background:transparent; border:0; }
body.rd--calm .hero__proof li:last-child a { text-decoration:underline; }
body.rd--calm .hero__proof strong { color:var(--ink); }
body.rd--calm .hero__proof a { color:var(--accent-deep); font-weight:600; }
body.rd--calm .hero__proof a:hover { color:var(--ink); }

/* phone-mock (чат-мокап) */
body.rd--calm .phone-mock { background:#fff; border:1px solid var(--hair); border-radius:18px; box-shadow:0 18px 50px rgba(28,26,24,.10); }
body.rd--calm .phone-mock__header { border-bottom:1px solid var(--hair); }
body.rd--calm .phone-mock__avatar { background:var(--accent); color:#fff; }
body.rd--calm .phone-mock__info strong { color:var(--ink); }
body.rd--calm .phone-mock__msg--bot { background:var(--soft-bg); color:var(--text); border-radius:14px; }
body.rd--calm .phone-mock__msg--user { background:var(--hair); }

/* video-review */
body.rd--calm .video-review { background:var(--soft-bg); }
body.rd--calm .video-review__subtitle { color:var(--soft); }
body.rd--calm .video-review__player { border-radius:14px; box-shadow:0 16px 44px rgba(28,26,24,.14); }
body.rd--calm .video-review__video { border-radius:14px; }
body.rd--calm .video-review__points li { color:var(--text); }
body.rd--calm .video-review__points li::before { color:var(--accent); }
body.rd--calm .video-review__transcript-body { color:var(--soft); }

/* problems */
body.rd--calm .problems { background:var(--bg); }
body.rd--calm .problems__card { background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .problems__card:hover { border-color:var(--accent); box-shadow:none; }
body.rd--calm .problems__card-title { color:var(--ink); font-weight:600; }
body.rd--calm .problems__card p { color:var(--soft); }
body.rd--calm .problems__solution { color:var(--ink); font-weight:600; }

/* features */
body.rd--calm .features { background:var(--soft-bg); }
body.rd--calm .features__card { background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .features__card:hover { box-shadow:none; border-color:var(--accent); }
body.rd--calm .features__card h3 { color:var(--ink); font-weight:600; }
body.rd--calm .features__card p { color:var(--soft); }

/* examples */
body.rd--calm .examples { background:var(--bg); }
body.rd--calm .examples__card { background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .examples__card:hover { border-color:var(--accent); box-shadow:none; }
body.rd--calm .examples__score { background:var(--accent); color:#fff; border-radius:50px; }
body.rd--calm .examples__tag { color:var(--soft); border:1px solid var(--hair); }
body.rd--calm .examples__text p { color:var(--soft); }
body.rd--calm .examples__note { color:var(--soft); }

/* why-lookbot */
body.rd--calm .why-lookbot { background:var(--bg); }
body.rd--calm .why-lookbot__card { background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .why-lookbot__card:hover { border-color:var(--accent); box-shadow:none; }
body.rd--calm .why-lookbot__card h3 { color:var(--ink); font-weight:600; }
body.rd--calm .why-lookbot__card p { color:var(--soft); }

/* use-cases */
body.rd--calm .use-cases { background:var(--soft-bg); }
body.rd--calm .use-cases__item { background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .use-cases__item:hover { border-color:var(--accent); box-shadow:none; transform:translateY(-1px); }
body.rd--calm .use-cases__item span { color:var(--ink); }
body.rd--calm .use-cases__item small { color:var(--soft); }

/* section-cta (инлайн-строки) */
body.rd--calm .section-cta__note { color:var(--soft); }

/* ===== ГЛАВНАЯ: PRICING =============================================== */
body.rd--calm .pricing { background:var(--soft-bg); }
body.rd--calm .pricing__content { background:var(--bg); border:1px solid var(--hair); border-radius:16px; }
/* верхний блок «главный тариф» — спокойный светлый (был тёмный) */
body.rd--calm .pricing__highlight { background:var(--bg); color:var(--ink); border-bottom:1px solid var(--hair); }
body.rd--calm .pricing__highlight h3 { color:var(--ink); font-weight:600; }
body.rd--calm .pricing__highlight p { color:var(--soft); }
body.rd--calm .pricing__details { background:var(--bg); }
body.rd--calm .pricing__quick { background:var(--hair); border:1px solid var(--hair); }
body.rd--calm .pricing__quick-item { background:var(--soft-bg); }
body.rd--calm .pricing__quick-item strong { color:var(--ink); }
body.rd--calm .pricing__quick-item span { color:var(--soft); }
body.rd--calm .pricing__plans { border:1px solid var(--hair); border-radius:12px; }
body.rd--calm .pricing__plan { background:var(--bg); border-bottom:1px solid var(--hair); }
body.rd--calm .pricing__plan h3 { color:var(--ink); }
body.rd--calm .pricing__plan p { color:var(--soft); }
/* рекомендованный план — тёплый акцент-тинт + полоса слева */
body.rd--calm .pricing__plan--recommended { background:rgba(169,116,91,.07); box-shadow:inset 3px 0 0 var(--accent); }
/* бейдж «для регулярных разборов» — глобально синий → тёплый акцент */
body.rd--calm .pricing__badge { background:var(--accent); color:#fff; }
body.rd--calm .pricing__price { color:var(--ink); }
body.rd--calm .pricing__price span { color:var(--soft); }
body.rd--calm .pricing__list li { color:var(--text); border-bottom:1px solid var(--hair); }
body.rd--calm .pricing__list li strong { color:var(--ink); }
body.rd--calm .pricing__more { border-top:1px solid var(--hair); }
body.rd--calm .pricing__more summary { color:var(--accent-deep); font-weight:600; }
body.rd--calm .pricing__note,
body.rd--calm .pricing__cta-note { color:var(--soft); }

/* ===== TESTIMONIALS (главная + otzyvy) ================================ */
body.rd--calm .testimonials { background:var(--soft-bg); }
body.rd--calm .testimonial {
  background:var(--bg); border:1px solid var(--hair); border-radius:12px; box-shadow:none;
}
body.rd--calm .testimonial__rating { color:var(--accent); }
body.rd--calm .testimonial__quote { color:var(--text); }
body.rd--calm .testimonial__quote::before,
body.rd--calm .testimonial__quote::after { color:var(--hair); }
body.rd--calm .testimonial__avatar { background:var(--soft-bg); color:var(--accent); }
body.rd--calm .testimonial__name { color:var(--ink); }
body.rd--calm .testimonial__date { color:var(--soft); }
body.rd--calm .testimonial__tag { background:var(--soft-bg); color:var(--soft); border-radius:8px; }
body.rd--calm .testimonials__more a { color:var(--accent-deep); font-weight:600; }
body.rd--calm .testimonials__more a:hover { color:var(--ink); }

/* otzyvy-stats (otzyvy + about) */
body.rd--calm .otzyvy-stats__num { color:var(--ink); font-weight:600; }
body.rd--calm .otzyvy-stats__label { color:var(--soft); }

/* ===== FINAL CTA — глобально ТЁМНАЯ; делаем мягким светлым блоком ====== */
body.rd--calm .final-cta {
  background:var(--soft-bg); color:var(--text);
  border-top:1px solid var(--hair); border-bottom:1px solid var(--hair);
  min-height:0;
}
body.rd--calm .final-cta__inner { max-width:700px; margin-inline:auto; }
body.rd--calm .final-cta__title { color:var(--ink); font-weight:600; letter-spacing:0; }
body.rd--calm .final-cta__subtitle { color:var(--soft); }
body.rd--calm .final-cta__note { color:var(--soft); }
/* кнопка: глобально белая (для тёмного фона) → делаем тёмной (видимой на светлом) */
body.rd--calm .final-cta .btn--accent,
body.rd--calm .final-cta__btn {
  background:var(--ink); color:#fff; border-color:var(--ink); box-shadow:none;
}
body.rd--calm .final-cta .btn--accent:hover,
body.rd--calm .final-cta__btn:hover { background:var(--accent); border-color:var(--accent); color:#fff; box-shadow:none; }

/* final-cta--spread (двухколоночный, фото слева) */
body.rd--calm .final-cta__kicker { color:var(--accent); }
body.rd--calm .final-cta__media { box-shadow:0 18px 44px rgba(28,26,24,.18); border-radius:14px; }
body.rd--calm .final-cta__media::after { background:linear-gradient(135deg, rgba(28,26,24,0) 50%, rgba(28,26,24,.28) 100%); }
body.rd--calm .final-cta__badge { background:rgba(28,26,24,.6); border:1px solid rgba(255,255,255,.18); color:#fff; }
body.rd--calm .final-cta__proof { color:var(--soft); }
body.rd--calm .final-cta__stars { color:var(--accent); }
body.rd--calm .final-cta--spread .final-cta__inner {
  max-width:min(1120px, calc(100% - 48px));
  width:100%;
  grid-template-columns:minmax(360px, .95fr) minmax(360px, 1.05fr);
  gap:clamp(40px,5vw,72px);
}
body.rd--calm .final-cta--spread .final-cta__title {
  font-size:clamp(2.4rem,4.4vw,4.25rem);
  line-height:1.05;
}
body.rd--calm .final-cta--spread .final-cta__subtitle {
  max-width:34rem;
}
body.rd--calm .final-cta__media img {
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:cover;
  border-radius:inherit;
}

/* ===== БЛОГ-ХАБ ======================================================= */
body.rd--calm .blog-listing__title { color:var(--ink); font-weight:600; }
body.rd--calm .blog-listing__title,
body.rd--calm .blog-listing__subtitle { text-align:center; }
body.rd--calm .blog-listing__subtitle { color:var(--soft); margin-inline:auto; }
body.rd--calm .blog-listing__cta {
  flex-direction:column; justify-content:center; align-items:center; text-align:center;
}
body.rd--calm .blog-topics { justify-content:center; }
body.rd--calm .blog-listing__cta-note { color:var(--soft); }
body.rd--calm .blog-topics a { background:var(--bg); border:1px solid var(--hair); color:var(--soft); box-shadow:none; border-radius:8px; font-weight:500; }
body.rd--calm .blog-topics a:hover { color:var(--accent); border-color:var(--accent); }
body.rd--calm .blog-card { border:1px solid var(--hair); border-radius:12px; box-shadow:none; }
body.rd--calm .blog-card:hover { border-color:var(--accent); box-shadow:none; transform:translateY(-1px); }
body.rd--calm .blog-card:focus-within { border-color:var(--accent); box-shadow:0 0 0 3px rgba(169,116,91,.25); }
/* обложки категорий — единая спокойная палитра вместо пёстрых градиентов */
body.rd--calm [class*="blog-card__image"] { background:linear-gradient(160deg, #f3f1ee, #e6e0d8) !important; }
body.rd--calm .blog-card__image svg { opacity:.18; }
body.rd--calm .blog-card__tag { color:var(--soft); border:1px solid var(--hair); }
body.rd--calm .blog-card__title { color:var(--ink); font-weight:600; }
body.rd--calm .blog-card__excerpt { color:var(--soft); }
body.rd--calm .blog-card__meta { color:var(--soft); }
body.rd--calm .blog-directory__title { color:var(--ink); font-weight:600; }
body.rd--calm .blog-directory__group h3 { color:var(--ink); font-weight:600; }
body.rd--calm .blog-directory__group a { color:var(--accent-deep); }
body.rd--calm .blog-directory__group a:hover { color:var(--ink); }
body.rd--calm .blog-cta { background:var(--soft-bg); }
body.rd--calm .blog-cta__title { color:var(--ink); font-weight:600; }
body.rd--calm .blog-cta__text { color:var(--soft); }

/* ===== ABOUT ========================================================== */
body.rd--calm .about-section__title { color:var(--ink); font-weight:600; }
body.rd--calm .about-section__text { color:var(--soft); }
body.rd--calm .about-section__text strong { color:var(--ink); }
body.rd--calm .about-section__text a { color:var(--accent-deep); }
body.rd--calm .about-section__text li::marker { color:var(--accent); }
body.rd--calm .founders .founder { background:var(--soft-bg); border:1px solid var(--hair); border-radius:14px; }
body.rd--calm .founders .founder__photo { background:var(--hair); border-radius:12px; }
body.rd--calm .founder__name { color:var(--ink); font-weight:600; }
body.rd--calm .founder__role { color:var(--accent-deep); }
body.rd--calm .founder__text { color:var(--soft); }
body.rd--calm .about-contacts { color:var(--soft); }
body.rd--calm .about-contacts a { color:var(--accent-deep); }
body.rd--calm .about-contacts__legal { border-top:1px solid var(--hair); }
body.rd--calm .about-cta__title { color:var(--ink); font-weight:600; }
body.rd--calm .about-cta__subtitle { color:var(--soft); }

/* ===== CONTACTS ======================================================= */
body.rd--calm .contacts-hero__title { color:var(--ink); font-weight:600; }
body.rd--calm .contacts-hero__subtitle { color:var(--soft); }
body.rd--calm .contacts-card { background:var(--soft-bg); border:1px solid var(--hair); border-radius:14px; }
body.rd--calm .contacts-card__title { color:var(--ink); font-weight:600; }
body.rd--calm .contacts-card__text { color:var(--soft); }
body.rd--calm .contacts-card__email { color:var(--ink); border-bottom:1px solid var(--ink); }
body.rd--calm .contacts-faq__title { color:var(--ink); font-weight:600; }

/* ===== RATING (luchshie) ============================================== */
body.rd--calm .rating-item { background:var(--bg); border:1px solid var(--hair); border-radius:12px; }
body.rd--calm .rating-item__rank { background:var(--ink); color:#fff; border-radius:6px; }
body.rd--calm .rating-item h3 { color:var(--ink); }
body.rd--calm .rating-item__meta { color:var(--soft); }
body.rd--calm .rating-item__grid h4 { color:var(--ink); }
body.rd--calm .rating-item__grid li::marker { color:var(--accent); }
body.rd--calm .rating-item__verdict { border-top:1px dashed var(--hair); color:var(--text); }

/* ===== TEXT-PAGE (privacy/terms) — нет article__body, стилизуем отдельно */
body.rd--calm .text-page__title { color:var(--ink); font-weight:600; overflow-wrap:break-word; hyphens:auto; }
body.rd--calm .text-page__updated { color:var(--soft); }
body.rd--calm .text-page p,
body.rd--calm .text-page li { color:var(--text); }
body.rd--calm .text-page h2 { color:var(--ink); font-weight:600; }
body.rd--calm .text-page h3 { color:var(--ink); font-weight:600; }
body.rd--calm .text-page li::marker { color:var(--accent); }
body.rd--calm .text-page a:not(.btn) { color:var(--accent-deep); text-decoration:underline; text-decoration-color:var(--hair); text-underline-offset:2px; }
body.rd--calm .text-page a:not(.btn):hover { text-decoration-color:var(--accent); }
body.rd--calm .text-page strong { color:var(--ink); }

/* ===== 404 ============================================================ */
body.rd--calm .error-page__code { color:var(--ink); }
body.rd--calm .error-page__title { color:var(--ink); font-weight:600; }
body.rd--calm .error-page__text { color:var(--soft); }
body.rd--calm .error-page__links { color:var(--soft); }
body.rd--calm .error-page__links a { color:var(--accent-deep); }

/* ===== STICKY CTA-BAR + BACK-TO-TOP + COOKIE ========================== */
body.rd--calm .cta-bar {
  background:rgba(255,255,255,.96);
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
  border-top:1px solid var(--hair); box-shadow:0 -4px 24px rgba(28,26,24,.06);
}
body.rd--calm .cta-bar .btn,
body.rd--calm .cta-bar .btn--accent { background:var(--ink); border-color:var(--ink); color:#fff; border-radius:6px; }
body.rd--calm .cta-bar .btn:hover { background:var(--accent); border-color:var(--accent); }
body.rd--calm .back-to-top { background:var(--ink); color:#fff; border:none; }
body.rd--calm .cookie-banner__btn,
body.rd--calm .cookie-banner .btn--primary { background:var(--ink); color:#fff; border:1px solid var(--ink); border-radius:6px; }
body.rd--calm .cookie-banner__btn:hover { background:var(--accent); border-color:var(--accent); }
body.rd--calm .cookie-banner a { color:var(--accent-deep); }

/* ===== FOOTER — глобально ТЁМНЫЙ; делаем светлым ====================== */
body.rd--calm .footer {
  background:var(--soft-bg); color:var(--soft);
  border-top:1px solid var(--hair);
}
body.rd--calm .footer__logo { color:var(--ink); font-weight:600; }
body.rd--calm .footer__tagline { color:var(--soft); }
/* footer CTA — глобально голубая пилюля (rgba action) → спокойный outline-пилл */
body.rd--calm .footer__cta {
  background:#fff; color:var(--ink);
  border:1px solid var(--hair); border-radius:6px;
  font-weight:600; text-decoration:none; box-shadow:none;
}
body.rd--calm .footer__cta:hover { background:var(--ink); color:#fff; border-color:var(--ink); }
body.rd--calm .footer__heading { color:var(--ink); font-weight:600; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }
body.rd--calm .footer__link { color:var(--soft); transition:color .2s ease; }
body.rd--calm .footer__link:hover { color:var(--ink); }
body.rd--calm .footer__bottom,
body.rd--calm .footer__legal { border-top:1px solid var(--hair); color:var(--soft); }
body.rd--calm .footer__copy,
body.rd--calm .footer__legal p { color:var(--soft); }
body.rd--calm .footer__bottom-link,
body.rd--calm .footer__legal a { color:var(--accent-deep); }
body.rd--calm .footer__bottom-link:hover,
body.rd--calm .footer__legal a:hover { color:var(--ink); }

/* ===== ПЛАНШЕТ ≤900 ==================================================== */
@media (max-width:900px) {
  body.rd--calm .article__related-grid,
  body.rd--calm .lp-audience__grid,
  body.rd--calm .lp-related__grid,
  body.rd--calm .how-it-works__steps { grid-template-columns:repeat(2,1fr); }
}

/* ===== ПЛАНШЕТ/МОБАЙЛ ≤768 ============================================ */
@media (max-width:768px) {
  body.rd--calm .article__container { max-width:100%; }
  body.rd--calm .rd-duo { grid-template-columns:1fr; gap:1.4rem; }
  body.rd--calm .rd-duo img { height:auto; max-height:440px; object-fit:contain; }
  body.rd--calm .how-it-works__step:not(:last-child)::after { display:none; }
  body.rd--calm .definition,
  body.rd--calm .article__cta { padding:1.5rem; }
  body.rd--calm figure img,
  body.rd--calm .article__figure img { max-height:440px; }
  body.rd--calm .article__related-grid,
  body.rd--calm .lp-audience__grid,
  body.rd--calm .lp-related__grid,
  body.rd--calm .how-it-works__steps { grid-template-columns:1fr; }
  body.rd--calm .visual-gallery .article__figure img {
    width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
  }
  body.rd--calm .final-cta--spread .final-cta__inner {
    max-width:min(560px, calc(100% - 32px));
    grid-template-columns:1fr;
  }
}

@media (max-width:640px) {
  body.rd--calm .cta-banner { grid-template-columns:1fr; align-items:stretch; gap:14px; }
  body.rd--calm .cta-banner .btn {
    justify-self:stretch; width:100%; min-width:0; min-height:44px; display:flex; align-items:center; justify-content:center;
  }
}

/* ===== ТЕЛЕФОН ≤480 =================================================== */
@media (max-width:480px) {
  body.rd--calm .article__header { max-width:100%; }
  body.rd--calm .article__title {
    width:100%;
    max-width:100%;
    font-size:clamp(1.65rem,7vw,2rem);
    line-height:1.16;
    overflow-wrap:anywhere;
    hyphens:auto;
  }
  body.rd--calm .article__body p { font-size:1.02rem; }
  body.rd--calm .article__lead { font-size:1.12rem; }
  body.rd--calm .article__body h2 { font-size:1.4rem; }
  body.rd--calm .article__hero-subtitle { font-size:1.08rem; }
  body.rd--calm .article__meta { flex-direction:column; gap:.3rem; }
  body.rd--calm .article__toc-list li { align-items:flex-start; }
  body.rd--calm .article__body .article__toc-list a { white-space:normal; overflow:visible; text-overflow:clip; }
  body.rd--calm .btn--accent,
  body.rd--calm .article__hero-cta .btn {
    width:100%; max-width:100%; padding-inline:1rem; font-size:.95rem; text-align:center; white-space:normal;
  }
  body.rd--calm figure img,
  body.rd--calm .article__figure img { max-height:400px; }
  body.rd--calm .visual-gallery .article__figure img,
  body.rd--calm .final-cta__media img { max-height:none; }
  body.rd--calm .definition,
  body.rd--calm .article__cta,
  body.rd--calm .faq__list,
  body.rd--calm .article__related { margin-inline:0; }
  body.rd--calm .final-cta { border-radius:0; }
}

@media (max-width:420px) {
  body.rd--calm .header__cta-mini {
    display:inline-flex;
    max-width:30vw;
    padding-inline:.55rem;
    font-size:.75rem;
  }
  body.rd--calm .header__cta-mini::before { display:none; }
}

@media (max-width:360px) {
  body.rd--calm .header__cta-mini { display:none; }
  body.rd--calm .article__cta { padding:1rem; }
  body.rd--calm .btn--accent,
  body.rd--calm .article__hero-cta .btn {
    padding-inline:.75rem; font-size:.9rem;
  }
  body.rd--calm .article__cta .btn--accent { padding-inline:.55rem; font-size:.86rem; }
}