#brief-form textarea{display:block;width:100%;border:1px solid #d9deea;border-radius:8px;background:white;padding:14px 12px;font:13px/1.5 "Golos Text",Arial,sans-serif;color:#424753;resize:vertical;min-height:76px}#brief-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}
/* Mobile layout overrides. Keep the established desktop art direction. */
.mobile-menu-button{display:none}
@media(max-width:900px) and (min-width:701px){
  #business{column-gap:30px;padding:35px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
  #business h2{font-size:34px;letter-spacing:-1.4px}
  #business h2 br{display:initial}
  #anton .teacher-grid{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:35px}
  .workflow-panel{gap:25px;padding:26px}
  .resource-kit{gap:28px;padding:30px}
}
@media(max-width:700px){
  html{scroll-padding-top:18px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
  .wrap{width:calc(100% - 36px)}
  main,section,.heading,.program-grid,.practice-grid,.prompt-panel,.workflow-panel,.resource-kit,.teacher-copy{min-width:0}
  h1,h2,h3,p,summary{overflow-wrap:break-word}
  header.wrap{height:auto;min-height:78px;flex-wrap:wrap;gap:0;padding:19px 0}
  header .logo img{width:124px}
  header .nav-link{display:none}
  .mobile-menu-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:84px;min-height:44px;padding:10px 13px;background:#ffffff15;border:1px solid #ffffff40;border-radius:12px;color:white;font-size:13px;cursor:pointer}
  .mobile-menu-button span{font-size:19px;line-height:1}
  header .header-nav{display:none}
  header.menu-open .header-nav{display:flex;order:3;flex:0 0 100%;flex-direction:column;gap:0;margin-top:17px;padding-top:10px;border-top:1px solid #ffffff30}
  header.menu-open .header-nav a{display:flex;align-items:center;min-height:48px;font-size:15px;color:white;padding:9px 6px}
  .hero{display:flex;flex-direction:column;min-height:0;padding-top:30px}
  .hero-copy{order:1}
  .hero h1{font-size:clamp(35px,10.5vw,57px);line-height:1.07;letter-spacing:-.055em;margin:24px 0}
  .hero-description{font-size:15px;line-height:1.6;min-height:0;max-width:100%;margin:0 0 24px}
  .hero .clay-button{width:100%;min-height:57px;justify-content:space-between;font-size:15px;padding:18px 22px}
  .hero .eyebrow{font-size:10px;letter-spacing:.8px}
  .course-facts{font-size:11px;gap:10px;flex-wrap:wrap;line-height:1.6;margin-top:20px}
  .hero-art{order:2;position:relative;top:auto;right:auto;left:auto;width:calc(100% + 180px);max-width:none;margin:0 0 -7px -105px;flex-shrink:0}
  .hero-art img{width:100%;height:auto}
  .author-tag{right:0;bottom:67px;padding:12px 14px;max-width:230px}
  .author-tag strong{font-size:12px}
  .author-tag div>span{font-size:10px}
  .hero-bottom{order:3;position:relative;left:auto;right:auto;bottom:auto;margin:0;padding:10px 0 14px}
  .hero-bottom a{display:flex;justify-content:center;align-items:center;min-width:44px;min-height:44px}
  .section{padding-top:55px;padding-bottom:55px}
  .section-label{font-size:10px;line-height:1.6;letter-spacing:.8px}
  .path{padding-top:45px}
  .path h2,h2,.skill-intro h2{font-size:clamp(28px,7.7vw,35px);letter-spacing:-1.25px;line-height:1.17}
  .heading>p,.path-heading>p,.audience-row p,.skill-intro>p,.skill-outcomes p,.case-grid p,.teacher-copy>p{font-size:14px;line-height:1.7}
  .heading>p{max-width:none}
  .step{padding:22px;grid-template-columns:minmax(0,1fr) 112px;column-gap:10px}
  .step .object{width:155px;left:-27px;transform:scale(.68)}
  .step h3{font-size:25px}
  .step>p{font-size:14px;line-height:1.65;margin-bottom:22px}
  .step-meta{font-size:9px}
  .outcome{font-size:11px;line-height:1.5;gap:10px}
  .audience-row,.skill-grid{grid-template-columns:minmax(0,1fr)}
  .audience-row article,.skill-outcomes,.skill-outcomes article>div{min-width:0}
  .audience-row article{padding:23px 20px;grid-template-columns:48px minmax(0,1fr);column-gap:15px}
  .audience-row h3{font-size:21px;line-height:1.25}
  .audience-row article>span{width:43px;height:44px;font-size:29px}
  .audience-welcome,.path-note p{font-size:12px;line-height:1.65}
  .neuro-top{font-size:9px}
  .neuro-repeat{min-height:44px;min-width:82px;font-size:12px}
  .neuro-word{font-size:9.7vw;letter-spacing:-.09em;margin-top:16px}
  .neuro-bottom p{font-size:14px;line-height:1.65}
  .neuro-bottom p:first-child{font-size:19px}
  .project-options button{padding:18px 14px;min-height:145px}
  .project-options strong{font-size:13px;line-height:1.4}
  .project-options small{font-size:12px;line-height:1.5}
  .project-hint{font-size:12px;line-height:1.6}
  .module-group{font-size:10px;line-height:1.6}
  .module summary,.part2-lessons summary,.faq-list summary{font-size:16px;line-height:1.4;min-height:65px;gap:12px;padding:18px 0}
  .module-num{font-size:11px}
  .module-body{font-size:14px;line-height:1.7;padding-left:0}
  .module-result{font-size:12px;line-height:1.65}
  .text-link{padding:13px 0;min-height:44px;font-size:14px}
  #business{padding:28px 23px;gap:24px;grid-template-columns:minmax(0,1fr)}
  #business>.section-label{font-size:9px;line-height:1.7;letter-spacing:.7px}
  #business h2{font-size:clamp(27px,7.5vw,34px);line-height:1.15;letter-spacing:-1.1px}
  #business h2 br{display:initial}
  #business h2 em{display:block}
  #business .part2-intro>p{font-size:14px;line-height:1.7}
  #business .part2-intro>p br{display:none}
  #business .part2-teacher{gap:12px;margin-top:23px}
  #business .part2-teacher img{flex:0 0 60px;width:60px;height:60px}
  #business .part2-teacher>div{min-width:0}
  #business .part2-teacher strong{font-size:13px;line-height:1.4}
  #business .part2-teacher div>span{font-size:11px;line-height:1.5}
  #business .part2-lessons details>p{font-size:14px;line-height:1.7;margin-left:0}
  .workflow-tabs{gap:8px}
  .workflow-tabs button{flex-direction:column;align-items:flex-start;justify-content:center;min-height:83px;font-size:12px;line-height:1.4;padding:12px 10px}
  .workflow-tabs button span{font-size:11px}
  .workflow-panel{padding:24px;gap:27px;min-height:0}
  .workflow-panel p{font-size:14px}
  .workflow-role{font-size:11px;margin-bottom:14px}
  .flow-result{font-size:13px}
  .resource-kit{padding:28px 22px}
  .resource-kit h2{font-size:28px}
  .resource-kit p{font-size:14px}
  .resource-links a{padding:17px 13px;min-height:88px;gap:12px}
  .resource-links a>div{min-width:0}
  .resource-links strong{font-size:14px;line-height:1.4}
  .resource-links small{font-size:12px;line-height:1.5}
  .resource-icon{width:30px;height:37px;font-size:22px}
  #brief-form,.prompt-panel{padding-left:22px;padding-right:22px}
  .practice h3{font-size:24px;line-height:1.25}
  label{font-size:13px;line-height:1.5}
  input,select,textarea{font-size:16px;min-height:50px;padding:13px 12px;max-width:100%;min-width:0}
  #audience-input{resize:vertical;min-height:82px;line-height:1.5}
  #prompt-text{font-size:15px;line-height:1.75}
  .solid-button{min-height:52px;font-size:14px;padding:16px 17px}
  #copy-prompt{width:100%}
  .small-note,.learning-rhythm{font-size:12px;line-height:1.65}
  .prompt-label,.practice .eyebrow{font-size:10px;line-height:1.5}
  #anton .teacher-grid{gap:35px}
  #anton .teacher-real{max-width:235px}
  .teacher-copy .teacher-lead{font-size:16px;line-height:1.65}
  .teacher-quote{padding:21px}
  .teacher-quote blockquote{font-size:14px;line-height:1.7}
  .teacher-quote figcaption{font-size:12px;line-height:1.6}
  .teacher-links{gap:8px 20px;margin-top:19px}
  .teacher-links a{min-height:44px;display:inline-flex;align-items:center;font-size:13px}
  .experience span{font-size:11px}
  .teacher-copy .speaker-note{font-size:12px}
  .case-art{height:190px}
  .case-category,.case-footnote{font-size:10px;line-height:1.6}
  .teaching-art{gap:8px}
  .teach-figure{font-size:21px;padding:10px}
  .faq-list details>p{font-size:14px;line-height:1.75}
  .join h2{font-size:clamp(30px,8.1vw,38px);padding-top:44px}
  .join-bottom p{font-size:14px}
  .join .clay-button{width:100%;min-height:56px;font-size:14px;justify-content:space-between;gap:15px;padding:18px}
  .join-note{font-size:17px}
  footer{font-size:11px;padding-bottom:max(25px,env(safe-area-inset-bottom));gap:20px}
  footer>span{max-width:155px}
  footer div{gap:0}
  footer a{display:flex;align-items:center;min-height:44px;font-size:12px}
}
@media(max-width:360px){
  .wrap{width:calc(100% - 28px)}
  .hero-art{width:calc(100% + 170px);margin-left:-102px}
  .step{grid-template-columns:minmax(0,1fr) 83px;padding:21px 18px}
  .step .object{transform:scale(.53);left:-40px;width:155px}
  .step>p{font-size:13px}
  #business{padding:25px 20px}
  #business h2{font-size:26px}
  .audience-row article{padding:22px 18px;grid-template-columns:1fr}
  .audience-row article>span{grid-row:auto;margin-bottom:20px}
  .audience-row p{grid-column:auto}
  .resource-kit{padding:25px 19px}
  .resource-kit h2{font-size:25px}
  .workflow-tabs button{font-size:11px;padding:10px 8px}
}

@media(max-width:700px){#brief-form textarea{font-size:16px;min-height:90px}}

/* На узком экране жёсткий перенос оставлял висячее слово «систем»,
   поэтому строка переносится сама по ширине карточки. */
@media(max-width:700px){.author-tag br{display:none}}