/* Лендинг раздела «Инструменты» (tools.ki-ri.ru/) — ТЗ kiri-home-scenes, макет diag/design/previews/kiri-home-scenes-tools.html.
   Подключается только странице tools.html; всё внутри <div class="tl">. Шторка «было / стало» — общий компонент platform-ui (curtain.css).
   Только светлая тема (тёмная — #1119): цвета листа и шторок — через переменные ниже. Без inline-style (CSP): позиции в панелях —
   классы .t01…, цвет раздела — .c-met/.c-job/.c-psy. Шрифт «документов» — PT Serif (OFL, static/fonts), у системы запасной serif. */
@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/PTSerif-Regular.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/PTSerif-Italic.woff2) format('woff2')}
@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/PTSerif-Bold.woff2) format('woff2')}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
.tl{--desk:#eef1ee;--paper:#fff;--ink:#18231f;--ink-2:#36443e;--mut:#5c6a63;--line:#d3dcd7;--rule:#dde4df;--brand:#0b6e4f;--on-brand:#fff;--focus:#0b6e4f;
  --c-tools:#566476;--c-met:#2f6feb;--c-job:#4f46e5;--c-psy:#0e7490;--on-c:#fff;--chip:#e2e8e4;--chip-h:#d6dfd9;--fit:#dfe5ec;
  --sheet:#fff;--scan:#f1eee6;--shade:rgba(16,40,30,.16);--tray:#dfe5e1;
  --sans:Onest,system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"PT Serif",Georgia,"Times New Roman",serif;
  --cur-tray:var(--tray);--cur-shade:var(--shade);--cur-accent:var(--brand);--cur-on-accent:var(--on-brand);--cur-focus:var(--focus);--cur-font:var(--sans);
  font:17px/1.55 var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}
