.career-workspace { display: block; padding-top: 30px; padding-bottom: 65px; }
.career-main { min-width: 0; }
.career-page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.career-page-head .eyebrow { margin-bottom: 7px; }
.career-page-head .do-page-title { margin-bottom: 0; }
.career-ask-button { flex: 0 0 auto; min-height: 40px; }

.career-brief { display: grid; grid-template-columns: minmax(0, .82fr) minmax(360px, 1.18fr); align-items: stretch; gap: 24px; margin-bottom: 22px; }
.career-brief-copy { display: flex; flex-direction: column; justify-content: center; padding: 24px; border-top: 3px solid var(--navy-900); background: #edf1f4; }
.career-brief-copy strong { color: var(--navy-950); font: 1.12rem var(--serif); }
.career-brief-copy p { margin: 10px 0 0; color: #4b5563; font-size: 1rem; line-height: 1.65; }
.career-source-note { padding-top: 11px; border-top: 1px solid #d9e0e7; color: #735719 !important; }
.career-visual { position: relative; min-height: 310px; margin: 0; overflow: hidden; background: #dfe7ee; }
.career-visual img { width: 100%; height: 100%; min-height: 310px; display: block; object-fit: cover; }
.career-visual figcaption { position: absolute; left: 16px; right: 16px; bottom: 16px; padding: 10px 12px; color: var(--white); background: rgba(8,24,45,.78); font-size: .68rem; line-height: 1.5; }

.career-section-links { display: flex; gap: 22px; overflow-x: auto; padding: 0 0 14px; border-bottom: 1px solid var(--line); }
.career-section-links a { flex: 0 0 auto; color: var(--muted); font-size: .72rem; font-weight: 750; }
.career-section-links a:hover { color: var(--navy-900); }
.career-block { padding: 31px 0 35px; border-bottom: 1px solid var(--line); scroll-margin-top: 15px; }
.career-block-no-top-line { padding-top: 0; }
#sartlar { border-bottom: 0; }
.career-block > header { display: grid; grid-template-columns: .8fr 1.2fr; align-items: end; gap: 38px; margin-bottom: 20px; }
.career-block h2 { margin: 0; color: var(--navy-950); font: 1.55rem/1.15 var(--serif); }
.career-block header p { margin: 0; color: var(--muted); font-size: 1rem; font-style: italic; line-height: 1.65; }
.career-block > .career-stacked-head { display: block; }
.career-stacked-head h2 { white-space: nowrap; }
.career-stacked-head p { margin-top: 9px; text-align: left; }

.career-role-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.career-role-grid-three { grid-template-columns: repeat(3, 1fr); }
.career-role-grid article { min-height: 150px; padding: 19px; border: 1px solid #dfe3e8; background: var(--white); }
.career-role-grid span, .career-exam-grid span { color: var(--red-700); font-size: .54rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.career-role-grid h3, .career-exam-grid h3, .career-compare h3 { margin: 15px 0 8px; color: var(--navy-950); font: 1rem var(--serif); }
.career-role-grid p, .career-timing-grid p, .career-exam-grid p { margin: 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }

.career-compare { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.career-compare article { padding: 22px; border-top: 3px solid var(--navy-900); background: var(--white); box-shadow: 0 4px 18px rgba(8,24,45,.06); }
.career-compare article + article { border-top-color: var(--red-700); }
.career-compare ul { display: grid; gap: 9px; margin: 0; padding-left: 18px; color: #4b5563; font-size: 1rem; line-height: 1.65; }

.career-requirements { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); }
.career-requirements div { display: grid; gap: 7px; min-height: 120px; padding: 17px 18px; border-bottom: 1px solid var(--line); }
.career-requirements div:nth-child(odd) { border-right: 1px solid var(--line); }
.career-requirements strong, .career-timing-grid strong { color: var(--navy-800); font: 1rem/1.35 var(--serif); }
.career-requirements span { color: var(--muted); font-size: 1rem; line-height: 1.65; }

.career-roadmap { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.career-roadmap li { display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 15px; padding: 14px 8px; border-bottom: 1px solid var(--line); }
.career-roadmap li > span { width: 29px; height: 29px; display: grid; place-items: center; color: var(--white); border-radius: 50%; background: var(--navy-900); font-size: .55rem; font-weight: 800; }
.career-roadmap strong { color: var(--navy-800); font: 1rem/1.35 var(--serif); }
.career-roadmap p { margin: 3px 0 0; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.career-timing-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 14px; }
.career-timing-grid article { padding: 18px; border-left: 3px solid var(--gold-500); background: #edf1f4; }
.career-timing-grid strong { display: block; margin-bottom: 7px; }

.career-exam-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.career-exam-grid article { padding: 20px; border: 1px solid #dfe3e8; background: var(--white); }

.career-faq-list { border-top: 1px solid var(--line); }
.career-faq details { border-bottom: 1px solid var(--line); }
.career-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 15px 5px; color: var(--navy-950); font: .9rem var(--serif); cursor: pointer; list-style: none; }
.career-faq summary::-webkit-details-marker { display: none; }
.career-faq summary span { color: var(--red-700); font: 1.1rem var(--sans); transition: transform .18s ease; }
.career-faq details[open] summary span { transform: rotate(45deg); }
.career-faq details p { margin: -2px 5px 16px; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.career-faq details.is-locked summary { color: #8a5b13; }
.career-member-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; margin-top: 16px; padding: 13px 15px; color: #735719; border: 1px solid #ead79a; background: #fff9e7; font-size: 1rem; line-height: 1.65; }
.career-member-note[hidden], .career-membership-note[hidden] { display: none; }
.career-member-note strong { text-transform: uppercase; }
.career-member-note a { color: #735719; font-weight: 800; }

.career-sources { border-bottom: 0; }
.career-source-links { display: flex; flex-wrap: wrap; gap: 8px; }
.career-source-links a { min-height: 36px; display: inline-flex; align-items: center; padding: 0 13px; color: var(--navy-900); border: 1px solid #d7dee6; background: var(--white); font-size: .74rem; font-weight: 800; }
.career-source-links a:hover { color: var(--white); border-color: var(--navy-900); background: var(--navy-900); }

.career-question-callout { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 28px; padding: 20px; border-top: 2px solid var(--navy-900); background: #edf1f4; }
.career-question-callout div { display: grid; gap: 5px; }
.career-question-callout small { color: var(--red-700); font-size: .53rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.career-question-callout strong { color: var(--navy-950); font: .9rem var(--serif); }
.career-question-callout button { flex: 0 0 auto; }

.career-modal-overlay { position: fixed; inset: 0; z-index: 1000; display: none; align-items: flex-start; justify-content: center; padding: 24px 18px; overflow-y: auto; background: rgba(8,24,45,.64); }
.career-modal-overlay.is-open { display: flex; }
.career-modal { width: min(650px,100%); margin: auto; overflow: hidden; border-radius: 12px; background: var(--white); box-shadow: 0 25px 70px rgba(0,0,0,.3); }
.career-modal header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 23px 26px 17px; border-bottom: 1px solid var(--line); }
.career-modal h2 { margin: 5px 0 0; color: var(--navy-950); font: 1.5rem/1.3 var(--serif); }
.career-modal header button { padding: 0 3px; color: var(--muted); border: 0; background: transparent; font-size: 1.65rem; cursor: pointer; }
.career-membership-note { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 12px 26px; color: #735719; background: #fff9e7; font-size: 1rem; line-height: 1.65; }
.career-membership-note strong { text-transform: uppercase; }
.career-membership-note a { color: #735719; font-weight: 800; }
.career-modal form { display: grid; gap: 15px; padding: 22px 26px 25px; }
.career-modal form > label { display: grid; gap: 7px; color: var(--ink); font-size: 1rem; font-weight: 700; }
.career-modal input[type="text"], .career-modal select, .career-modal textarea { width: 100%; min-height: 46px; padding: 11px 12px; color: var(--ink); border: 1px solid #d8dde3; border-radius: 5px; outline: 0; background: var(--white); font: 1rem/1.5 var(--sans); }
.career-modal select { height: 46px; }
.career-modal textarea { resize: vertical; }
.career-modal input:focus, .career-modal select:focus, .career-modal textarea:focus { border-color: var(--navy-900); box-shadow: 0 0 0 3px rgba(12,35,66,.08); }
.career-modal label small { margin-top: -3px; color: var(--muted); text-align: right; font-size: .68rem; font-weight: 400; }
.career-form-message { min-height: 18px; margin: 0; color: var(--red-700); font-size: .76rem; font-weight: 700; }
.career-form-actions { display: flex; justify-content: flex-end; gap: 10px; }
.career-form-actions .button-ghost { min-height: 48px; padding: 0 20px; color: var(--navy-900); border-color: #cbd3dc; background: var(--white); }
.career-form-actions .button-ghost:hover { color: var(--navy-950); border-color: var(--navy-900); background: #edf1f4; }
body.has-open-career-modal { overflow: hidden; }
.career-footer { padding-top: 1px; }
.career-footer .footer-bottom { margin-top: 0; }

@media (max-width: 900px) {
  .career-page-head, .career-block > header { align-items: flex-start; }
  .career-block > header, .career-brief, .career-role-grid-three, .career-compare, .career-exam-grid { grid-template-columns: 1fr; }
  .career-visual, .career-visual img { min-height: 260px; }
}

@media (max-width: 620px) {
  .career-page-head + * { min-width: 0; }
  .mobile-compact-hero .do-hero h1 {
    font-size: clamp(.94rem, 4.15vw, 1.08rem);
    white-space: nowrap;
  }
  .mobile-compact-hero .academy-hero-row { gap: 8px; }
  .mobile-compact-hero .academy-hero-button {
    min-height: 34px;
    padding: 0 11px;
    font-size: .62rem;
  }
  .career-workspace { padding-top: 20px; }
  .career-page-head { align-items: stretch; flex-direction: column; }
  .career-ask-button { width: 100%; }
  .career-brief-copy { padding: 18px; }
  .career-visual, .career-visual img { min-height: 220px; }
  .career-section-links { gap: 17px; }
  .career-stacked-head h2 { white-space: normal; }
  .career-requirements, .career-timing-grid { grid-template-columns: 1fr; }
  .career-requirements div:nth-child(odd) { border-right: 0; }
  .career-member-note, .career-membership-note { grid-template-columns: 1fr; }
  .career-question-callout { align-items: flex-start; flex-direction: column; }
  .career-question-callout button { width: 100%; }
  .career-modal-overlay { padding: 8px 6px; }
  .career-modal { width: calc(100vw - 12px); border-radius: 10px; }
  .career-modal header { padding: 18px 18px 14px; }
  .career-modal form { padding: 18px; }
}