:root{
  --ink:#14231c;
  --ink-2:#26362e;
  --green:#1f5a42;
  --green-dark:#163d2e;
  --green-deep:#102e23;
  --green-soft:#edf2ed;
  --paper:#f5f3ed;
  --paper-2:#faf9f6;
  --line:#d9ddd7;
  --line-dark:#bdc7bf;
  --muted:#6d7972;
  --white:#fff;
  --danger:#9c2c2c;
  --radius:12px;
  --radius-lg:20px;
  --shadow:0 16px 42px rgba(20,35,28,.08);
  --shadow-sm:0 8px 24px rgba(20,35,28,.06);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:15.5px/1.58 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}

/* Header */
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(217,221,215,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-row{min-height:78px;display:flex;align-items:center;gap:34px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none}
.brand-mark{width:36px;height:36px;border-radius:9px;background:var(--green-dark);color:#f7f2e7;display:inline-flex;align-items:center;justify-content:center;font:700 21px/1 "Segoe UI",Arial,Helvetica,sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.brand-copy{display:flex;flex-direction:column;line-height:1}
.brand-copy strong{font:700 19px/1 "Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:.045em}
.brand-copy small{font-size:10.5px;color:var(--muted);margin-top:7px;letter-spacing:.01em}
.site-header nav{display:flex;align-items:center;gap:28px;margin-left:20px}
.site-header nav a,.text-link{color:#314139;font-size:14px;font-weight:600;transition:color .16s ease}
.site-header nav a:hover,.text-link:hover{color:var(--green)}
.header-actions{margin-left:auto;display:flex;gap:14px;align-items:center}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:9px;border:1px solid transparent;font-weight:700;cursor:pointer;font-size:14px;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn-dark{background:var(--green-dark);color:#fff;box-shadow:0 7px 18px rgba(22,61,46,.14)}
.btn-dark:hover{background:var(--green-deep)}
.btn-light{background:#fff;border-color:var(--line)}
.btn-white{background:#fff;color:var(--green-dark);border-color:#fff}
.btn-wide{width:100%}

/* Typography */
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--green);font-weight:800;margin-bottom:15px}
.eyebrow-light{color:#b8d0c3}
h1,h2,h3{font-family:"Segoe UI",Arial,Helvetica,sans-serif;line-height:1.08;margin:0 0 18px;color:var(--ink);font-weight:700}
h1{font-size:clamp(46px,6.4vw,82px);letter-spacing:-.042em}
h2{font-size:clamp(31px,4vw,49px);letter-spacing:-.03em}
h3{font-size:24px;letter-spacing:-.018em}
.lead{font-size:19px;line-height:1.55;color:#45534c;max-width:680px;margin:0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:30px}
.section-head h2{margin-bottom:8px}
.section-head p{color:var(--muted);margin:0;max-width:620px}
.section-link{font-size:14px;font-weight:700;color:var(--green-dark);white-space:nowrap;padding-bottom:5px}
.section-link span{display:inline-block;margin-left:7px;transition:transform .15s ease}
.section-link:hover span{transform:translateX(3px)}

/* Hero */
.hero{background:var(--paper);border-bottom:1px solid var(--line)}
.hero-home{padding:58px 0 0;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:58px;align-items:center}
.hero-copy{padding:20px 0 54px}
.hero-copy h1{max-width:720px;margin-bottom:20px}
.hero-copy .lead{font-size:20px;max-width:590px}
.hero-visual{position:relative;align-self:stretch;min-height:560px;border-radius:20px 20px 0 0;overflow:hidden;background:#dce6dc;border:1px solid rgba(20,35,28,.08);border-bottom:0;box-shadow:0 30px 70px rgba(20,35,28,.12)}
.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-visual:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(9,31,22,.64),transparent);pointer-events:none}
.hero-visual-caption{position:absolute;left:28px;bottom:27px;z-index:2;color:#fff;display:flex;flex-direction:column;gap:5px}
.hero-visual-caption span{font-size:11px;text-transform:uppercase;letter-spacing:.15em;opacity:.78;font-weight:700}
.hero-visual-caption strong{font:500 22px/1.2 "Segoe UI",Arial,Helvetica,sans-serif}
.hero-float-card{position:absolute;right:20px;top:22px;z-index:2;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.86);border-radius:13px;padding:16px 17px;box-shadow:0 16px 34px rgba(18,43,32,.14);display:flex;flex-direction:column;min-width:190px}
.hero-float-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--green);font-weight:800;margin-bottom:6px}
.hero-float-card strong{font-size:16px}
.hero-float-card>span:last-child{font-size:12.5px;color:var(--muted);margin-top:2px}

.searchbar{display:grid;grid-template-columns:1.35fr .8fr auto;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow);margin-top:30px}
.searchbar-home{grid-template-columns:minmax(0,1.25fr) minmax(180px,.72fr) auto;margin-top:31px}
.search-field{display:flex;flex-direction:column;padding:11px 15px 10px;border-right:1px solid var(--line);min-width:0;background:#fff}
.search-field span{font-size:10.5px;text-transform:uppercase;letter-spacing:.09em;font-weight:800;color:var(--muted);margin-bottom:2px}
.search-field input{border:0!important;padding:2px 0!important;min-height:25px!important;font-size:15px!important;outline:0;background:transparent!important}
.searchbar>input,.searchbar>select{border:0;border-right:1px solid var(--line);padding:17px 16px;font-size:15px;outline:0;background:#fff}
.searchbar button{border-radius:0;min-width:140px}
.btn-search{min-height:64px!important}
.hero-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}
.hero-links a{font-size:12.5px;color:#526159;border-bottom:1px solid #bfc7c1;padding:2px 0}
.hero-links a:hover{color:var(--green-dark);border-color:var(--green-dark)}
.employer-hint{margin-top:34px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-top:1px solid #d6dbd6;padding-top:18px;max-width:700px}
.employer-hint>span{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--muted);font-weight:800}
.employer-hint>strong{font-size:13px}
.employer-hint>a{font-size:13px;font-weight:800;color:var(--green-dark)}

.trust-strip{min-height:88px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(20,35,28,.08)}
.trust-strip>div{display:flex;flex-direction:column;justify-content:center;padding:18px 24px;border-right:1px solid rgba(20,35,28,.08)}
.trust-strip>div:first-child{padding-left:0}
.trust-strip>div:last-child{border-right:0}
.trust-strip strong{font-size:13px;margin-bottom:2px}
.trust-strip span{font-size:12px;color:var(--muted)}

/* Sections */
.section{padding:78px 0}
.section-soft{background:var(--paper-2);border-top:1px solid #ecece7;border-bottom:1px solid #ecece7}
.top-jobs-section{padding-top:82px}
.top-jobs-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.top-jobs-grid .job-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:#fff;min-height:178px;padding:24px}
.top-jobs-grid .job-card:hover{background:#fafbf8;padding-left:27px}
.job-list{border-top:1px solid var(--line)}
.job-card{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:16px;padding:23px 5px;border-bottom:1px solid var(--line);transition:background .16s,padding .16s,transform .16s;background:#fff}
.job-card:hover{padding-left:10px;background:#fbfbf8}
.job-card-mark{width:46px;height:46px;border-radius:10px;background:var(--green-soft);color:var(--green-dark);display:flex;align-items:center;justify-content:center;font:700 21px/1 "Segoe UI",Arial,Helvetica,sans-serif;border:1px solid #d9e3db}
.job-card-copy{min-width:0}
.job-card-top{display:flex;align-items:center;gap:8px;margin-bottom:8px;min-height:20px}
.job-type-badge{display:inline-flex;padding:3px 7px;border-radius:5px;background:#eef3ef;color:var(--green-dark);font-size:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.job-category{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.job-title{font-size:18px;font-weight:750;margin-bottom:2px;color:#13231b}
.job-company{color:#35463d;font-size:14px}
.job-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12.5px;margin-top:7px}
.job-meta span+span:before{content:"·";margin-right:10px;color:#9ba59f}
.arrow{font-size:21px;color:var(--green);padding-left:6px}
.empty-editorial{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:32px}
.empty-editorial>div{display:grid;grid-template-columns:52px 1fr;column-gap:18px;align-items:start;max-width:760px}
.empty-editorial h3{margin:0 0 7px;font-size:23px}
.empty-editorial p{grid-column:2;color:var(--muted);margin:0}
.empty-number{font:500 29px/1 "Segoe UI",Arial,Helvetica,sans-serif;color:#a2aca5;padding-top:2px}

/* Region mosaic */
.region-heading{margin-bottom:28px}
.region-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:185px;gap:12px}
.region-tile{position:relative;overflow:hidden;border-radius:13px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;isolation:isolate;background:var(--green-dark);transition:transform .18s ease,box-shadow .18s ease}
.region-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.region-tile:before,.region-tile:after{content:"";position:absolute;inset:0;z-index:-2}
.region-tile:after{z-index:-1;background:linear-gradient(to top,rgba(9,31,22,.78),rgba(11,38,27,.06) 70%)}
.region-large{grid-column:span 2;grid-row:span 2}
.region-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.8;font-weight:800;margin-bottom:4px}
.region-tile strong{font:500 24px/1.12 "Segoe UI",Arial,Helvetica,sans-serif}
.region-large strong{font-size:38px}
.region-action{font-size:12px;opacity:.88;margin-top:8px}
.region-tile:before{background:
  radial-gradient(circle at 76% 20%,rgba(244,236,200,.65) 0 7%,transparent 7.5%),
  linear-gradient(155deg,transparent 0 42%,rgba(142,169,139,.88) 42.5% 62%,transparent 62.5%),
  linear-gradient(168deg,transparent 0 58%,rgba(41,91,65,.92) 58.5% 77%,transparent 77.5%),
  linear-gradient(180deg,#ccd9cd 0 45%,#51745b 46% 100%)}
.region-tile.graz:before{background:linear-gradient(180deg,#d9ded7 0 48%,#788a7c 49% 100%)}
.region-tile.graz:after{background:
  linear-gradient(to top,rgba(12,36,27,.82),rgba(12,36,27,.02) 72%),
  linear-gradient(105deg,transparent 0 14%,rgba(255,255,255,.16) 14.2% 15.5%,transparent 15.7%),
  linear-gradient(90deg,transparent 0 53%,rgba(94,65,49,.48) 53.2% 67%,transparent 67.2%)}
.region-tile.south:before{background:linear-gradient(155deg,#d8e2d4 0 34%,#88a384 34.5% 55%,#41684e 55.5% 72%,#244b38 72.5%)}
.region-tile.hills:before{background:linear-gradient(145deg,#d9dfd2 0 40%,#779477 40.5% 65%,#345d45 65.5%)}
.region-tile.fields:before{background:linear-gradient(165deg,#dce1d2 0 43%,#a8af70 43.5% 57%,#55784e 57.5% 74%,#244b38 74.5%)}
.region-tile.forest:before{background:linear-gradient(155deg,#dbe1d8 0 38%,#637b68 38.5% 58%,#284737 58.5%)}
.region-tile.east:before{background:linear-gradient(150deg,#dde2d4 0 44%,#92a883 44.5% 62%,#44684f 62.5%)}
.region-tile.thermal:before{background:linear-gradient(160deg,#e1e0d1 0 40%,#b5b27b 40.5% 55%,#6d8a63 55.5% 76%,#345a43 76.5%)}
.region-tile.mountain:before{background:linear-gradient(145deg,#d7deda 0 40%,#7b9182 40.5% 55%,#355747 55.5% 70%,#1d3f30 70.5%)}

/* Categories */
.categories-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:88px;align-items:start}
.categories-copy{position:sticky;top:112px}
.categories-copy h2{max-width:520px}
.categories-copy p{color:var(--muted);max-width:500px;font-size:16px}
.inline-emphasis{display:inline-block;margin-top:16px;font-weight:800;color:var(--green-dark);font-size:14px}
.category-list{border-top:1px solid var(--line)}
.category-list a{display:flex;justify-content:space-between;align-items:center;padding:16px 2px;border-bottom:1px solid var(--line);font-size:15px;font-weight:650;transition:padding .14s,background .14s}
.category-list a:hover{padding-left:8px;background:#fbfbf8}
.category-list a span{color:var(--green);font-size:17px}

/* Companies */
.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.company-grid-home{grid-template-columns:repeat(3,1fr)}
.company-card{border:1px solid var(--line);border-radius:11px;padding:19px;background:#fff;min-height:104px;display:grid;grid-template-columns:46px 1fr auto;gap:13px;align-items:center;transition:transform .16s,border-color .16s,box-shadow .16s}
.company-card:hover{transform:translateY(-2px);border-color:#c5cec7;box-shadow:var(--shadow-sm)}
.company-logo{width:46px;height:46px;border:1px solid #d9e3db;border-radius:10px;display:flex;align-items:center;justify-content:center;font:700 20px/1 "Segoe UI",Arial,Helvetica,sans-serif;background:var(--green-soft);color:var(--green-dark);margin:0}
.company-card-copy strong{display:block;font-size:14px;line-height:1.25}
.company-count{font-size:11px;font-weight:800;color:var(--green-dark);background:#eef3ef;padding:5px 8px;border-radius:6px;white-space:nowrap}
.company-empty{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
.company-empty a{font-weight:750;color:var(--green-dark)}

/* Employer panel */
.employer-section{padding-top:28px;padding-bottom:84px}
.employer-panel{background:var(--green-dark);color:#fff;border-radius:18px;padding:44px 48px;display:grid;grid-template-columns:1fr auto auto;gap:42px;align-items:center;box-shadow:0 24px 60px rgba(16,46,35,.12)}
.employer-panel h2{color:#fff;margin-bottom:9px}
.employer-panel p{color:#cddbd3;margin:0;max-width:660px}
.employer-price{display:flex;flex-direction:column;align-items:flex-end;border-left:1px solid rgba(255,255,255,.16);padding-left:38px}
.employer-price span,.employer-price small{font-size:11px;color:#b9cbbf;text-transform:uppercase;letter-spacing:.08em}
.employer-price strong{font:500 36px/1.1 "Segoe UI",Arial,Helvetica,sans-serif;margin:4px 0}

/* Standard content */
.content{padding:56px 0}
.grid-2{display:grid;grid-template-columns:1fr 380px;gap:46px}
.panel{border:1px solid var(--line);border-radius:11px;background:#fff;padding:24px;box-shadow:0 6px 20px rgba(20,35,28,.025)}
.panel.sticky{position:sticky;top:96px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}
.field.full{grid-column:1/-1}
.field label{font-weight:700;font-size:13px}
.field input,.field select,.field textarea{width:100%;border:1px solid #cbd1cc;border-radius:8px;padding:12px 13px;font:inherit;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#799181;box-shadow:0 0 0 3px rgba(31,90,66,.08)}
.field textarea{min-height:120px;resize:vertical}
.help{font-size:12px;color:var(--muted)}
.stepper{display:flex;gap:8px;margin:22px 0 30px}.step{height:5px;flex:1;background:#e3e7e3;border-radius:99px}.step.on{background:var(--green)}
.summary{display:grid;gap:10px;font-size:14px}.summary div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0ed;padding-bottom:10px}
.badge{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:12px;background:#eef3ef;color:var(--green-dark)}
.job-detail-head{padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:34px}.job-detail-head h1{font-size:48px}.job-detail-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted)}
.prose h2{font-size:27px;margin-top:34px}.prose p{white-space:pre-line}.apply-box{background:var(--paper);border:1px solid var(--line);padding:22px;border-radius:10px}
.flash{margin-top:18px;background:#eef6f1;border:1px solid #cbded0;padding:12px 14px;border-radius:8px}.notice{padding:14px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:#46534c}.danger{color:var(--danger)}

/* Footer */
.site-footer{margin-top:42px;background:#14241c;color:#e9efeb;padding:52px 0 20px}
.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:48px;padding-bottom:38px}
.footer-logo{display:flex;align-items:center;gap:11px;font:700 17px/1 "Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:.04em}.brand-mark-footer{background:#f3efe4;color:var(--green-dark);width:32px;height:32px;font-size:18px}
.footer-brand p{color:#aebcb3;max-width:330px;font-size:13px;margin:17px 0 0}
.footer-col strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;color:#f0f4f1}
.footer-col a{display:block;color:#b9c5be;margin:7px 0;font-size:13px}.footer-col a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.11);padding-top:18px;display:flex;justify-content:space-between;gap:20px;color:#8fa097;font-size:11px}

/* Admin / app */
.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.app-side{background:#17231d;color:#dce4df;padding:22px;position:sticky;top:0;height:100vh}.app-brand{font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-weight:700;margin-bottom:28px}.app-side a{display:block;padding:10px 11px;border-radius:7px;color:#cdd7d1;margin-bottom:4px}.app-side a:hover,.app-side a.active{background:#293a31;color:#fff}.app-main{padding:30px;min-width:0;background:#f7f8f6}.app-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px}.metric strong{display:block;font-size:28px;font-family:"Segoe UI",Arial,Helvetica,sans-serif}.metric span{font-size:13px;color:var(--muted)}table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#fafbf9}.mobile-nav{display:none}

@media(max-width:980px){
  .site-header nav{gap:18px;margin-left:8px}
  .hero-grid{grid-template-columns:1fr .82fr;gap:32px}
  .hero-visual{min-height:510px}
  .region-mosaic{grid-template-columns:repeat(3,1fr)}
  .region-large{grid-column:span 2}
  .categories-layout{gap:48px}
  .employer-panel{grid-template-columns:1fr auto;gap:28px}.employer-panel .btn{grid-column:1/-1;width:max-content}.employer-price{padding-left:26px}
  .footer-main{grid-template-columns:1.4fr repeat(3,1fr);gap:28px}
}

@media(max-width:820px){
  .site-header nav{display:none}.header-row{min-height:68px}.header-actions .text-link{display:none}.brand-copy small{display:none}.brand-mark{width:33px;height:33px}.brand-copy strong{font-size:17px}
  .hero-home{padding-top:28px}.hero-grid,.grid-2{grid-template-columns:1fr}.hero-copy{padding-bottom:28px}.hero-copy h1{font-size:clamp(48px,12vw,68px)}
  .hero-visual{min-height:330px;order:2;border-radius:16px;margin-bottom:0}.hero-float-card{top:15px;right:15px;min-width:165px}.hero-visual-caption{left:20px;bottom:20px}
  .searchbar,.searchbar-home{grid-template-columns:1fr}.search-field{border-right:0;border-bottom:1px solid var(--line)}.searchbar>input,.searchbar>select{border-right:0;border-bottom:1px solid var(--line)}.searchbar button{border-radius:0;min-height:52px!important}
  .employer-hint{grid-template-columns:1fr auto}.employer-hint>span{grid-column:1/-1}.trust-strip{grid-template-columns:1fr 1fr;margin-top:0}.trust-strip>div{border-bottom:1px solid rgba(20,35,28,.08)}.trust-strip>div:nth-child(2){border-right:0}.trust-strip>div:first-child{padding-left:20px}
  .section{padding:58px 0}.section-head{align-items:flex-start}.top-jobs-grid{grid-template-columns:1fr}.region-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:160px}.region-large{grid-column:span 2;grid-row:span 2}.categories-layout{grid-template-columns:1fr;gap:30px}.categories-copy{position:static}
  .company-grid,.company-grid-home{grid-template-columns:1fr 1fr}.company-card{grid-template-columns:42px 1fr auto}.company-logo{width:42px;height:42px}
  .employer-panel{padding:34px;grid-template-columns:1fr}.employer-price{align-items:flex-start;border-left:0;border-top:1px solid rgba(255,255,255,.16);padding:22px 0 0}.employer-panel .btn{grid-column:auto;width:100%}
  .form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.app-shell{display:block}.app-side{display:none}.app-main{padding:20px 16px 84px}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:30}.mobile-nav a{padding:12px 3px;text-align:center;font-size:11px}.job-detail-head h1{font-size:38px}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:5px}
}

@media(max-width:560px){
  .shell{width:min(100% - 24px,1180px)}
  .header-actions .btn{padding:0 12px;font-size:12px}.brand{gap:8px}.brand-copy strong{font-size:15px}
  .hero-home{padding-top:18px}.hero-copy{padding-top:14px}.hero-copy h1{font-size:46px}.hero-copy .lead{font-size:17px}.hero-visual{min-height:285px}.hero-float-card{font-size:12px;padding:12px;min-width:145px}.hero-float-card strong{font-size:13px}.hero-float-card>span:last-child{font-size:10px}.hero-visual-caption strong{font-size:18px}
  .employer-hint{display:block}.employer-hint>strong,.employer-hint>a{display:block;margin-top:5px}.hero-links{gap:12px}
  .trust-strip{width:100%;grid-template-columns:1fr 1fr}.trust-strip>div{padding:15px 12px}.trust-strip>div:first-child{padding-left:12px}
  .section{padding:48px 0}.section-head{display:block}.section-link{display:inline-block;margin-top:12px}.top-jobs-grid .job-card{min-height:0;padding:19px 16px}.top-jobs-grid .job-card:hover{padding-left:16px}.job-card{grid-template-columns:40px 1fr auto;gap:12px}.job-card-mark{width:40px;height:40px}.job-category{display:none}.job-title{font-size:16px}.job-meta{gap:6px}.job-meta span+span:before{margin-right:6px}
  .empty-editorial{display:block}.empty-editorial>div{grid-template-columns:42px 1fr}.empty-editorial .btn{margin-top:22px;width:100%}
  .region-mosaic{grid-template-columns:1fr;grid-auto-rows:145px}.region-large{grid-column:auto;grid-row:span 2}.region-large strong{font-size:31px}
  .company-grid,.company-grid-home{grid-template-columns:1fr}.company-empty{display:block}.company-empty a{display:block;margin-top:8px}
  .employer-panel{padding:28px 22px}.employer-price strong{font-size:34px}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}
  .metric-grid{grid-template-columns:1fr}
}