/* Единый стиль всего сайта (25.10.2026, слово Тима: один премиальный стиль, бренд TimLabs). Поверх tl-paper.css + tl-journal.css.
   Переодевает страницы направлений, мастеров, услуг, партнёров, юридические и витрины без правки их содержимого. */

/* страницы «wrap» (направления-статьи, услуги, партнёры, юридические) — та же колонка чтения, что у статьи журнала */
.pa.wrap{max-width:var(--wrap)}
.pa .eyebrow{display:block;margin-bottom:6px}
.pa .note{background:var(--bone);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;color:var(--mute);margin:18px 0 28px;font-size:15.5px}
.pa .trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin:26px 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:400 12.5px/1.6 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}
.pa .trust span,.pa .trust li{list-style:none}
.pa h2.pp-sec{padding:0;margin:48px 0 18px;font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.pa .pp-card{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start;background:var(--bone);border:1px solid var(--line);border-radius:var(--r);padding:0;overflow:hidden;margin:0 0 14px;transition:transform .4s var(--ease-out),border-color .3s ease}
.pa .pp-card:hover{transform:translateY(-2px);border-color:var(--line-2)}
.pa .pp-card img,.pa .pp-card picture{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;display:block;min-height:150px}
.pa .pp-card .pp-text{padding:18px 20px 18px 0}
.pa .pp-card .pp-text h2{margin:0 0 8px;font:650 20px/1.25 var(--sans);letter-spacing:-.02em}
.pa .pp-card .pp-text p{color:var(--mute);font-size:15.5px;margin:0 0 10px}
.pa .pp-card .pp-text a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2)}
@media (max-width:640px){.pa .pp-card{grid-template-columns:1fr}.pa .pp-card .pp-text{padding:16px 18px 18px}}
.pa .hero .lead,.pa header.hero p{color:var(--mute)}
.pa article>h2:first-child,.pa section>h2:first-child{margin-top:0}
.pa section{margin:0 0 30px}
.pa .wrap>section>h2{margin-top:40px}
.pa table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
.pa th,.pa td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.pa th{font:400 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.pa hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.pa .crumb span{color:var(--faint)}

/* страницы-хабы (направления с карточками): главная шапка + карточки движка в новой одежде */
.ps-hub{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) 40px}
.ps-hub .crumb{font:400 12px/1.6 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:18px 0 8px}
.ps-hub .crumb a{color:var(--mute);text-decoration:none}.ps-hub .crumb a:hover{color:var(--accent)}
.ps-hub .hub-hero{text-align:left;max-width:860px;margin:0 0 10px;padding:14px 0 10px}
.ps-hub .hub-hero .eyebrow,.ps-hub .hub-hero .kicker{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:none;border:0;padding:0;margin:0 0 8px;display:block}
.ps-hub .hub-hero h1{margin:8px 0 14px;font:700 clamp(32px,4.8vw,60px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;text-wrap:balance}
.ps-hub .hub-hero p{color:var(--mute);font-size:clamp(16.5px,1.6vw,19px);max-width:62ch;margin:0 0 18px}
.ps-hub .hub-cta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 10px}
.ps-hub .hub-cta a,.ps-hub .hub-cta .btn{display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:12px 22px;border-radius:999px;background:transparent;color:var(--ink);text-decoration:none;font:600 15px/1.2 var(--sans);box-shadow:inset 0 0 0 1px var(--line-2);border:0;transition:transform var(--t-fast) var(--ease-out),box-shadow var(--t-fast) ease}
.ps-hub .hub-cta a:first-child{background:var(--accent);color:var(--accent-ink);box-shadow:0 8px 24px rgba(79,180,242,.18)}
.ps-hub .hub-cta a:hover{transform:translateY(-1px)}
.ps-hub .tlg-sec{padding:clamp(28px,4vw,56px) 0!important;max-width:none}
.ps-hub .tlg-head h2{font-size:clamp(26px,3.2vw,42px)!important}
.ps-hub footer,.pa footer{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;font:400 12.5px/1.6 var(--sans);color:var(--faint)}
.ps-hub footer a,.pa footer a{color:var(--mute)}
.ps-hub .gcard h2,.ps-hub .gcard h3{font-family:var(--sans)!important;color:var(--ink)!important}

