/* Страницы job.ki-ri.ru. Шапка/подвал/токены — platform.css (копия platform-ui). Инлайн-стилей нет (CSP style-src 'self'). */
h1{font-size:46px;line-height:1.08;letter-spacing:-.03em;font-weight:800}
h2{font-size:24px;letter-spacing:-.02em;margin:12px 0 10px}
.lead{font-size:19px;color:var(--mut);max-width:620px}
.hero{padding-top:var(--pf-gap-hero);max-width:760px}  /* по левому краю сетки, как у всех сервисов платформы */
.hero h1{margin:0 0 12px}
/* вводная карточка хаба — единственная (кроме шапки) стеклянная поверхность на обоях (ТЗ platform-sticky-header-wall); карточки сервисов .app плотные */
.hub .hero{margin-top:48px;padding:40px 44px;border-radius:22px;background:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 1px rgba(16,24,20,.04),0 24px 54px -30px rgba(16,24,20,.34)}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hub .hero{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(26px) saturate(170%);backdrop-filter:blur(26px) saturate(170%)}
}
@media (prefers-reduced-transparency:reduce){.hub .hero{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (max-width:720px){.hub .hero{margin-top:28px;padding:28px 24px}}
.hub .apps .app{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}  /* карточки сервисов плотные: размытие только у шапки и вводной карточки */
/* хаб «Работа» в языке J (макет site-apple-redesign-hub): значок раздела над заголовком, карточки сервисов — тонкий
   материал (pf-mat) со значком сервиса и декоративным мини-превью; «скоро» — пунктиром. Группы и карточки — из nav.json */
.kick{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--c);margin-bottom:14px}
.grp{margin-top:48px}
.grp h2{margin:0 0 6px;font-size:28px;line-height:1.15;letter-spacing:-.022em}
.apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.app{display:flex;flex-direction:column;gap:16px;padding:22px;transition:transform .12s ease-out}
a.app:active{transform:scale(.985)}
a.app:focus-visible{outline:2px solid var(--c);outline-offset:3px}
.app-top{display:flex;align-items:flex-start;gap:14px}
.app-k{min-width:0}
.app .k{display:block;font-size:12px;font-weight:700;color:var(--c);letter-spacing:.03em;text-transform:uppercase;margin-bottom:2px}
.app h3{font-size:22px;letter-spacing:-.02em;line-height:1.15}
.app p{color:var(--mut);font-size:15px;line-height:1.4;margin-top:4px}
.app .go{margin-top:auto;font-weight:600;color:var(--c)}
.app.soon{border:1.5px dashed color-mix(in srgb,var(--c) 40%,transparent);border-radius:var(--r-l)}
.app.soon .k,.app.soon h3,.app.soon p{color:var(--mut)}
.pf-gl{background:var(--gl)}  /* глиф «плюс» — светлый тон раздела (html[data-svc]) */
/* мини-превью сервиса — только рисунок (aria-hidden), без текста: лист резюме и строки выдачи вакансий */
.peek{display:grid;grid-template-columns:44px 1fr;gap:6px 12px;padding:16px;border-radius:var(--r-m);background:#fff;background:var(--mat-thick);box-shadow:inset 0 1px 0 var(--edge)}
.peek i{grid-row:1/span 4;height:58px;border-radius:8px;background:#d6d4fa}
.peek span{height:7px;border-radius:4px;background:#e1e3f6}.peek span:first-of-type{background:var(--c);width:60%}
.peek-hunter{grid-template-columns:1fr}.peek-hunter i{display:none}
.peek-hunter span,.peek-hunter span:first-of-type{width:auto;height:9px;background:#e1e3f6}
.peek-hunter span:nth-of-type(odd){width:70%;background:#c9c6f7}
.later{margin-top:16px;display:flex;align-items:center;gap:14px;padding:18px 22px;border-radius:24px;border:1.5px dashed color-mix(in srgb,var(--c) 40%,transparent);color:var(--mut);font-size:15px}
.later b{color:var(--ink)}
.later .pf-badge,.app h3 .pf-badge{color:var(--ink-2)}  /* метки «скоро»/«бета» в карточках хаба: тёмнее --mut, контраст ≥ 4.5 на подложке (ТЗ landing-polish, п. 10) */
.stub{padding-top:var(--pf-gap-hero)}.stub>:first-child{margin-top:0}
.stub .pf-app-head h1{font-size:34px;font-weight:800}.stub .pf-badge{margin-bottom:6px}
.stub .lead{margin-bottom:10px}.stub .acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.pf-err h1{font-size:24px;line-height:1.2;letter-spacing:-.02em;font-weight:700;margin:0}  /* страница ошибки — по макету site-apple-redesign-state: код + заголовок + одна капсула */
.pf-err{margin-inline:auto}  /* карточка ошибки — по центру страницы; содержимое внутри по левому краю */
/* юридический текст (/privacy) — лист pf-sheet + оглавление pf-toc (platform.css); здесь только то, чего в листе нет: таблицы, цитаты, код */
.legal-page{padding-top:var(--pf-gap-page)}.legal-page>:first-child{margin-top:0}
.pf-sheet ul{margin:0 0 10px 20px}
.pf-sheet blockquote{border-left:3px solid var(--hair);padding-left:12px;color:var(--mut);margin-bottom:10px}
.pf-sheet .tbl{overflow-x:auto;margin-bottom:12px}.pf-sheet table{border-collapse:collapse;font-size:13px;min-width:560px}
.pf-sheet th,.pf-sheet td{border-bottom:1px solid var(--hair);padding:8px 10px;text-align:left;vertical-align:top}
.pf-sheet code{background:rgba(24,35,31,.06);border-radius:6px;padding:0 4px;font-size:.92em}
/* хаб «Инструменты» (макет tools-hub-a): графитовые мини-превью вместо индиго «Работы»; бейдж «бета» рядом с названием */
.app h3 .pf-badge{vertical-align:middle;margin-left:6px;font-size:12px}
.hub-tools .peek{grid-template-columns:1fr;gap:7px}
.hub-tools .peek span{display:block;height:8px;border-radius:4px;background:#e3e7ec;width:auto}
.hub-tools .peek span:first-of-type{background:#e3e7ec;width:auto}
.hub-tools .peek span:nth-child(2n){width:78%}
/* «Маска»: строки договора, данные закрыты метками цвета раздела */
.peek-red span{position:relative}.peek-red span i{position:absolute;left:30%;top:-2px;width:26%;height:12px;border-radius:4px;background:var(--c)}
/* «Корректор»: строка скана, слово с опечаткой зачёркнуто и вписано заново */
.peek-fix span{position:relative}.peek-fix span i{position:absolute;left:22%;top:-1px;width:22%;height:10px;border-radius:4px;background:#f4d7d3}
.peek-fix span b{position:absolute;left:47%;top:-2px;width:22%;height:12px;border-radius:4px;background:var(--c)}
/* «Сканчек»: шкалы заключения */
.hub-tools .peek-chk .m{width:auto!important;height:8px;background:#e3e7ec}.peek-chk .m i{display:block;height:100%;border-radius:4px;background:var(--c)}
.peek-chk .v82{width:82%}.peek-chk .v64{width:64%}.peek-chk .v91{width:91%}.peek-chk .v47{width:47%}
@media (prefers-reduced-motion:reduce){.app{transition:none}a.app:active{transform:none}}
@media (max-width:900px){
  .apps{grid-template-columns:1fr}
}
@media (max-width:720px){
  .pf-sheet table{min-width:0;width:100%}.pf-sheet th,.pf-sheet td{overflow-wrap:anywhere}  /* таблица политики — без горизонтальной прокрутки на телефоне */
  h1{font-size:36px}
  .lead{font-size:17px}
  .grp{margin-top:40px}.grp h2{font-size:24px}
  .later{flex-wrap:wrap}
}