.tl *,.tl *::before,.tl *::after{box-sizing:border-box}
.tl h1,.tl h2,.tl h3,.tl p,.tl ul,.tl ol,.tl figure{margin:0}
.tl ul,.tl ol{padding:0;list-style:none}
.tl section{margin-top:0}
.tl a{color:inherit;text-decoration:underline}
.tl .sr{position:absolute!important;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.tl .skip{position:absolute;left:16px;top:-60px;background:var(--ink);color:var(--desk);padding:10px 14px;border-radius:8px;z-index:20;text-decoration:none}
.tl .skip:focus{top:12px}
.tl .t-wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.tl .noscript-note{margin-top:12px;color:var(--mut);font-size:14px}
html:not(.js) .tl .pick-out{display:none}
.tl h1,
.tl h2,
.tl h3,
.tl p,
.tl ul,
.tl ol,
.tl figure{margin:0}
.tl ul,
.tl ol{padding:0;list-style:none}
.tl :focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:6px}
.tl .t-wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.tl .beta{display:inline-block;margin-left:8px;font:600 12px/1 var(--sans);letter-spacing:0;color:var(--mut);border:1px solid var(--line);border-radius:999px;padding:4px 8px;vertical-align:.45em}
.tl .t-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:end;padding-top:clamp(20px,3.5vw,48px);padding-bottom:clamp(28px,3.5vw,48px);border-bottom:3px solid var(--c-tools)}
.tl .crumbs{display:flex;gap:8px;align-items:baseline;font-size:15px;color:var(--mut)}
.tl .crumbs a{color:var(--ink-2);font-weight:500;text-underline-offset:4px;text-decoration-thickness:1px}
.tl .crumbs a:hover{color:var(--ink)}
.tl .crumbs [aria-current]{color:var(--c-tools);font-weight:600}
.tl h1{margin-top:10px;font-size:clamp(36px,3.3vw + 8px,60px);line-height:1;letter-spacing:-.045em;font-weight:800;text-wrap:balance;max-width:14em}
.tl .t-lead{margin-top:16px;font-size:clamp(17px,.4vw + 14px,19px);color:var(--ink-2);max-width:34em}
.tl .traits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 28px;margin-top:26px;font-size:15px;color:var(--mut)}
.tl .traits li{border-top:1px solid var(--line);padding-top:10px}
.tl .traits b{display:block;color:var(--ink);font-weight:600;font-size:15.5px}
.tl .pick{background:var(--paper);border-radius:18px;padding:clamp(18px,2.4vw,26px);box-shadow:0 18px 40px -30px var(--shade)}
.tl .pick h2{font-size:clamp(22px,1vw + 15px,28px);font-weight:700;letter-spacing:-.02em;line-height:1.1}
.tl .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tl .chip{display:inline-flex;align-items:center;min-height:42px;font:inherit;font-size:15.5px;font-weight:500;line-height:1.2;color:var(--ink);background:var(--chip);border:1px solid transparent;border-radius:999px;padding:8px 16px;cursor:pointer;text-decoration:none}
.tl .chip:hover{background:var(--chip-h);border-color:var(--line)}
.tl .chip:active{transform:translateY(1px)}
.tl .chip[aria-pressed="true"]{background:var(--c-tools);color:var(--on-c)}
.tl .pick-out{margin-top:14px;font-size:15px;color:var(--ink-2);min-height:3em}
.tl .pick-out a{color:var(--ink);font-weight:600;text-underline-offset:4px;text-decoration-thickness:1px}
.tl .pick-out a:hover{color:var(--brand)}
.tl .vd{display:contents}
.tl .vm{display:none}
.tl .doc{background:var(--sheet);color:#1d2421;font-family:var(--serif);padding:3.3em 2.6em 2em}
.tl .scan{background-color:var(--scan);color:#262421;font-family:var(--serif);padding:3.3em 2.6em 2em;
  background-image:radial-gradient(rgba(60,50,30,.07) .06em,transparent .09em),radial-gradient(rgba(60,50,30,.05) .05em,transparent .08em);
  background-size:.55em .55em,.83em .83em;background-position:0 0,.3em .2em}
.tl .scan .t-ink{text-shadow:0 0 .04em rgba(0,0,0,.45)}
.tl .d-h{font-weight:700;text-align:center;font-size:1.02em;line-height:1.3}
.tl .d-sub{text-align:center;font-size:.86em;color:#5d6762;margin:.2em 0 1em}
.tl .doc p+p,
.tl .scan p+p{margin-top:.6em}
.tl .just{text-align:justify;hyphens:auto}
.tl .lines{font-size:.95em;line-height:1.62}
.tl .lines span.l{display:block;white-space:nowrap}
.tl .t-tag{font:600 .78em/1 var(--sans);background:#e1f0e8;color:#0b6e4f;padding:.22em .4em;border-radius:.3em;white-space:nowrap}
.tl .fix{background:linear-gradient(transparent 62%,rgba(11,110,79,.2) 62%)}
.tl .bad{border-bottom:.13em solid rgba(196,48,36,.7)}
.tl .foot-note{position:absolute;left:auto;width:16.5em;right:1.8em;bottom:1.4em;font:500 .76em/1.35 var(--sans);color:#0b5a41;background:#e3f1ea;border-radius:.6em;padding:.6em .8em}
.tl .req{margin-top:1.1em;border-top:.07em solid #c9cfcb;padding-top:.4em;font-size:.9em;line-height:1.75}
.tl .req span.r{display:flex;justify-content:space-between;gap:1em;white-space:nowrap}
.tl .req span.r > span:first-child{color:#5d6762}
.tl .p-typo .to{text-align:right;font-size:.92em;line-height:1.4;margin-bottom:1.5em}
.tl .p-typo .lines{font-size:.98em;line-height:1.6}
.tl .p-typo .greet{margin-bottom:.6em;font-size:1.08em}
.tl .p-typo .sig{margin-top:1.2em;font-size:.95em;line-height:1.5}
.tl .p-spot table{width:100%;border-collapse:collapse;font-size:.8em;margin-top:.6em;font-variant-numeric:tabular-nums}
.tl .p-spot th,
.tl .p-spot td{border:.08em solid #8b8678;padding:.3em .45em;text-align:left}
.tl .p-spot td.n,
.tl .p-spot th.n{text-align:right}
.tl .p-spot .sigs{display:flex;justify-content:space-between;margin-top:1.4em;font-size:.82em}
.tl .p-spot .sigs span{border-top:.08em solid #555;padding-top:.25em;width:42%}
.tl .coffee{position:absolute;width:10em;height:10em;border-radius:50%;right:3.5em;top:9.5em;
  background:radial-gradient(circle,transparent 50%,rgba(132,86,32,.34) 54%,rgba(132,86,32,.14) 60%,transparent 68%),radial-gradient(circle at 42% 40%,rgba(132,86,32,.13),transparent 62%)}
.tl .hole{position:absolute;left:.9em;width:1.7em;height:1.7em;border-radius:50%;background:radial-gradient(circle,#4c4a44 0 45%,rgba(60,58,52,.5) 52%,transparent 70%)}
.tl .edge{position:absolute;left:0;right:0;top:0;height:2.4em;background:linear-gradient(to bottom,rgba(28,26,22,.78),rgba(28,26,22,.35) 40%,transparent)}
.tl .crumb{position:absolute;width:.32em;height:.28em;border-radius:40%;background:#4a4237}
.tl .scrib{position:absolute;left:3em;bottom:2.4em;width:14em;height:4em}
.tl .p-stamp p{font-size:.95em;line-height:1.6}
.tl .p-stamp .sign{display:flex;justify-content:space-between;align-items:flex-end;margin-top:1.8em;font-size:.95em}
.tl .p-stamp .sign i{flex:1;border-bottom:.07em solid #1d2421;margin:0 1em .35em;font-style:normal}
.tl .p-stamp .mp{margin-top:.8em;font-size:.85em;color:#555}
.tl .stampbox{position:absolute;right:2.6em;bottom:2.2em;border:.07em solid #1d2421;padding:.5em .8em;font-size:.95em;line-height:1.35}
.tl .stampbox b{font-weight:700}
.tl .place{position:absolute;right:2.6em;bottom:2.2em;width:11.5em;height:6.6em;border:.1em dashed #a3aaa6;border-radius:.3em;display:grid;place-items:center;font:500 .8em/1.2 var(--sans);color:#7b847f;text-align:center;padding:0 1em}
.tl .p-chk .tilt{transform:rotate(-1.8deg);transform-origin:40% 30%}
.tl .p-chk h5{font:700 1.15em/1.2 var(--serif);text-align:center;margin:0 0 .9em}
.tl .p-chk p{font-size:.92em;line-height:1.6}
.tl .ov{position:absolute;inset:0;width:100%;height:100%}
.tl .readout{position:absolute;right:1.4em;bottom:1.3em;width:19em;white-space:nowrap;background:rgba(255,255,255,.94);border:.07em solid #b8c3d2;border-radius:.5em;padding:.6em .8em;font:500 .74em/1.45 var(--sans);color:#24303d;font-variant-numeric:tabular-nums;box-shadow:0 .4em 1em -.5em rgba(20,40,70,.35)}
.tl .readout b{display:block;font-weight:700;margin-bottom:.2em}
.tl .readout div{display:flex;justify-content:space-between;gap:1em}
.tl .readout em{font-style:normal;color:#56657a}
.tl .lbl-tip{position:absolute;font:600 .72em/1 var(--sans);color:#fff;background:#3d6fd0;padding:.3em .45em;border-radius:.25em;white-space:nowrap}
.tl .p-pdf{background:#e9ecef;padding:3.2em 1.6em 1.6em;display:grid;grid-template-columns:1.1fr 1fr;gap:1.1em;font-family:var(--sans);color:#202832;align-items:start}
.tl .win{background:#fff;border-radius:.5em;box-shadow:0 .3em 1em -.4em rgba(0,0,0,.3);overflow:hidden;font-size:.78em}
.tl .win-t{background:#f3f4f6;border-bottom:.08em solid #d9dde3;padding:.5em .8em;font-weight:600;display:flex;gap:.5em;align-items:center}
.tl .win-t i{width:.7em;height:.7em;border-radius:50%;background:#d0d5db}
.tl .win dl{margin:0;padding:.4em .8em .7em}
.tl .win dt{color:#6b7480;margin-top:.45em;font-size:.9em}
.tl .win dd{margin:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl .win dd.hot{color:#b4361f}
.tl .win dd.t-ok{color:#9aa3ad}
.tl .checks{background:#fff;border-radius:.5em;box-shadow:0 .3em 1em -.4em rgba(0,0,0,.3);padding:.6em .8em;font-size:.74em}
.tl .checks b{display:block;font-size:1.05em;margin-bottom:.35em}
.tl .checks li{display:flex;justify-content:space-between;gap:.6em;padding:.16em 0;border-top:.08em solid #edf0f2}
.tl .checks s{text-decoration:none;font-weight:600;white-space:nowrap}
.tl .checks .f{color:#b4361f}
.tl .checks .n{color:#8a939d}
.tl .checks .t-k{color:#0b6e4f}
.tl .box{background:#fff;border-radius:.5em;box-shadow:0 .3em 1em -.4em rgba(0,0,0,.3);padding:.7em .8em;font-size:.9em;line-height:1.35}
.tl .box b{display:block;font-weight:700;margin-bottom:.35em}
.tl .box li{padding:.22em 0;border-top:.07em solid #edf0f2}
.tl .box li.hot{color:#b4361f;font-weight:500}
.tl .box li.gone{color:#9aa3ad;text-decoration:line-through}
.tl .box .big{display:block;font-size:2.1em;font-weight:800;letter-spacing:-.03em;line-height:1;margin:.15em 0 .25em;font-variant-numeric:tabular-nums}
.tl .box .big.t-k{color:#0b6e4f}
.tl .box .big.f{color:#b4361f}
.tl .box small{display:block;font-size:1em;color:#56606b;margin-top:.4em}
.tl .story{display:grid;grid-template-columns:168px minmax(0,1fr);gap:48px;align-items:start}
.tl .rail{position:sticky;top:28px;padding-top:clamp(40px,5vw,72px);font-size:14.5px;z-index:5;--c:var(--c-tools)}
.tl .rail > ol{display:grid;gap:2px}
.tl .rail a{text-decoration:none;color:var(--mut);display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;font-weight:600}
.tl .rail a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c);flex:none;opacity:.45;transition:transform .2s}
.tl .rail a:hover{color:var(--ink)}
.tl .rail a[aria-current="true"]{color:var(--ink)}
.tl .rail a[aria-current="true"]::before{opacity:1;transform:scale(1.4)}
.tl .rail a.fit{background:var(--fit);color:var(--ink)}
.tl .rail a.fit::before{opacity:1}
.tl .rail-h{display:block;padding:0 8px 8px;color:var(--c-tools);font-weight:700;font-size:13.5px}
.tl .chapters{min-width:0}
.tl .chapter{--c:var(--c-tools);position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4.5vw,72px);align-items:center;padding-block:clamp(36px,5vw,72px);scroll-margin-top:24px}
.tl .chapter + .chapter{border-top:1px solid var(--rule)}
.tl .chapter.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.tl .chapter.flip .ch-text{order:2}
.tl .chapter::before{content:"";position:absolute;inset:8px -20px;border-radius:24px;background:var(--c);opacity:0;pointer-events:none;z-index:-1}
.tl .chapter.lit::before{animation:lit 1.9s ease-out}
@keyframes lit{0%{opacity:.16}100%{opacity:0}}
.tl .ch-url{font-size:14px;color:var(--c);font-weight:500;font-variant-numeric:tabular-nums}
.tl .ch-text h3{margin-top:6px;font-size:clamp(32px,2.4vw + 14px,50px);line-height:1;letter-spacing:-.035em;font-weight:800}
.tl .ch-text h3:focus{outline:none}
.tl .ch-text h3:focus-visible{outline:3px solid var(--focus)}
.tl .promise{margin-top:14px;font-size:clamp(17px,.4vw + 15px,20px);line-height:1.5;color:var(--ink-2);max-width:28em}
.tl .t-facts{margin-top:18px;display:grid;gap:8px;font-size:15.5px;color:var(--ink-2)}
.tl .t-facts li{display:grid;grid-template-columns:14px 1fr;gap:10px;align-items:baseline}
.tl .t-facts li::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--c);transform:translateY(-1px)}
.tl .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:999px;font:600 15.5px/1.2 var(--sans);text-decoration:none;cursor:pointer;border:0}
.tl .btn.fill{background:var(--c,var(--brand));color:var(--on-c)}
.tl .btn:hover{filter:brightness(1.07)}
.tl .btn:active{transform:translateY(1px)}
.tl .ch-text .btn{margin-top:24px}
.tl .after{padding-top:clamp(48px,6vw,88px)}
.tl .after h2{font-size:clamp(26px,1.6vw + 16px,36px);letter-spacing:-.025em;font-weight:800;line-height:1.1}
.tl .others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 32px;margin-top:18px}
.tl .others a{display:block;border-top:3px solid var(--c);padding-top:10px;text-decoration:none}
.tl .others b{display:block;font-size:19px;font-weight:700}
.tl .others span{display:block;font-size:15px;color:var(--mut);margin-top:2px}
.tl .others a:hover b{color:var(--c);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.tl .t-author{display:flex;gap:18px;align-items:center;padding:clamp(36px,4vw,56px) 0}
.tl .t-avatar{flex:none;width:64px;height:64px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;font-weight:700;font-size:21px}
.tl .t-author p{color:var(--ink-2);max-width:38em}
.tl .t-author b{color:var(--ink);font-weight:600}
.tl .t-author .links{display:flex;gap:18px;margin-top:4px;flex-wrap:wrap}
.tl .t-author .links a{color:var(--brand);font-weight:600;text-underline-offset:4px}
.tl .foot{display:flex;flex-wrap:wrap;gap:8px 24px;padding-top:22px;padding-bottom:max(28px,env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--mut);font-size:14px}
.tl .foot a{color:var(--mut);text-underline-offset:3px}
.tl .foot a:hover{color:var(--ink)}
@media (max-width:1180px){
.tl .story{grid-template-columns:1fr;gap:0}
.tl .rail{top:0;padding:10px 0;margin:0 -20px;padding-left:20px;padding-right:20px;background:color-mix(in srgb,var(--desk) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);overflow-x:auto;scrollbar-width:none}
.tl .rail::-webkit-scrollbar{display:none}
.tl .rail-h{display:none}
.tl .rail > ol{display:flex;gap:8px;width:max-content}
.tl .rail a{padding:7px 14px 7px 12px;border-radius:999px;background:var(--chip);white-space:nowrap;font-size:14.5px}
.tl .rail a.fit{background:var(--fit);box-shadow:inset 0 0 0 1.5px var(--c)}
.tl .rail a[aria-current="true"]{background:var(--c);color:var(--on-c)}
.tl .rail a[aria-current="true"]::before{background:var(--on-c);transform:none}
.tl .chapter{scroll-margin-top:72px}
}
@media (max-width:980px){
.tl .t-hero{grid-template-columns:1fr;align-items:start}
}
@media (max-width:860px){
.tl .chapter,
.tl .chapter.flip{grid-template-columns:1fr;gap:24px}
.tl .chapter.flip .ch-text{order:0}
.tl .traits{grid-template-columns:1fr;gap:8px}
.tl .others{grid-template-columns:1fr}
}
@media (max-width:599px){
.tl .cur{aspect-ratio:4/5}
.tl .cur.sq{aspect-ratio:1/1}
.tl .cur-l{font-size:15px}
.tl .vd{display:none}
.tl .vm{display:contents}
.tl .doc,
.tl .scan{padding:3.2em 1.3em 1.4em}
.tl .d-h{font-size:1.05em}
.tl .d-sub{font-size:.9em}
.tl .req{font-size:.95em}
.tl .foot-note{font-size:.88em;width:46%;right:3%;bottom:1em}
.tl .p-spot table{font-size:.88em}
.tl .p-spot .sigs{font-size:.9em}
.tl .p-spot .m-hide{display:none}
.tl .scan.p-spot{padding-left:2.5em}
.tl .place{font-size:.88em;width:10em;height:6em;right:1em}
.tl .stampbox{right:1em;bottom:1.6em}
.tl .p-chk h5{font-size:1.1em}
.tl .readout{font-size:.88em;width:46%;right:3%;bottom:1em;white-space:normal;padding:.6em .7em}
.tl .readout div{display:block}
.tl .readout .dx{display:none}
.tl .readout em::after{content:": "}
.tl .lbl-tip{font-size:.88em}
.tl .p-pdf{padding:3.2em 1em 1em;grid-template-columns:1fr 1fr;gap:.8em}
.tl .cur-tag{top:8px;font-size:13px;padding:5px 8px}
.tl .cur-tag.b{left:8px}
.tl .cur-tag.a{right:8px}
.tl .knob{width:36px;height:36px;left:-18px;margin-top:-18px}
.tl .chapter::before{inset:4px -12px}
.tl .chip{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.tl .chapter.lit{outline:3px solid var(--c);outline-offset:6px;border-radius:12px}
}
.tl .rail{top:calc(var(--pf-header-h) + 12px)}
.tl .chapter{scroll-margin-top:calc(var(--pf-header-h) + 16px)}
@media (max-width:1180px){
.tl .rail{top:var(--pf-header-h)}
.tl .chapter{scroll-margin-top:calc(var(--pf-header-h) + 64px)}
}

/* позиции и оттенки в панелях (раньше inline-style макета) */
.tl .cur .t01{color:#5a554a}
.tl .cur .t02{top:8em}
.tl .cur .t03{top:17.5em}
.tl .cur .t04{left:5em;right:auto;top:11em}
.tl .cur .t05{left:12em;top:5.6em}
.tl .cur .t06{left:20.5em;top:21.4em}
.tl .cur .t07{left:7.4em;top:23.6em;transform:rotate(30deg)}
.tl .cur .t08{left:62%;top:13.5%}
.tl .cur .t09{left:66%;top:28.5%;background:#d0533d}
.tl .cur .t10{left:98.6%;top:36%;transform:rotate(90deg);transform-origin:left top}
.tl .cur .t11{right:3%;top:3.2em;background:#d0533d}
.tl .c-met{--c:var(--c-met)}.tl .c-job{--c:var(--c-job)}.tl .c-psy{--c:var(--c-psy)}
@media (prefers-reduced-motion:reduce){.tl *,.tl *::before,.tl *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* пол размеров текста в панелях (ТЗ, критерий 8): ≥ 600 px — не мельче 11 px, меньше — не мельче 13 px */
.tl .t-tag{font-size:max(11px,.78em)}
.tl .win dt{font-size:max(11px,.9em)}
.tl .lbl-tip{font-size:max(11px,.72em)}
@media (max-width:599px){
.tl .t-tag,.tl .p-stamp .mp,.tl .lbl-tip{font-size:max(13px,.85em)}
}

/* меню раздела «Инструменты» длиннее других (главная + шесть инструментов): между 901 и 1180 px оно не помещалось в одну строку с логотипом
   и давало горизонтальную прокрутку страницы (критерий 8) — здесь та же двухстрочная шапка, что platform.css включает до 900 px */
@media (min-width:901px) and (max-width:1180px){
  :root{--pf-header-h:104px}
  .pf-header .pf-wrap{flex-wrap:wrap;gap:6px 16px;padding-top:12px;padding-bottom:8px}
  .pf-nav{order:3;flex:0 0 100%;overflow-x:auto;gap:16px;padding-bottom:6px}
  .pf-logo{flex:1;min-width:0;min-height:36px;gap:9px}
}