/* V9.2: compact status cards, orange masthead and explicit tablet orientation. */
.top{background:linear-gradient(110deg,#ffe4bd 0%,#ffb565 48%,#ff8c38 100%);border-bottom:1px solid #efb071;box-shadow:0 3px 14px #a3521510}
.top .brand{display:inline-flex;align-items:center;flex-shrink:0;background:#fffaf4;border-radius:12px;padding:7px 12px;line-height:1}
.top .brand img{display:block;max-width:195px;height:auto;border-color:#ead7c0;border-radius:7px}
.top nav a{color:#253349;font-weight:600;border-radius:6px;padding:5px 3px}
.top nav a:hover,.top nav a:focus-visible{color:#172c48;background:#fff5e6;text-decoration:none;outline-offset:3px}
.top nav .identity-link{white-space:normal;min-width:0;max-width:100%;overflow-wrap:anywhere}
.top nav .identity-link b,.top nav .identity-link small{min-width:0;white-space:normal;overflow-wrap:anywhere}
.top .user-chip,.top .user-box,.top .user-identity{color:#17304e;border-color:#d78646}
.jobcard,.job-result{border:1px solid #dce1e6;border-radius:14px}
.jobcard.was-viewed,.job-result.was-viewed{border:1px solid #b8d6ed;background:linear-gradient(180deg,#fff,#fafdff)}
.jobcard.was-applied,.job-result.was-applied{border:1px solid #b5d9c4;background:linear-gradient(180deg,#fff,#fbfefc)}
.jobcard:hover,.job-result:hover{border-color:#f4be92;box-shadow:0 6px 20px #a65b1510}
.jobcard.was-viewed:hover{border-color:#86badf}.jobcard.was-applied:hover{border-color:#87bda0}
.jobcard{grid-template-columns:68px minmax(0,1fr);gap:6px 12px;min-height:0;align-content:start}
.jobcard>a.company-profile-link{grid-column:1;grid-row:1/span 2;width:68px;height:68px;align-self:start}
.jobcard>a.company-profile-link img,.jobcard>a.company-profile-link .company-initial{width:68px;height:68px;min-height:0;object-fit:contain}
.jobcard>:not(.card-hit):not(a.company-profile-link){grid-column:1/-1}
.jobcard>h3{grid-row:1;grid-column:2!important;margin:0!important}
.jobcard>p:first-of-type{grid-row:2;grid-column:2!important;margin:0!important}
.jobcard h3,.job-result h3{font-size:calc(var(--job-card-font,13px) + 3px);font-weight:800;line-height:1.42}
.jobcard h3 a,.job-result h3 a{font-weight:800}
.jobcard .chips{margin:2px 0}.jobcard p{margin:2px 0}
.job-history{display:flex;flex-direction:column;gap:4px;width:100%;margin:4px 0 0;padding:8px 10px;border-radius:9px;background:#f5f8fa;line-height:1.5;white-space:normal}
.job-history .history-viewed{color:#346589;font-weight:500}
.job-history .history-applied{color:#32724e;font-weight:700}
.candidate-results .jobcard{display:block}.candidate-results .jobcard>*{grid-column:auto!important}
.v92-mobile-menu{display:none}
#announcement-dialog{max-width:min(760px,calc(100vw - 40px));max-height:calc(100dvh - 60px);overflow:visible;padding:0;border:0;background:transparent}
#announcement-dialog>a{display:block;line-height:0;border-radius:18px;overflow:hidden}
#announcement-dialog img{display:block;width:100%;height:auto;max-height:calc(100dvh - 75px);object-fit:contain;border:1px solid #ead9c8;border-radius:18px}
#announcement-dialog .announcement-close{position:absolute;right:-12px;top:-18px;z-index:2;width:36px;height:36px;background:#fff;color:#7d390d;border:1px solid #efc5a0;border-radius:50%;line-height:1;box-shadow:0 3px 12px #0002}
@media(min-width:768px) and (max-width:1366px) and (orientation:portrait){
 .cards,.x7-job-grid,.company-view-grid,.company-directory,.candidate-results,body[data-page=home] .section>.cards{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:768px) and (max-width:1366px) and (orientation:landscape){
 .cards,.x7-job-grid,.company-view-grid,.company-directory,.candidate-results,body[data-page=home] .section>.cards{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:767px),(max-width:1023px) and (max-height:500px){
 .cards,.x7-job-grid,.company-view-grid,.company-directory,.candidate-results,body[data-page=home] .section>.cards{grid-template-columns:minmax(0,1fr)}
 .jobcard{grid-template-columns:64px minmax(0,1fr);padding:14px;gap:6px 12px}
 .jobcard>a.company-profile-link,.jobcard>a.company-profile-link img,.jobcard>a.company-profile-link .company-initial{width:64px;height:64px}
 .top{gap:8px;padding:10px 14px}.top .brand img{max-width:174px}.top .brand{padding:6px 9px}
 .top nav{gap:10px;flex-wrap:wrap;overflow:visible}.top nav a{font-size:13px}
 .v92-mobile-menu{display:flex;align-items:center;width:100%;padding:11px 14px;margin:0 0 14px;border:1px solid #f0cdb0;border-radius:10px;background:#fff5e9;color:#8a3c0d;font:700 14px Tahoma,Arial,sans-serif;cursor:pointer}
 body.v92-menu-ready:not(.v92-menu-open) .workspace-nav{display:none!important}
 #announcement-dialog{max-width:calc(100vw - 30px)}
}
@media(prefers-reduced-motion:reduce){.jobcard,.job-result{transition:none;transform:none!important}}
@media(max-width:1050px){.top{height:auto;flex-wrap:wrap;padding:10px 14px;gap:8px}.top nav{flex:1 1 100%;width:100%;max-width:100%;flex-wrap:wrap;gap:8px 12px;overflow:visible}.top nav .identity-link{flex:1 1 220px}}

/* V9.3: one homepage heading, photo invitation and mobile layout. */
/* V9.3.1: larger company identities without cropping uploaded artwork. */
.company-logo-strip{gap:18px;padding:8px 2px 18px;scroll-padding-inline:2px}
.company-logo-strip>a{flex:0 0 260px;min-height:240px;padding:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}
.company-logo-strip img{display:block;width:100%;max-width:228px;height:152px;object-fit:contain;background:#fff;border:1px solid #d9dee5;border-radius:10px;box-sizing:border-box}
.company-logo-strip span{font-size:14px;line-height:1.6;margin-top:14px;overflow-wrap:anywhere}
.company-logo-strip .company-initial{width:100%;min-height:152px;font-size:36px!important}
.company-logo-strip>a:hover{border-color:#ef8e52;box-shadow:0 8px 22px #17304712}
.company-logo-strip>a:focus-visible{outline:3px solid #f58236;outline-offset:2px}
@media(max-width:600px){.company-logo-strip>a{flex-basis:224px;min-height:214px;padding:14px}.company-logo-strip img{height:132px;max-width:194px}.company-logo-strip .company-initial{min-height:132px}.company-logo-strip span{font-size:13px}}
body[data-page="home"] .hunsa-hero .search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:14px;align-items:end}
body[data-page="home"] .hunsa-hero .search>input[name="q"]{grid-column:1/-1;width:100%;min-width:0;border:1px solid #e1e4e8;border-radius:8px;min-height:44px;box-sizing:border-box}
body[data-page="home"] .hunsa-hero .search>.x6-title-picker{grid-column:1/-1;width:100%;box-sizing:border-box}
body[data-page="home"] .hunsa-hero .search>.btn{white-space:nowrap;min-height:44px}
.hunsa-hero h1{font-size:clamp(36px,4.5vw,64px);line-height:1.2;color:#173047;margin:18px 0 20px;font-weight:800;letter-spacing:-.025em}.hunsa-hero h1 em{font-style:normal;color:#c4440c}
body[data-page="home"] .hunsa-hero{padding-top:20px;align-items:center;gap:clamp(24px,4vw,60px)}
.recruitment-hero{overflow:hidden;border:1px solid #e1e4e8;border-radius:26px;background:#fff;box-shadow:0 15px 45px #1730470a;min-width:0}
.recruitment-hero>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:0;border:0}
.recruitment-invite{position:relative;padding:20px 24px 24px;background:linear-gradient(120deg,#fff8f0,#fff);text-align:center;border-top:1px solid #f4e5d5}
.recruitment-invite strong{font-size:clamp(20px,2vw,27px);color:#173047}.recruitment-invite p{font-size:15px;margin:7px 0 15px;line-height:1.6}.recruitment-invite .btn{color:#fff;min-height:44px}
@media(max-width:800px){body[data-page="home"] .hunsa-hero{grid-template-columns:minmax(0,1fr);padding-top:10px;gap:24px}.hunsa-hero h1{font-size:clamp(32px,8vw,46px)}.recruitment-invite{padding:16px}.recruitment-hero{border-radius:20px}}

/* V9.3.2: compact masthead; homepage removes redundant navigation. */
body[data-page="home"] main>.breadcrumb{display:none}
.top{min-height:0;height:auto;padding-top:4px;padding-bottom:4px}
.top .brand{padding:2px 8px}
.top .brand img{width:195px;max-width:195px;height:auto}
@media(min-width:1100px){.top{align-items:center}.top nav{gap:10px}}
@media(max-width:600px){.top .brand img{width:150px;max-width:150px}.top{padding-top:6px;padding-bottom:6px}}