/* мобильная версия, 11.10.2026. только ширина до 770px: веб-версию этот файл не трогает.
   отдельным файлом, чтобы не пересекаться с правками кейсов в index.html */
.svtag .tag-short{display:none}
@media(max-width:770px){

  /* подвал и опыт встают по общей линии --kw (index.html), здесь отдельных правил нет */
  /* стрелка первого экрана не ложится на нижнюю линию коробки */
  .intro .icon{padding-bottom:var(--pad)}

  /* шапка: кнопки уже, как у Dries Bos на телефоне (37px); размер рисунков общий с вебом, правило в index.html */
  .head .icon{width:2.65rem}
  /* полный экран: правый край последней иконки в 14px от края, как имя слева */
  body[data-fullscreen=true] .head .icons{padding-right:3.5px}
  /* шапка кейса: счётчик «1/15» в строку не помещается, поэтому как у Dries Bos на телефоне: мелко, светло-серым, над правой стрелкой (13.10) */
  #icons-case{position:relative}
  /* левый край счётчика на начале хвоста правой стрелки (13.10): хвост начинается в 3/40 ширины рисунка */
  #c-count{position:absolute;right:calc(2.65rem*1.5 + var(--icon)*40/19*(.5 - 3/40));top:50%;transform:translate(100%,-155%);padding:0;font-size:.7rem;line-height:1;white-space:nowrap;pointer-events:none}
  body[data-fullscreen=true] #c-count{right:calc(2.65rem*1.5 + var(--icon)*40/19*(.5 - 3/40) + 3.5px)}

  /* подвал: на телефоне роль в опыте стоит под компанией, поэтому контакты на линии компании (--kw); правее номер упрётся в стрелку */
  .foot .col:first-child{flex:0 0 var(--kw)}

  /* первый экран: один абзац, без принудительного переноса после «бизнеса.» */
  .intro p br{display:none}

  /* полный экран как у Dries Bos: разделы без линий, отделены воздухом; линия только над списком работ */
  body[data-fullscreen=true] .page>.blok{border-top-color:transparent;border-bottom-color:transparent}
  body[data-fullscreen=true] #rows{border-top-color:var(--type)}
  /* один ритм: у каждого блока сверху 2.4 шага (42px), снизу 0, поэтому все промежутки равны: шапка, CAVALCADA, «Привет», три блока, разделы, подвал */
  body[data-fullscreen=true] .giant-wrap,body[data-fullscreen=true] .big,body[data-fullscreen=true] .sec .row,
  body[data-fullscreen=true] .cols .c,body[data-fullscreen=true] .foot .row{padding-top:calc(var(--pad)*2.4)}
  body[data-fullscreen=true] .big,body[data-fullscreen=true] .sec .row,body[data-fullscreen=true] .cols .c{padding-bottom:0}
  .giant-wrap,.big,.sec .row,.cols .c,.foot .row{transition:padding .66s ease-in-out}
  body[data-fullscreen=true] .cols .c+.c{border-top-color:transparent}
  /* короткий раздел: подпись слева, текст справа (как Education и Skillset у Dries) */
  body[data-fullscreen=true] .sec[data-q^="skills"] .row{flex-direction:row;gap:0}
  body[data-fullscreen=true] .sec[data-q^="skills"] .k{flex:0 0 var(--kw)}
  body[data-fullscreen=true] .sec[data-q^="skills"] .v{flex:1}

  /* три блока «о себе»: тезис и пояснение (решалка 11.10, вариант 2). первая фраза яркая, остальное приглушённое 50% (было 60, Таня 11.10) */
  .cols .c{color:color-mix(in srgb,var(--type) 50%,transparent)}
  .cols .c .t1{color:var(--type)}

  /* «Что я делаю»: воздух между пунктами (демо 11.10) */
  [data-q^="do"] .v br{display:none}
  [data-q^="do"] .do-i{display:block}
  [data-q^="do"] .do-i+br+.do-i{margin-top:.7em}

  /* подчёркивание ссылок на телефоне тоньше, как у Dries Bos (1px) */
  .sec .v a,.lnk>span,.svb .v a{--ulh:1px}

  /* под палец */
  .svc{min-height:44px}
  .svup{height:44px}
  .foot .col a{padding:.45rem 0}
  /* пометка у AI-систем: «партнёрская», как на вебе (12.10), тем же размером, что название, светло-серым, на одной линии */
  .svtag{font-size:inherit;vertical-align:baseline;margin-left:.35em}
  /* 15.10: в списке работ без диагональной иконки ↗ (на телефоне новая вкладка не нужна), стрелка вправо остаётся; так названия укладываются в две строки */
  .proj .c-i .ext{display:none}.proj .c-i{width:auto;gap:0}
  /* 15.10: всплывашек терминов на телефоне нет: без подчёркивания, тап ведёт как обычно */
  .term{background-image:none!important;padding-bottom:0!important}
  /* промежуточный этап CV (15.10): ровные строки, максимум две; эталон = одна строка */
  .proj .c-p{text-wrap:balance}
  /* промежуточный этап CV (15.10, «год чуть ближе»): эталон год 4rem; при следующей работе над сайтом спросить Таню, вернуть ли */
  .c-y{width:3.6rem}
  /* шапка (16.10): на вебе «стратег и антихайп-аналитик», на телефоне только «стратег», не помещается рядом с иконками */
  .t-more{display:none}
  /* строка «шрифт и приватность» (16.10): на телефоне колонки друг под другом */
  .colo .row{flex-direction:column;gap:.8em}
}