.career-modal textarea { width:100%; min-height:130px; margin:10px 0; padding:20px; border:2px solid #D2B06A; background:#f1eada; border-radius:10px; font:18px Arial,sans-serif; resize:vertical; }
.career-modal textarea:focus { border-color:#171d2d; }
.career-honeypot { position:absolute !important; left:-9999px !important; opacity:0 !important; }
/* Кастомный список вакансий: <select> скрыт, видимая кнопка повторяет
 * оформление полей формы, а сам список лежит в <body> и позиционируется из JS. */
.modal form .career-select__native { position:absolute !important; width:1px !important; height:1px !important; margin:-1px !important; padding:0 !important; overflow:hidden; clip:rect(0 0 0 0); border:0 !important; }
.modal form .career-select__button { display:block; width:100%; min-height:75px; margin:10px 0; padding:20px 58px 20px 28px; border:2px solid #d2b06a; border-radius:10px; background-color:#f1eada; color:#171d2d; font:18px Arial,sans-serif; text-align:left; cursor:pointer; background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3E%3Cpath fill='%23a98443' d='M1.4 0 8 6.3 14.6 0 16 1.4 8 9.2 0 1.4z'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 25px center !important; background-size:16px 10px; transition:border-color .2s; }
.modal form .career-select__button:hover, .modal form .career-select__button:focus { border-color:#171d2d; outline:none; }
.modal form .career-select__button[aria-expanded=true] { border-color:#171d2d; }
.career-select__list { display:none; position:fixed; z-index:100000; max-height:min(50vh,280px); overflow-y:auto; padding:7px; margin:0; list-style:none; border:2px solid #d2b06a; border-radius:10px; background:#f8f2e7; box-shadow:0 14px 30px rgba(23,29,45,.22); }
.career-select__list.is-open { display:block; }
.career-select__option { padding:13px 16px; border-radius:7px; color:#171d2d; cursor:pointer; font:16px Arial,sans-serif; line-height:1.35; transition:background .15s,color .15s; }
.career-select__option:hover { background:#e8dcc4; }
.career-select__option.is-selected { background:#171d2d; color:#f1eada; }
.career-select__list { scrollbar-width:thin; scrollbar-color:#c8a05e #f1eada; }
.career-select__list::-webkit-scrollbar { width:9px; }
.career-select__list::-webkit-scrollbar-track { background:#f1eada; border-radius:10px; }
.career-select__list::-webkit-scrollbar-thumb { background:#c8a05e; border:2px solid #f1eada; border-radius:10px; }
.career-fancybox .fancybox-inner { scrollbar-width:thin; scrollbar-color:#c8a05e #f1eada; }
.career-fancybox .fancybox-inner::-webkit-scrollbar { width:9px; }
.career-fancybox .fancybox-inner::-webkit-scrollbar-track { background:#f1eada; border-radius:10px; }
.career-fancybox .fancybox-inner::-webkit-scrollbar-thumb { background:#c8a05e; border:2px solid #f1eada; border-radius:10px; }
.career-fancybox .fancybox-inner::-webkit-scrollbar-thumb:hover { background:#171d2d; }
/* В style.css мобильная медиа-запрос ставит background-position с !important —
 * перебиваем только для этого поля, чтобы стрелка осталась справа. */
@media(max-width:767px) { .modal form .career-select__button { min-height:52px; margin:5px 0; padding:14px 45px 14px 20px; border-width:1px; font-size:16px; background-position:right 16px center !important; } .career-select__option { padding:12px 14px; } }

/* Страницы вакансий. Раньше эти правила жили в <style> шаблона 12 (список),
 * из-за чего карточка вакансии (шаблон 13) оставалась без верхнего отступа и
 * заезжала под фиксированный хедер. Держим их здесь — одни на оба шаблона. */
body:has(#vacancies-page) #header, body:has(#vacancy-page) #header { background:#171D2D; padding:20px 0; }
body:has(#vacancies-page), body:has(#vacancy-page) { min-height:100vh; display:flex; flex-direction:column; }
#vacancies-page, #vacancy-page { flex:1 0 auto; padding:150px 0 90px; color:#171d2d; }
body:has(#vacancies-page) #footer, body:has(#vacancy-page) #footer { margin-top:auto; }
#vacancies-page h1, #vacancy-page h1 { font-family:Garamond,Arial,sans-serif; font-size:44px; margin:0 0 18px; }
#vacancy-page h2 { font-family:Garamond,Arial,sans-serif; margin-top:32px; }
.vacancy-lead { font-size:18px; line-height:1.55; max-width:760px; }
.vacancy-search { width:100%; max-width:560px; margin:28px 0; padding:15px 18px; border:1px solid #d2b06a; border-radius:8px; font-size:16px; }
.vacancy-card { border:1px solid #e3d5bd; border-radius:12px; padding:25px; margin:0 0 18px; background:#faf6ef; }
.vacancy-card h2 { margin:0 0 8px; font-family:Garamond,Arial,sans-serif; font-size:30px; }
.vacancy-card h2 a { color:#171d2d; }
.vacancy-card__meta { color:#746246; }
.vacancy-card__link { color:#171d2d; font-weight:bold; }
.vacancy-search-empty { display:none; }
.vacancy-details { display:flex; flex-wrap:wrap; gap:10px; margin:18px 0 30px; }
.vacancy-details span { background:#faf6ef; border:1px solid #e3d5bd; border-radius:20px; padding:8px 14px; }
@media(max-width:767px) { #vacancies-page, #vacancy-page { padding:110px 0 65px; } #vacancies-page h1, #vacancy-page h1 { font-size:34px; } }
