/* изменено 2026-09-30 19:30 */
/* ============================================================
   Будни_BY — стили сгенерированных SEO-страниц (/rabota/…).
   Токены и компоненты — те же, что в index.html (граф. палитра, акцент 2AABEE,
   Chakra Petch / Inter / JetBrains Mono), плюс списки вакансий и «чипы».
   ============================================================ */
:root{
  --navy-950:#0d1012; --navy-900:#15191c; --navy-850:#1c2124; --navy-800:#1a1e22;
  --navy-700:#2a2f35; --navy-600:#3a414a;
  --blue-300:#8ad4f7; --blue-400:#5cc1f2; --blue-500:#2aabee; --blue-600:#1b8fcb;
  --teal-400:#4fc9b8;
  --ink-50:#eef1f2; --ink-200:#c9cfd3; --ink-300:#a7afb5; --ink-500:#7b838a;
  --on-accent:#0d1012;
  --header-bg:rgba(13,16,18,.85); --border-hair:rgba(255,255,255,.06);
  --radius:14px; --radius-sm:10px; --maxw:860px; --gutter:20px;
  --ease:cubic-bezier(.16,.8,.28,1);
}
@media(min-width:640px){ :root{ --gutter:32px; } }
:root[data-theme="light"]{
  --navy-950:#f4f6f8; --navy-900:#eef1f4; --navy-850:#e9edf1; --navy-800:#ffffff;
  --navy-700:#e1e6eb; --navy-600:#c9d0d7;
  --blue-300:#166f9e; --blue-400:#1b8fcb; --blue-500:#2aabee; --blue-600:#1b8fcb;
  --teal-400:#2c8a80;
  --ink-50:#171a1d; --ink-200:#3f474e; --ink-300:#5b6570; --ink-500:#6d7780;
  --header-bg:rgba(244,246,248,.9); --border-hair:rgba(13,16,18,.08);
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; }
body{
  background:var(--navy-950); color:var(--ink-50);
  font-family:'Inter',sans-serif; font-size:16px; line-height:1.55;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; }
:focus-visible{ outline:2px solid var(--blue-400); outline-offset:3px; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 var(--gutter); }
h1,h2,h3{ font-family:'Chakra Petch',sans-serif; letter-spacing:.01em; }
p{ color:var(--ink-300); }
@media (prefers-reduced-motion: reduce){ *{ transition-duration:.001ms !important; scroll-behavior:auto !important; } }

/* ---------- шапка ---------- */
header{
  position:sticky; top:0; z-index:100; background:var(--header-bg); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border-hair);
}
.nav{ display:flex; align-items:center; justify-content:space-between; height:64px; gap:12px; }
.brand{ display:flex; align-items:center; gap:9px; min-height:44px; }
.brand-mark{ width:30px; height:30px; flex:none; border-radius:8px; background:var(--blue-500); display:flex; align-items:center; justify-content:center; font-family:'Chakra Petch',sans-serif; font-weight:700; color:var(--on-accent); }
.brand-name{ font-family:'Chakra Petch',sans-serif; font-weight:600; font-size:16px; line-height:1.1; }
.brand-name span{ display:block; color:var(--blue-400); font-size:10.5px; font-family:'JetBrains Mono',monospace; letter-spacing:.12em; font-weight:400; margin-top:3px; }
.nav-right{ display:flex; align-items:center; gap:10px; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:14px 22px; min-height:48px; border-radius:999px; white-space:nowrap;
  font-family:'Chakra Petch',sans-serif; font-weight:600; font-size:15px; border:1px solid transparent;
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.btn-sm{ min-height:44px; padding:0 18px; font-size:14px; }
.btn-primary{
  background:linear-gradient(135deg, var(--blue-400), var(--blue-500) 55%, var(--blue-600));
  color:var(--on-accent); box-shadow:0 8px 24px -8px rgba(42,171,238,.5);
}
.btn-primary:hover{ transform:translateY(-2px); }

/* ---------- страница ---------- */
.page{ padding-top:22px; padding-bottom:56px; }
.crumbs{ font-size:13px; color:var(--ink-500); margin-bottom:18px; line-height:1.9; }
.crumbs a{ color:var(--blue-400); }
.crumbs a:hover{ text-decoration:underline; }
h1{ font-size:clamp(26px,5vw,38px); line-height:1.15; font-weight:700; margin-bottom:14px; }
h2{ font-size:20px; font-weight:600; margin:34px 0 14px; }
.lead{ font-size:16.5px; line-height:1.65; color:var(--ink-200); }
.lead b{ color:var(--ink-50); }
.updated{ margin-top:8px; font-size:12.5px; color:var(--ink-500); font-family:'JetBrains Mono',monospace; }

/* ---------- призыв в Telegram ---------- */
.cta-band{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  margin:26px 0; padding:18px 20px; border-radius:var(--radius);
  background:linear-gradient(160deg, var(--navy-850), var(--navy-800)); border:1px solid rgba(42,171,238,.4);
}
.cta-band > div{ min-width:0; flex:1 1 260px; }
.cta-band strong{ display:block; font-family:'Chakra Petch',sans-serif; font-size:17px; margin-bottom:4px; }
.cta-band span{ font-size:13.5px; color:var(--ink-300); }

/* ---------- список вакансий ---------- */
.vac-list{ display:flex; flex-direction:column; gap:12px; margin-top:18px; }
.vac{ background:var(--navy-800); border:1px solid var(--navy-700); border-radius:var(--radius); padding:16px 18px; }
.vac-top{ display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.vac h3{ font-size:16.5px; font-weight:600; line-height:1.3; }
.vac-date{ flex:none; font-family:'JetBrains Mono',monospace; font-size:12.5px; color:var(--ink-500); white-space:nowrap; padding-top:2px; }
.vac-meta{ margin-top:6px; font-size:14px; color:var(--ink-200); }
.vac-text{ margin-top:6px; font-size:13.5px; color:var(--ink-300); line-height:1.55; }
.tags{ display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.tag{ font-size:12px; padding:3px 10px; border-radius:20px; background:rgba(79,201,184,.14); color:var(--teal-400); }
.more{ margin-top:14px; font-size:13.5px; color:var(--ink-500); }

/* ---------- чипы-ссылки (профессии/города) ---------- */
.chips{ display:flex; flex-wrap:wrap; gap:8px; }
.chip{
  display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 16px; border-radius:22px;
  background:var(--navy-800); border:1px solid var(--navy-700); color:var(--ink-200); font-size:14px;
  transition:border-color .25s var(--ease), color .25s var(--ease);
}
.chip:hover{ border-color:var(--blue-500); color:var(--blue-300); }
.chip b{ font-family:'JetBrains Mono',monospace; font-weight:600; font-size:12.5px; color:var(--blue-400); }
.chips-lg .chip{ font-size:15px; }

/* ---------- подвал ---------- */
footer{ padding:36px 0 30px; border-top:1px solid var(--navy-700); }
.footer-inner{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; }
.footer-links{ display:flex; flex-wrap:wrap; gap:6px 18px; }
.footer-links a{ font-size:13.5px; color:var(--ink-300); min-height:32px; display:inline-flex; align-items:center; }
.footer-links a:hover{ color:var(--blue-300); }
.footer-note{ font-size:12px; color:var(--ink-500); width:100%; margin-top:14px; }