/* витрины Тима (стихи, книги, музыка, школа, живой офис): оставляем их сцены, выравниваем шапку, шрифты, цвета, подвал */
.ps-show{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut) 40px}
.ps-show .crumb{font:400 12px/1.6 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:18px 0 8px}
.ps-show .crumb a{color:var(--mute);text-decoration:none}
.ps-show header.hero{text-align:left;padding:14px 0 10px}
.ps-show header.hero h1{font:700 clamp(32px,4.8vw,60px)/1.04 var(--sans);letter-spacing:-.04em;color:var(--ink);background:none;-webkit-text-fill-color:currentColor;margin:8px 0 14px}
.ps-show header.hero p{color:var(--mute);max-width:62ch}
.ps-show .eyebrow,.ps-show .kicker{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:none;border:0;padding:0}
.ps-show footer{margin-top:40px;border-top:1px solid var(--line);padding-top:20px;font:400 12.5px/1.6 var(--sans);color:var(--faint)}
.ps-show footer a{color:var(--mute)}

/* общее для переодетых страниц */
body.ps .grid-fade,body.ps #neuro,body.ps .bg-grid,body.ps .orb{display:none!important}
body.ps{background-image:none!important}
body.ps h1,body.ps h2,body.ps h3{font-family:var(--sans)}
body.ps .btn,body.ps a.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 22px;border-radius:999px!important;border:0!important;background:var(--accent)!important;background-image:none!important;color:var(--accent-ink)!important;-webkit-text-fill-color:currentColor!important;font:600 15.5px/1.2 var(--sans)!important;text-decoration:none;box-shadow:0 8px 24px rgba(79,180,242,.18)!important;margin:0 10px 10px 0;transition:transform var(--t-fast) var(--ease-out),background var(--t-ui) ease}
body.ps .btn:hover,body.ps a.btn:hover{background:var(--accent-2)!important;transform:translateY(-1px)}
body.ps .btn.ghost,body.ps .btn.tg,body.ps .btn.max,body.ps .btn.secondary,body.ps .btn.line{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1px var(--line-2)!important}
body.ps .cta-row,body.ps .hub-cta{display:flex;flex-wrap:wrap;gap:0;justify-content:flex-start!important}
@media (max-width:520px){body.ps .cta-row .btn,body.ps .callout .btn{display:flex;width:100%;margin:0 0 10px}}
body.ps .callout{background:radial-gradient(90% 120% at 100% 0%,rgba(124,124,255,.08),transparent 55%),radial-gradient(80% 120% at 0% 100%,rgba(79,180,242,.08),transparent 60%),var(--bone)!important;border:1px solid var(--line)!important;border-radius:var(--r)!important;text-align:left!important;padding:clamp(24px,3vw,36px)!important}
body.ps .callout h2{color:var(--ink)!important;margin-top:0}
body.ps .callout p{color:var(--mute)!important;max-width:none!important;margin-left:0!important}
body.ps .chip.main,body.ps .btn.main{color:var(--accent)!important}
body.ps details summary{color:var(--ink)}
body.ps ::selection{background:var(--accent);color:var(--accent-ink)}

