/* Limited repairs for actual text lengths, loading and small screens. */
[hidden] { display: none !important; }
.auth-message { color: var(--text-secondary); line-height: 1.7; margin-bottom: 16px; overflow-wrap: anywhere; }
.auth-message:empty { display: none; }
.nav-row { gap: 18px; min-width: 0; }
.brand-wordmark { min-width: 0; max-width: 330px; }
.brand-wordmark > span { white-space: normal; overflow-wrap: anywhere; line-height: 1.4; font-size: clamp(15px, 1.6vw, 22px); }
.brand-icon { flex-shrink: 0; }
.nav-links { min-width: 0; gap: 4px; }
.nav-link { white-space: nowrap; padding-left: 10px; padding-right: 10px; }
.header-actions { flex-shrink: 0; }
.job-card-top > div:first-child, .company-meta, .company-meta > div:last-child { min-width: 0; }
.job-title, .company-name, .profile-name, .detail-title, #detailJobTitle, #detailCompanyName { overflow-wrap: anywhere; }
.job-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.job-salary { flex-shrink: 0; max-width: 48%; overflow-wrap: anywhere; white-space: normal; }
.soft-tag, .company-extra, .job-meta-row { overflow-wrap: anywhere; }
.job-meta-row, .filter-options, .filter-tabs { flex-wrap: wrap; }
.search-field, .search-select-wrap { min-width: 0; }
.job-k-status { grid-column: 1/-1; padding: 36px 20px; text-align: center; color: var(--text-secondary); }
.job-k-message { overflow-wrap: anywhere; white-space: pre-wrap; line-height: 1.8; }
.pagination { flex-wrap: wrap; gap: 6px; }
.input-control { min-width: 0; }
input:focus-visible, button:focus-visible, a:focus-visible, select:focus-visible { outline: 2px solid var(--primary); outline-offset: 3px; }
@media (max-width: 1100px) {
  .nav-row { flex-wrap: wrap; padding-top: 12px; padding-bottom: 12px; height: auto; }
  .brand-wordmark { margin-right: auto; max-width: 60%; }
  .nav-links { order: 3; width: 100%; display: flex; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }
}
@media (max-width: 768px) {
  .container { max-width: 100%; }
  .nav-row { gap: 8px; }
  .brand-wordmark { max-width: calc(100% - 150px); gap: 8px; }
  .brand-wordmark > span { font-size: 15px; }
  .header-actions { gap: 6px; }
  .header-actions > span { display: none; }
  .header-actions .btn { padding: 8px 10px; }
  .auth-page-wrap > .container > div[style*="grid-template-columns"] { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
  .auth-page-wrap > .container > div[style*="grid-template-columns"] > .auth-card-box { order: -1; }
  .auth-card-box { max-width: 100%; width: 100%; padding: 26px 20px; }
  .company-grid { grid-template-columns: minmax(0, 1fr) !important; }
  .detail-top-row, .results-bar, .profile-banner-card { gap: 16px; }
  .results-bar { align-items: flex-start; flex-direction: column; }
  .sort-options { flex-wrap: wrap; }
  .profile-banner-card { padding: 24px 20px; }
  .profile-tabs-nav { overflow-x: auto; }
  .profile-nav-tab { white-space: nowrap; }
  .modal-box { width: calc(100% - 24px); max-height: 90vh; overflow-y: auto; padding: 24px 18px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; scroll-behavior: auto !important; } }
/* Original card geometry, with necessary narrow-screen and data-length repairs. */
.pre-line,#detailHighlights,#sidebarCompDesc,#modalCompDesc{white-space:pre-line;overflow-wrap:anywhere}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.member-content-list{display:grid;gap:16px;margin:24px 0}
.profile-banner-card{gap:24px}.profile-user-info{min-width:0}.profile-name{overflow-wrap:anywhere}
.filter-tabs{flex-wrap:wrap}.section-head{gap:20px;flex-wrap:wrap}
textarea.input-control{height:auto;min-height:144px;padding:12px 16px;resize:vertical}
#publishForm{max-width:820px;margin-top:24px}#publishForm select{width:100%}
#publishMessage{margin:20px 0}#publishSubmit:disabled{opacity:.55;cursor:not-allowed}
#packageList .card{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
#packageList .card .btn{margin-top:auto}#publishForm .form-group{margin-bottom:20px}
#companyModal .modal-box{width:100%;margin:16px}#modalCompJobsList .card .job-salary{float:none!important;display:block}
@media(max-width:768px){.feature-grid{grid-template-columns:1fr}.profile-banner-card{align-items:stretch}.profile-user-info{flex-wrap:wrap}#memberStats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tabContentResume{padding:24px 20px!important}#publishForm{max-width:100%}.card:has(>#publishForm){padding:24px 20px!important}.detail-top-row>div{min-width:0!important}.detail-actions{flex-wrap:wrap}.filter-options{min-width:0;flex-wrap:wrap}#jobsSalaryInput{width:100%}#companyModal .modal-box{padding:24px 20px}.profile-tabs-nav{overflow:auto;white-space:nowrap}.profile-nav-tab{flex-shrink:0}}
#packageList{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:768px){#packageList{grid-template-columns:1fr}}
.search-input{min-width:0}
@media(max-width:768px){.search-field,.search-select-wrap{width:100%}.search-select{max-width:100%}}

.job-breadcrumb{flex-wrap:wrap}.job-breadcrumb>a{white-space:nowrap;flex-shrink:0}.job-breadcrumb>span{min-width:0}.job-breadcrumb #breadcrumbTitle{flex:1 1 160px;overflow-wrap:anywhere}
