.eyebrow { margin:0 0 12px; color:var(--orange); font-size:12px; font-weight:600; letter-spacing:.6px; text-transform:uppercase; }
.lead { color:var(--text-secondary); font-weight:400; }
.button { width:100%; min-height:56px; border:0; border-radius:18px; padding:13px 18px; font-weight:600; letter-spacing:-.1px; transition:transform .18s,background .18s; }
.button:hover { transform:translateY(-1px); }
.button-primary { color:#fff; background:var(--orange); box-shadow:0 10px 24px rgb(var(--orange-rgb) / .22); }
.button-primary:hover { background:var(--orange); }
body:has(.application-screen) .rt-consent-banner,body:has(.thanks-screen) .rt-consent-banner{display:none!important}
.button-secondary { color:var(--text); background:var(--soft); }
.icon-button { width:44px; height:44px; border:1px solid var(--line); border-radius:50%; color:var(--text); background:#fff; font-size:1.55rem; line-height:1; }
.selected-vacancy { margin:-5px 0 20px; color:var(--orange); font-size:.95rem; font-weight:700; }

/* Home-only refinements keep shared controls unchanged on other screens. */
.home-content { --home-action-radius:18px; }
.home-content .eyebrow { margin-bottom:var(--badge-title-gap); }
.home-badge { display:inline-flex; width:max-content; align-items:center; padding:6px 12px; border-radius:7px; color:#fff; background:var(--orange); font-size:12px; font-weight:600; letter-spacing:.5px; line-height:1; }
.home-content h1 { margin-bottom:11px; color:#1d1d1f; font-size:clamp(27px,7.4vw,34px); font-weight:700; letter-spacing:-.6px; line-height:1.1; }
.home-content .lead { max-width:30ch; margin-bottom:0; color:#3a3a3c; font-size:15px; font-weight:400; letter-spacing:-.1px; line-height:1.45; }
.home-option-list { display:grid; gap:12px; margin-top:24px; }
.info-content { padding-top:32px; }
.info-content h2 { margin-bottom:8px; color:var(--text-primary); font-family:var(--font-sans); font-size:var(--font-size-page-title); font-weight:var(--font-weight-bold); line-height:var(--line-height-page-title); }
.info-content .lead { margin-bottom:0; }
.useful-screen { min-width:320px; background:#fff; color:var(--text-primary); }
.info-page { width:min(100%,920px); margin:0 auto; padding:28px 20px calc(34px + var(--bottom-nav-total-height)); }
.info-hero { position:relative; z-index:0; min-height:101px; isolation:isolate; margin-bottom:22px; padding-bottom:13px; }
.info-hero__copy { position:relative; z-index:1; }
.info-hero h1 { margin:0 0 8px; color:var(--text-primary); font-family:var(--font-sans); font-size:var(--font-size-page-title); font-weight:var(--font-weight-bold); line-height:var(--line-height-page-title); }
.info-hero p { max-width:42ch; margin:0; color:var(--text-secondary); font-size:16px; font-weight:400; line-height:1.4; }
.info-articles { display:grid; gap:12px; }
.info-article-card { position:relative; display:block; min-height:208px; overflow:hidden; isolation:isolate; border:1px solid rgba(0,0,0,.07); border-radius:18px; color:#fff; background:#e8dfd8; box-shadow:0 9px 22px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.055); text-decoration:none; transition:transform 120ms ease,box-shadow 120ms ease; }
.info-article-card::after { position:absolute; z-index:-1; inset:0; background:linear-gradient(180deg,rgba(18,18,20,.02) 20%,rgba(18,18,20,.35) 57%,rgba(18,18,20,.94) 100%); content:""; pointer-events:none; }
.info-article-card__image { position:absolute; z-index:-2; inset:0; display:block; width:100%; height:100%; object-fit:cover; }
.info-article-card__title { position:absolute; right:62px; bottom:18px; left:18px; color:#fff; font-size:var(--font-size-card-title); font-weight:var(--font-weight-semibold); letter-spacing:-.25px; line-height:var(--line-height-card-title); text-shadow:0 1px 8px rgba(0,0,0,.3); }
.info-article-card .info-article-card__arrow { position:absolute; top:auto; right:16px; bottom:16px; display:block; width:20px; height:20px; border:0; border-radius:0; color:#fff; background:transparent; box-shadow:none; line-height:1; transition:transform 120ms ease; }
.info-article-card .info-article-card__arrow svg { display:block; width:20px; height:20px; color:#fff; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:2; }
.info-article-card:hover { box-shadow:0 9px 22px rgba(0,0,0,.12),0 3px 8px rgba(0,0,0,.055); }
.info-article-card:active { transform:scale(.99); box-shadow:0 6px 16px rgba(0,0,0,.10),0 2px 5px rgba(0,0,0,.05); }
.info-article-card:active .info-article-card__arrow { transform:translateX(1px); }
.info-article-card:focus-visible { outline:3px solid rgba(249,115,22,.7); outline-offset:3px; }
@media (min-width:700px) { .info-page { padding-top:42px; } .info-articles { grid-template-columns:repeat(2,minmax(0,1fr)); } .info-article-card { min-height:230px; } }
@media (prefers-reduced-motion:reduce) { .info-article-card { transition:none; } }
.article-page { width:min(100%,720px); margin:0 auto; padding:28px 20px calc(34px + var(--bottom-nav-total-height)); }
.article-content { color:var(--text-primary); }
.article-content h1 { margin:0 0 14px; color:var(--text-primary); font-family:var(--font-sans); font-size:var(--font-size-page-title); font-weight:var(--font-weight-bold); line-height:var(--line-height-page-title); }
.article-content h2 { margin:26px 0 10px; color:var(--text-primary); font-family:var(--font-sans); font-size:20px; font-weight:var(--font-weight-bold); line-height:1.25; }
.article-content p { margin:0 0 14px; color:var(--text-secondary); font-size:16px; font-weight:400; line-height:1.5; }
.article-content strong,.article-content b { color:var(--text-primary); font-weight:var(--font-weight-semibold); }
.article-content ul { display:grid; gap:7px; margin:0 0 16px; padding-left:22px; color:var(--text-secondary); font-size:16px; font-weight:400; line-height:1.5; }
.article-content li { padding-left:2px; }
.article-source { margin-top:26px!important; color:var(--text-secondary); font-size:14px!important; line-height:1.45!important; }
.article-source a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.article-content a,.article-content a:visited,.article-editor-content a,.article-editor-content a:visited { color:var(--orange,#F97316); font-family:inherit; font-size:inherit; font-weight:inherit; line-height:inherit; text-decoration:underline; text-underline-offset:2px; }
.article-content a strong,.article-content a b,.article-editor-content a strong,.article-editor-content a b { color:inherit; }
.article-content a:hover,.article-content a:focus-visible,.article-editor-content a:hover,.article-editor-content a:focus-visible { color:#ea580c; }
.article-related { margin-top:30px; }
.article-related h2 { margin-bottom:12px; }
.article-share { margin-top:32px; padding-top:24px; border-top:1px solid rgba(0,0,0,.08); }
.article-share h2 { margin:0 0 5px; font-size:20px; }
.article-share p { margin:0; font-size:15px; }
.article-share__actions { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); width:calc(min(420px,88vw) - 50px); gap:9px; margin-top:14px; }
.article-share__social { display:grid; width:46px; justify-self:center; justify-items:center; gap:7px; padding:0; border:0; background:transparent; color:var(--text-secondary); font-size:11px; font-weight:400; line-height:normal; cursor:pointer; }
.article-share__social-tile { display:grid; width:46px; height:46px; place-items:center; border:0; border-radius:15px; background:rgba(249,115,22,.1); color:var(--orange); }
.article-share__social svg { display:block; width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.article-share__label { color:var(--text-secondary); font-size:11px; font-weight:400; line-height:normal; }
.article-share__social[data-article-share-channel="facebook"] .article-share__social-tile { color:#1877F2; background:rgba(24,119,242,.1); }
.article-share__social[data-article-share-channel="facebook"] path { fill:currentColor; stroke:none; }
.article-share__social[data-article-share-channel="viber"] .article-share__social-tile { color:#7360F2; background:rgba(115,96,242,.12); }
.article-share__social[data-article-share-channel="telegram"] .article-share__social-tile { color:#229ED9; background:rgba(34,158,217,.12); }
.article-share__social:hover .article-share__social-tile { filter:brightness(.96); }
.article-share__social,.article-share__social-tile,.article-share__social svg,.article-share__label { transform:none; transition:none; animation:none; }
.article-share__social:active,.article-share__social:active .article-share__social-tile,.article-share__social:active svg,.article-share__social:active .article-share__label { transform:none; }
.article-share__social:focus-visible { outline:3px solid rgba(249,115,22,.55); outline-offset:3px; }
@media (max-width:350px) { .article-share__actions { grid-template-columns:repeat(2,minmax(0,1fr)); width:calc(90vw - 50px); } }
@media (min-width:700px) { .article-page { padding-top:42px; } }
.home-action { display:flex; align-items:center; justify-content:flex-start; gap:14px; width:100%; border-radius:var(--home-action-radius); padding:14px 18px; box-shadow:0 8px 24px rgba(15,23,42,.08); text-align:left; transition:box-shadow .18s ease; }
.home-action .button-icon { display:grid; width:30px; min-width:30px; height:30px; place-items:center; }
.home-action .button-icon svg { width:30px; height:30px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.home-action .button-copy { display:grid; gap:4px; min-width:0; }
.home-action .button-title { font-size:20px; font-weight:600; letter-spacing:-.2px; line-height:1.1; white-space:nowrap; }
.home-action .button-subtitle { margin-top:4px; font-size:16px; font-weight:400; letter-spacing:-.05px; line-height:1.18; }
.home-action--recruiter { min-height:74px; border:2px solid var(--orange); color:var(--orange); background:#fff; }
.home-action--recruiter .button-subtitle { color:#3a3a3c; }
.home-action--browse { min-height:76px; color:#fff; background:var(--orange); }
.home-action--browse .button-title { font-size:20px; }
.home-action--browse .button-subtitle { color:rgba(255,255,255,.9); }
.home-content .home-action--recruiter:hover { background:#fff; }
.home-content .home-action:hover { transform:none; }
.home-content .home-action--browse:hover { background:var(--orange); }
.home-content .home-action:active { transform:scale(.99); }
.home-action:focus-visible { outline:3px solid var(--orange); outline-offset:3px; }

/* Compact Home button typography for phones only. */
@media (max-width:767px) {
  .home-content h1,
  .home-content .lead { text-align:center; }
  .home-content .lead { max-width:none; font-size:16px; white-space:nowrap; }
  .home-content .actions { margin-top:32px; }
  .home-action { gap:11px; min-height:76px; height:76px; padding-right:16px; padding-left:16px; }
  .home-action .button-copy { display:flex; flex:1; min-width:0; flex-direction:column; align-items:flex-start; justify-content:center; gap:0; text-align:left; }
  .home-action .button-title { font-family:inherit; font-size:19px; font-weight:600; letter-spacing:-.2px; line-height:1.18; white-space:nowrap; }
  .home-action .button-subtitle { margin-top:4px; font-size:15px; font-weight:400; line-height:1.25; white-space:nowrap; }
}

@media (max-width:340px) {
  .home-content .lead { white-space:normal; }
}

@media (hover:hover) and (pointer:fine) {
  .home-action { transition:transform .18s ease, box-shadow .18s ease; }
  .home-content .home-action:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(15,23,42,.12); }
}