/* ——— светлая тема: старые страницы прописывали светлый текст цифрами — переводим на чернила системы ——— */
:root[data-theme="light"] body.ps :is(b,strong,th,h1,h2,h3,h4,.pl-t,.gd-t,.card-title,summary),:root.auto-light body.ps :is(b,strong,th,h1,h2,h3,h4,.pl-t,.gd-t,.card-title,summary){color:var(--ink)!important}
:root[data-theme="light"] body.ps :is(p,li,td,dd,blockquote,.gd-soon,.gd-poem,.lead,.sub),:root.auto-light body.ps :is(p,li,td,dd,blockquote,.gd-soon,.gd-poem,.lead,.sub){color:var(--ink-2)!important}
:root[data-theme="light"] body.ps :is(small,.k,.kick,.muted,.dim,.meta,.date,time,.eyebrow,.tlg-kicker,.g-tag),:root.auto-light body.ps :is(small,.k,.kick,.muted,.dim,.meta,.date,time,.eyebrow,.tlg-kicker,.g-tag){color:var(--mute)!important}
:root[data-theme="light"] body.ps main a:not(.btn):not(.pp-btn):not(.chip):not(.tab):not(.pj-tab),:root.auto-light body.ps main a:not(.btn):not(.pp-btn):not(.chip):not(.tab):not(.pj-tab){color:var(--ink)!important}
:root[data-theme="light"] body.ps .btn,:root.auto-light body.ps .btn{color:var(--accent-ink)!important}
:root[data-theme="light"] body.ps :is(.btn.ghost,.btn.tg,.btn.max,.btn.sec,.btn.secondary),:root.auto-light body.ps :is(.btn.ghost,.btn.tg,.btn.max,.btn.sec,.btn.secondary){color:var(--ink)!important}
/* главная: витрины «Мои проекты» и блок услуг */
:root[data-theme="light"] :is(#moi,#uslugi) :is(b,strong,.pl-t,.gd-t,h3,h4),:root.auto-light :is(#moi,#uslugi) :is(b,strong,.pl-t,.gd-t,h3,h4){color:var(--ink)!important}
:root[data-theme="light"] :is(#moi,#uslugi) :is(p,li,span,blockquote,.gd-soon,.gd-poem),:root.auto-light :is(#moi,#uslugi) :is(p,li,span,blockquote,.gd-soon,.gd-poem){color:var(--ink-2)!important}
:root[data-theme="light"] :is(#moi,#uslugi) :is(small,.k,.kick,time),:root.auto-light :is(#moi,#uslugi) :is(small,.k,.kick,time){color:var(--mute)!important}
:root[data-theme="light"] :is(#moi,#uslugi) .b2b h2 span,:root.auto-light :is(#moi,#uslugi) .b2b h2 span{-webkit-text-fill-color:transparent!important}
/* кнопка закрытия плашки «Поддержать журнал» — не меньше 36 px */
html body #tl-donate .tld-x,html body #tl-donate button{min-width:36px!important;min-height:36px!important;width:36px!important;height:36px!important;display:inline-flex!important;align-items:center;justify-content:center}

/* тёмные вставки старых страниц в дневной теме: плеер стихов, кнопка «смотреть офис», переключатель карты, цифры офиса */
:root[data-theme="light"] body.ps .pl,:root.auto-light body.ps .pl{background:var(--bone)!important;border:1px solid var(--line-2)!important;color:var(--ink)!important}
body.ps .tl-go a.live,body.pa .tl-go a.live,.tl-go a.live{background:var(--accent)!important;background-image:none!important;color:var(--accent-ink)!important;border:0!important;border-radius:999px!important}
.tl-go a.live *{color:var(--accent-ink)!important}
:root[data-theme="light"] body.ps .zo-mode,:root.auto-light body.ps .zo-mode{background:var(--paper-2)!important;border:1px solid var(--line-2)!important}
:root[data-theme="light"] body.ps .zo-mode button,:root.auto-light body.ps .zo-mode button{color:var(--ink)!important}
:root[data-theme="light"] body.ps main span:not(.btn *):not(.pp-btn *):not(.pl *):not(.live *):not(.zo-mode *):not(.pp-mono):not(.pj-meta *),:root.auto-light body.ps main span:not(.btn *):not(.pp-btn *):not(.pl *):not(.live *):not(.zo-mode *):not(.pp-mono):not(.pj-meta *){color:var(--ink-2)!important}
:root[data-theme="light"] body.ps .zo-stat span,:root.auto-light body.ps .zo-stat span{color:var(--mute)!important}

/* карта офиса — всегда ночная «витрина»: подписи светлые; кнопки переключателя не меньше 36 px */
body.ps .zo-scene-wrap svg text{fill:#E9EDF5!important}
body.ps .zo-mode button{min-height:36px!important;min-width:40px;padding:0 12px}