/* Работа (/rabota/) — variant B */
#tema-portal .tj-main{padding-bottom:56px}
#tema-portal .tj-main *{box-sizing:border-box}
#tema-portal .tj-main [hidden]{display:none!important}
#tema-portal .tj-note{margin:16px 0 0;padding:10px 14px;border-radius:10px;background:#fff4e5;color:#8a4b00;font-size:13px}
#tema-portal .tj-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#tema-portal .tj-main h1 span,#tema-portal .tj-main h2 span{color:#f07a12}

/* Hero: dark block with the best salary + four numbers */
#tema-portal .tj-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px 32px;align-items:end;margin-top:18px;padding:36px;border-radius:22px;background:#1f1b17 radial-gradient(60% 120% at 100% 0,rgba(240,122,18,.32),transparent 70%);color:#fff}
#tema-portal .tj-hero-text{min-width:0}
#tema-portal .tj-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#ffb04a;font-size:13px;font-weight:700}
#tema-portal .tj-eyebrow i{width:8px;height:8px;border-radius:50%;background:#3ecf6e;box-shadow:0 0 0 4px rgba(62,207,110,.2)}
#tema-portal .tj-hero h1{margin:12px 0 10px!important;padding:0!important;color:#fff!important;font-size:54px!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:800!important}
#tema-portal .tj-hero-text p{margin:0!important;color:#cfc5b6!important;font-size:16px!important;line-height:1.45!important;max-width:32em}
#tema-portal .tj-top{display:block;min-width:0;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.08);color:#fff!important;text-decoration:none!important;transition:background .2s}
#tema-portal .tj-top:hover{background:rgba(255,255,255,.13)}
#tema-portal .tj-top small{display:block;color:#ffb04a;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
#tema-portal .tj-top strong{display:block;margin:6px 0 4px;font-size:40px;line-height:1;font-weight:800;letter-spacing:-.03em}
#tema-portal .tj-top span{color:#cfc5b6;font-size:14px;line-height:1.4}
#tema-portal .tj-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px;border-radius:16px;background:rgba(255,255,255,.06)}
#tema-portal .tj-strip div{padding:18px 22px;border-left:1px solid rgba(255,255,255,.1);min-width:0}
#tema-portal .tj-strip div:first-child{border-left:0}
#tema-portal .tj-strip b{display:block;font-size:30px;line-height:1.1;font-weight:800;letter-spacing:-.02em}
#tema-portal .tj-strip span{display:block;margin-top:4px;color:#cfc5b6;font-size:13px;line-height:1.35}

/* Call to employers */
#tema-portal .tj-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:16px;padding:16px 20px;border-radius:16px;background:#fff4e5;color:#3c2a12!important;text-decoration:none!important;font-size:15px;line-height:1.4}
#tema-portal .tj-cta em{flex:none;padding:11px 18px;border-radius:12px;background:#f07a12;color:#fff;font-style:normal;font-weight:700;white-space:nowrap}
#tema-portal .tj-cta:hover em{background:#d96a0a}

/* Search, chips, toggles */
#tema-portal .tj-tools{margin:28px 0 16px}
#tema-portal .tj-find{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:16px;background:#f0ede6;max-width:560px}
#tema-portal .tj-find:focus-within{background:#fff;box-shadow:inset 0 0 0 2px #f07a12}
#tema-portal .tj-find svg{width:20px;height:20px;fill:none;stroke:#f07a12;stroke-width:2;stroke-linecap:round;flex:none}
#tema-portal .tj-find input{flex:1;min-width:0;height:100%;border:0!important;background:transparent!important;font:600 16px/1.2 inherit;font-family:inherit;color:#252821;outline:none!important;box-shadow:none!important;padding:0!important}
#tema-portal .tj-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
#tema-portal .tj-chips button{padding:9px 14px;border:0;border-radius:999px;background:#efece4;color:#252821;font:600 14px/1.2 inherit;font-family:inherit;cursor:pointer}
#tema-portal .tj-chips button i{font-style:normal;color:#8a8c83;margin-left:2px}
#tema-portal .tj-chips button[aria-pressed=true]{background:#252821;color:#fff}
#tema-portal .tj-chips button[aria-pressed=true] i{color:#cfc5b6}
#tema-portal .tj-toggles{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-size:14px;color:#3c3e37}
#tema-portal .tj-toggles label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
#tema-portal .tj-toggles input{width:18px;height:18px;accent-color:#f07a12;margin:0}

