@media (max-width: 1280px) {
  .metric-grid { grid-template-columns: repeat(3, 1fr); }
  .metric-grid a:nth-child(3) { border-right: 0; }
  .metric-grid a:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .record-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 1180px) {
  .site-header { gap: 1rem; }
  .site-header { grid-template-columns: auto 1fr auto; }
  .site-header.is-authenticated { grid-template-rows: var(--header-height); padding-block: .75rem; }
  .nav-toggle { display: inline-flex; justify-self: end; width: auto; padding-inline: .75rem; }
  .global-navigation, .site-header.is-authenticated .global-navigation { position: absolute; top: calc(100% + .5rem); left: var(--gutter); right: var(--gutter); display: none; max-height: calc(100dvh - var(--header-height) - 1.5rem); overflow-y: auto; padding: .65rem; border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--solid); box-shadow: var(--shadow-md); }
  .global-navigation.open, .site-header.is-authenticated .global-navigation.open { display: grid; }
  .site-nav { position: static; inset: auto; width: auto; display: grid; justify-content: stretch; gap: .1rem; overflow: visible; padding: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .site-nav[hidden] { display: none; }
  .nav-group-label { display: block; padding: .5rem .85rem .3rem; color: var(--muted); font-size: .65rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
  .site-nav a { min-height: 48px; padding: .7rem .85rem; font-size: .9rem; }
  .site-nav a.active, .site-nav a[aria-current="page"] { background: var(--color-mint-soft); box-shadow: none; }
  .site-nav a::after { display: none; }
  .recruitment-menu summary { width: 100%; min-height: 48px; justify-content: space-between; padding: .7rem .85rem; }
  .recruitment-menu > div { position: static; width: auto; margin: .15rem .4rem .45rem; padding-left: .35rem; border: 0; border-left: 2px solid var(--color-teal); border-radius: 0; box-shadow: none; transform: none; }
  .landing-hero { grid-template-columns: 1fr minmax(19rem, .68fr); gap: 3rem; }
  .hero-art { min-height: 24rem; }
  .account-menu summary small { display: none; }
}

@media (max-width: 900px) {
  .landing-hero { min-height: auto; grid-template-columns: 1fr; padding-block: 4.5rem; }
  .landing-hero .hero-copy { max-width: 44rem; }
  .hero-art { width: min(100%, 36rem); min-height: 25rem; }
  .jobs-hero, .hero:not(.landing-hero) { grid-template-columns: 1fr; }
  .jobs-hero > div, .hero > div { max-width: 44rem; }
  .platform-heading { min-height: 9rem; }
  .record-grid { grid-template-columns: 1fr 1fr; }
  .detail-card-grid { grid-template-columns: 1fr; }
  .toolbar { align-items: stretch; }
  .toolbar select { width: auto; max-width: none; }
  .integration-grid { grid-template-columns: 1fr; }
  .palette-showcase { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; gap: 2.5rem 1.5rem; }
  .footer-intro { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  .landing-metrics { align-items: flex-start; flex-direction: column; gap: 1rem; }
  .landing-metrics p { min-width: 0; }
  .welcome-grid { grid-template-columns: 1fr; }
  .welcome-grid article { min-height: auto; border-right: 0; border-bottom: 1px solid var(--line); }
  .welcome-grid article:last-child { border-bottom: 0; }
  .journey-split, .steps-grid { grid-template-columns: 1fr; }
  .journey-split > div { padding-right: 0; padding-bottom: 3rem; }
  .journey-split > div + div { padding-top: 3rem; padding-left: 0; padding-bottom: 0; border-top: 1px solid var(--line); border-left: 0; }
  .value-grid { grid-template-columns: repeat(2, 1fr); }
  .value-grid article:nth-child(2) { border-right: 0; }
  .value-grid article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .value-grid article:nth-child(2n) { border-right: 0; }
  .value-grid article { border-bottom: 1px solid var(--line); }
  .record-grid { grid-template-columns: 1fr; }
  .platform-heading { align-items: flex-start; flex-direction: column; justify-content: end; gap: .6rem; }
  .platform-heading > span { align-self: auto; }
  .toolbar { display: grid; grid-template-columns: 1fr 1fr; }
  .toolbar input, .toolbar select, .toolbar button { width: 100%; min-width: 0; }
}

@media (max-width: 620px) {
  :root { --header-height: 64px; --workspace-nav-height: 0px; --radius-panel: 20px; --radius-card: 14px; --gutter: .875rem; }
  body { font-size: 1rem; }
  .page-shell { padding-inline: .85rem; }
  .site-header { margin-top: 0; }
  .brand { font-size: 1.15rem; }
  .nav-toggle { gap: .35rem; font-size: .72rem; font-weight: 750; }
  .header-actions { gap: .1rem; }
  .account-menu summary { padding-inline: .35rem; }
  .account-menu summary small { display: none; }
  .account-menu > div { right: -2.6rem; }
  .theme-button { width: 36px; }
  .global-navigation, .site-header.is-authenticated .global-navigation { left: .75rem; right: .75rem; }
  .landing-hero { gap: 2.5rem; padding-block: 3.5rem; }
  .landing-hero h1 { font-size: clamp(3.3rem, 16vw, 4.6rem); }
  .hero-art { min-height: 0; border-radius: 2.5rem 1rem 2.5rem 1rem; padding: 1rem; }
  .hero-art p { display: block; }
  .hero-art p span { display: block; margin-top: .2rem; }
  .hero-journeys { grid-template-columns: 1fr; }
  .hero-journey { min-height: 8.5rem; padding-right: 2.5rem; }
  .hero-journey + .hero-journey { padding-left: 0; border-top: 1px solid var(--line); border-left: 0; }
  .hero-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .hero-actions .text-button { grid-column: 1 / -1; margin: 0; justify-content: flex-start; }
  .jobs-hero, .hero:not(.landing-hero) { padding-block: 3.25rem; }
  .jobs-hero h1, .hero h1 { font-size: clamp(3rem, 14vw, 4.3rem); }
  .search-row { grid-template-columns: 1fr; }
  .search-row > .primary-button { width: 100%; }
  .search-tools { align-items: flex-start; flex-direction: column; }
  .job-source-control > div { width: 100%; display: grid; }
  .job-source-control span { width: 100%; justify-content: center; }
  .results-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; }
  .results-actions label { display: grid; gap: .35rem; }
  .results-actions select { width: 100%; margin-left: 0; }
  .results-actions .export-menu { grid-column: 1 / -1; }
  .results-actions .export-menu > button { width: 100%; }
  .welcome-grid { margin-block: var(--space-5) var(--space-7); }
  .welcome-grid article { padding: 1.25rem .25rem; }
  .home-lower { margin-top: 3.5rem; }
  .steps-grid > div { padding: 1.75rem 1.35rem; }
  .journey-split h2 { font-size: 2.25rem; }
  .value-section, .steps-section, .faq-section { margin-top: 4.5rem; }
  .value-grid { grid-template-columns: 1fr; }
  .value-grid article { min-height: auto; padding: 1.5rem .25rem; border-right: 0; }
  .value-grid article:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
  .value-grid h3 { margin: 0 0 .5rem; }
  .candidate-shell, .our-jobs-shell { padding-block: 4rem; }
  .candidate-shell > h1 { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(2.7rem, 13vw, 4rem); }
  .site-footer { margin-inline: calc(var(--gutter) * -1); padding: 3rem var(--gutter); }
  .footer-inner { grid-template-columns: 1fr; gap: 2rem; }
  .footer-intro { grid-column: 1 / -1; }
  .salary-range { grid-template-columns: 1fr; }
  .toast-region { top: calc(var(--header-height) + .75rem); right: .75rem; width: calc(100vw - 1.5rem); }
  .platform-heading { min-height: 8rem; padding: 1.5rem 0 1rem; }
  .platform-heading h1 { font-size: 2.8rem; }
  .metric-grid { grid-template-columns: 1fr 1fr; }
  .metric-grid a, .metric-grid a:nth-child(3) { min-height: 7rem; padding: 1rem .7rem; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .metric-grid a:nth-child(2n) { border-right: 0; }
  .metric-grid strong { font-size: 2rem; }
  .metric-grid a small { opacity: 1; }
  .record-grid.is-list-view > article { display: block; }
  .view-mode { margin-left: 0; }
  .toolbar { grid-template-columns: 1fr; }
  .job-card-list > article, .candidate-list > article, .booking-list article { align-items: stretch; flex-direction: column; }
  .job-card-list > article > button, .candidate-list > article > button { width: 100%; }
  .form-grid { grid-template-columns: 1fr; }
  .detail-actions, .form-actions { display: grid; grid-template-columns: 1fr; }
  .detail-actions > *, .form-actions > * { width: 100%; }
  .pipeline-board { grid-template-columns: repeat(9, 16rem); }
  .pipeline-board.list-mode section > article { display: block; }
  .weekly-editor { grid-template-columns: 1fr; }
  .table-wrap { border-radius: var(--radius-control); }
  .record-table { width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
  .recruiter-table { min-width: 48rem; }
  #adminWorkspace .table-wrap { width: 100%; max-width: calc(100vw - 1.75rem); contain: inline-size paint; }
  .jobs-table thead { display: none; }
  .jobs-table tr { display: grid; padding-block: .5rem; border-bottom: 1px solid var(--line); }
  .jobs-table td { padding: .32rem .8rem; border: 0; }
  .dialog-header { padding: 1rem; }
  .detail-dialog { max-width: calc(100% - 1rem); border-radius: var(--radius-card); }
  dialog.compact-dialog { left: .5rem; right: auto; width: calc(100vw - 1rem) !important; min-width: 0; max-width: calc(100vw - 1rem) !important; margin-inline: 0; }
  .compact-dialog .platform-form { width: 100%; margin-block: 0; padding: 0 1rem 1rem; }
  .compact-dialog .dialog-header { padding: 1rem; }
  .compact-dialog .platform-form > *, .compact-dialog .dialog-header > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
  .compact-dialog .platform-form > button { width: 100%; }
  .pagination { gap: .35rem; }
  .pagination button { padding-inline: .45rem; }
}

@media (max-width: 390px) {
  .hero-actions { grid-template-columns: 1fr; }
  .hero-actions .text-button { grid-column: auto; }
  .primary-button, .secondary-button, .danger-button { width: 100%; }
  .metric-grid { grid-template-columns: 1fr; }
  .metric-grid article, .metric-grid article:nth-child(3) { grid-template-columns: 4.5rem 1fr; align-items: center; min-height: 4.8rem; border-right: 0; }
  .metric-grid span { margin-top: 0; }
  .palette-showcase { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}