/* Читаемость: мелкий текст чуть крупнее, бледный — темнее, важное — жирнее.
   Подключается последним. Откат: убрать readability.css из index.html. */
:root{--muted:#625a6e}

/* Шапка */
.brand small{font-size:10.5px;font-weight:600;color:#5f566b;letter-spacing:.12em}
.site-header nav a{font-size:14.5px;font-weight:500}
.header-actions a.login{font-size:13.5px;font-weight:500;color:#4d4558}
.header-actions a.btn{font-size:13px;font-weight:600}

/* Главный экран */
.portrait-eyebrow{font-size:12.5px;color:#5b4a78}
.portrait-description{color:#4f4658;font-weight:450}
.portrait-note{font-size:13.5px;font-weight:500;color:#544a57}
.portrait-primary,.portrait-secondary{font-size:15px}
.portrait-secondary{font-weight:600;color:#3a3141}

/* Подзаголовки разделов и хлебные крошки */
.eyebrow{font-size:12.5px;letter-spacing:.14em}
.breadcrumb,.breadcrumb a{font-size:13.5px;font-weight:500}
.muted-note{font-size:12.5px;line-height:1.6}

/* Блок «Много задач. Одна общая цель.» */
.process-copy>p{color:#4f4658}
.orbit-node span{font-size:12px;font-weight:600}
.step-pills span{font-size:12px;font-weight:600;color:#5d3f7a}
.orbit-motion-toggle{font-size:12px;color:#7d6890}

/* Галерея и карточки */
.story-carousel-hint{font-size:14px;color:#5f566b;font-weight:500}
.gallery-card p{font-size:13.5px}
.photo-label{font-size:11.5px;font-weight:600}
.service-card p{font-size:15px;color:#544b5f}
.included-desc{font-size:13.5px;color:#5f566b}
details p{font-size:15px;color:#544b5f}
details summary{font-weight:600}

/* Обучение */
.academy-intro .eyebrow{font-size:11px}
.academy-intro>p{font-size:15px}
.academy-bottom span,.academy-toolbar span,.academy-preview-card small{font-size:11px;font-weight:600}
.academy-preview-card p{font-size:13px;font-weight:500}
.academy-stack button{font-size:13.5px;font-weight:500}
.module-tab small{font-size:11px;font-weight:600}
.module-practice small{font-size:11px;font-weight:600}
.module-practice strong{font-size:14px}
.module-art-label{font-size:12px;font-weight:600}

/* О компании */
.company-video-brand{font-size:12px;font-weight:650}
.approach-section-label{font-size:13.5px;font-weight:600;color:#655c70}
.approach-step-label{font-size:12.5px;font-weight:600;color:#7a6890}
.approach-pause{font-size:13px;font-weight:500}

/* Проекты */
.case-eyebrow{font-size:12px;font-weight:650;color:#86684d}
.case-masthead .case-eyebrow{color:#7d7066}
.case-photo-caption{font-size:11.5px;font-weight:500;color:#76644c}
.case-side-note{font-size:10.5px;font-weight:500;color:#85745c}
.case-controls button,.case-controls span{font-size:13px;font-weight:500;color:#6e5c48}
.case-disclaimer{font-size:14px;color:#6b5a48}
.phase-caption{font-size:11px;font-weight:500;color:#8a6fa3}

/* Контакты и вход */
.contact-channel small{font-size:12px;font-weight:650;letter-spacing:.08em}
.contact-form label.field{font-size:13.5px}
.portal-eyebrow{font-size:12.5px;color:#6f6380}

/* Подвал */
.footer-top nav a{font-size:14px;font-weight:500}
.footer-bottom a,.footer-bottom span,.footer-bottom .quiet-button{font-size:12px;color:#5f566b}
/* Усиленные правила там, где старые стили сильнее */
.process-copy .step-pills span{font-size:12px;font-weight:600;color:#5d3f7a}
.orbit-workflow .orbit-node span{font-size:12px;font-weight:600;letter-spacing:-.01em}
.approach-heading span.eyebrow{font-size:12px}
/* Телефон: схема и шапка тесные — чуть компактнее */
@media(max-width:760px){
  .orbit-workflow .orbit-node>span:not(.workflow-sticker){font-size:10.5px;letter-spacing:-.02em}
  .orbit-workflow .orbit-node .workflow-sticker{transform:scale(.78);margin:0 -6px 0 -6px;flex-shrink:0}
  .brand small{font-size:9px;letter-spacing:.08em}
}

/* Крупный переключатель языка — удобно нажимать пальцем */
.language-switch{gap:3px;padding:3px;border-radius:12px}
.language-switch button{min-width:44px;min-height:38px;padding:8px 10px;font-size:14px;font-weight:700;letter-spacing:.02em;border-radius:9px;cursor:pointer;touch-action:manipulation}
.language-switch button:not([aria-pressed=true]):hover{background:#f1edf4;color:#292634}
@media(max-width:600px){
  .language-switch{gap:2px;padding:3px}
  .language-switch button{min-width:42px;min-height:40px;padding:8px 8px;font-size:14px}
}
@media(max-width:420px){
  .language-switch{gap:0;padding:2px}
  .language-switch button{min-width:36px;padding:8px 4px;font-size:13px}
  .header-inner{gap:4px}
  .header-actions{gap:6px}
  .header-inner .brand{flex-shrink:1;min-width:0}
  .header-inner .brand span{min-width:0}
}