/* Cards */
#tema-portal .tj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#tema-portal .tj-card{display:flex;flex-direction:column;gap:8px;min-height:176px;padding:18px;border:1px solid #e6e2d8;border-radius:18px;background:#fff;color:#252821!important;text-decoration:none!important;transition:border-color .2s,box-shadow .2s,transform .2s}
#tema-portal .tj-card:hover{border-color:#d9d3c5;box-shadow:0 10px 24px -16px rgba(31,27,23,.45);transform:translateY(-2px)}
#tema-portal .tj-card.is-own{border-color:#f5c48f;background:#fffaf3}
#tema-portal .tj-src{display:flex;flex-wrap:wrap;gap:6px}
#tema-portal .tj-src b{padding:3px 8px;border-radius:7px;background:#efece4;color:#5d5f57;font-size:11px;font-weight:700;line-height:1.3}
#tema-portal .tj-src b.is-tema{background:#f07a12;color:#fff}
#tema-portal .tj-title{font-size:17px;line-height:1.28;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}
#tema-portal .tj-co{font-size:13px;line-height:1.4;color:#6b6d65}
#tema-portal .tj-ft{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}
#tema-portal .tj-sal{color:#22703a;font-size:17px;font-weight:800;line-height:1.2}
#tema-portal .tj-nosal{color:#a3a49c;font-size:13px}
#tema-portal .tj-when{display:inline-flex;align-items:center;gap:4px;flex:none;color:#8a8c83;font-size:12px;white-space:nowrap}
#tema-portal .tj-when .tp-ext{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
#tema-portal .tj-empty{margin:20px 0;padding:22px;border-radius:16px;background:#f0ede6;color:#5d5f57;text-align:center}

/* Picture ads open over the page */
#tema-portal .tj-lb{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(20,17,14,.78)}
#tema-portal .tj-lb-box{position:relative;width:min(760px,100%);max-height:100%;overflow:auto;padding:22px;border-radius:20px;background:#fff}
#tema-portal .tj-lb-box h3{margin:0 44px 14px 0!important;font-size:18px!important;line-height:1.3!important}
#tema-portal .tj-lb-box img{display:block;width:100%;height:auto;border-radius:12px;background:#f0ede6;min-height:200px}
#tema-portal .tj-lb-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#f0ede6;color:#252821;font-size:18px;cursor:pointer}
#tema-portal .tj-lb-x:hover{background:#e6e1d6}
#tema-portal .tj-lb-src{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 0;font-size:13px;color:#777971}
#tema-portal .tj-lb-zoom{padding:9px 14px;border-radius:12px;background:#f07a12;color:#fff!important;font-weight:700;text-decoration:none!important;white-space:nowrap}
#tema-portal .tj-lb-src a{color:#c25f08}

/* FAQ + about */
#tema-portal .tj-faq{margin-top:44px}
#tema-portal .tj-about{margin-top:36px;max-width:760px}
#tema-portal .tj-about h2{font-size:26px!important;margin:0 0 10px!important}
#tema-portal .tj-about p{font-size:15px;line-height:1.55;color:#3c3e37;margin:0 0 10px}
#tema-portal .tj-about a{color:#c25f08}

/* Employer form (/rabota/dobavit/) */
#tema-portal .tj-add-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:36px;margin-top:18px;align-items:start}
#tema-portal .tj-add-intro h1,#tema-portal .tj-job h1{margin:0 0 12px!important;font-size:46px!important;line-height:1.05!important;letter-spacing:-.04em!important;font-weight:800!important}
#tema-portal .tj-add-intro p{font-size:16px;line-height:1.5;color:#3c3e37}
#tema-portal .tj-add-intro ol{margin:18px 0;padding-left:22px;font-size:15px;line-height:1.7}
#tema-portal .tj-add-small{font-size:13px!important;line-height:1.5!important;color:#777971!important}
#tema-portal .tj-form,#tema-portal .tj-done{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:26px;border-radius:20px;background:#fff;border:1px solid #e6e2d8}
#tema-portal .tj-done{display:block}
#tema-portal .tj-f{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;border:0;padding:0}
#tema-portal .tj-f-wide{grid-column:1/-1}
#tema-portal .tj-f>span,#tema-portal .tj-f legend{font-size:13px;font-weight:700;color:#252821;padding:0}
#tema-portal .tj-f legend em{font-style:normal;font-weight:400;color:#777971}
#tema-portal .tj-f input,#tema-portal .tj-f select,#tema-portal .tj-f textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid #e1ddd2!important;border-radius:12px;background:#faf9f6;font:16px/1.4 inherit;font-family:inherit;color:#252821;box-shadow:none!important}
#tema-portal .tj-f textarea{resize:vertical;min-height:160px}
#tema-portal .tj-f input:focus,#tema-portal .tj-f select:focus,#tema-portal .tj-f textarea:focus{outline:none;border-color:#f07a12!important;background:#fff;box-shadow:0 0 0 3px rgba(240,122,18,.15)!important}
#tema-portal .tj-sal-set{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:8px}
#tema-portal .tj-sal-set legend{grid-column:1/-1;margin-bottom:6px}
#tema-portal .tj-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#tema-portal .tj-form-msg{grid-column:1/-1;margin:0;font-size:14px;min-height:0}
#tema-portal .tj-form-msg.is-err{color:#b3261e}
#tema-portal .tj-submit{grid-column:1/-1;display:inline-flex;justify-content:center;align-items:center;height:54px;padding:0 24px;border:0;border-radius:16px;background:#f07a12;color:#fff!important;font:700 16px/1 inherit;font-family:inherit;cursor:pointer;text-decoration:none!important}
#tema-portal .tj-submit:hover{background:#d96a0a}
#tema-portal .tj-submit:disabled{opacity:.6;cursor:wait}
#tema-portal .tj-form .tj-add-small{grid-column:1/-1;margin:0}
#tema-portal .tj-done h2{font-size:32px!important;margin:0 0 8px!important}
#tema-portal .tj-done p{font-size:16px;line-height:1.5;margin:0 0 18px}

/* One employer's vacancy (/rabota/ID/) */
#tema-portal .tj-job-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;margin-top:18px;align-items:start}
#tema-portal .tj-job h1{margin-top:12px!important}
#tema-portal .tj-job-co{font-size:17px;color:#6b6d65;margin:0 0 20px}
#tema-portal .tj-job-text p{font-size:16px;line-height:1.6;color:#252821;margin:0 0 14px}
#tema-portal .tj-job-card{padding:24px;border-radius:20px;background:#fff;border:1px solid #e6e2d8;position:sticky;top:90px}
#tema-portal .tj-job-card small{color:#2f8a4c;font-size:13px;font-weight:700}
#tema-portal .tj-job-card strong{display:block;margin:4px 0 16px;font-size:30px;line-height:1.1;font-weight:800;color:#22703a}
#tema-portal .tj-job-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0 0 18px;font-size:14px}
#tema-portal .tj-job-card dt{color:#777971}
#tema-portal .tj-job-card dd{margin:0;font-weight:600}
#tema-portal .tj-job-card h2{font-size:16px!important;margin:0 0 6px!important}
#tema-portal .tj-job-apply{font-size:16px;line-height:1.5;margin:0;overflow-wrap:anywhere}
#tema-portal .tj-job-apply a{color:#c25f08;font-weight:700}
#tema-portal .tj-back{display:inline-block;margin-top:14px;color:#c25f08!important;font-weight:700;font-size:14px}

/* Tablet and phone */
@media (max-width:1100px){
  #tema-portal .tj-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  #tema-portal .tj-hero,#tema-portal .tj-add-grid,#tema-portal .tj-job-grid{grid-template-columns:1fr}
  #tema-portal .tj-job-card{position:static}
}
@media (max-width:680px){
  #tema-portal .tj-hero{padding:22px 18px;gap:18px;border-radius:18px}
  #tema-portal .tj-hero h1{font-size:38px!important}
  #tema-portal .tj-top strong{font-size:32px}
  #tema-portal .tj-strip{grid-template-columns:1fr 1fr}
  #tema-portal .tj-strip div{padding:14px 16px}
  #tema-portal .tj-strip div:nth-child(3){border-left:0}
  #tema-portal .tj-strip div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.1)}
  #tema-portal .tj-strip b{font-size:24px}
  #tema-portal .tj-cta{flex-direction:column;align-items:stretch;text-align:left}
  #tema-portal .tj-cta em{text-align:center}
  #tema-portal .tj-chips{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}
  #tema-portal .tj-chips::-webkit-scrollbar{display:none}
  #tema-portal .tj-chips button{flex:none}
  #tema-portal .tj-grid{grid-template-columns:1fr;gap:10px}
  #tema-portal .tj-card{min-height:0}
  #tema-portal .tj-add-intro h1,#tema-portal .tj-job h1{font-size:34px!important}
  #tema-portal .tj-form{grid-template-columns:1fr;padding:18px}
  #tema-portal .tj-sal-set{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
  #tema-portal .tj-sal-set select{grid-column:1/-1}
}