/* ---- "The market right now" on job hubs (6 Nov 2026) ---- */
#market{padding:0}
#market .mk{padding:36px 0 8px;border-top:1px solid #E6E2D8}
#market .mk h2{margin:8px 0 10px}
#market .mk .lead{max-width:64ch}
.mk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:22px 0 6px}
.mk-row{background:#fff;border:1px solid #E6E2D8;border-radius:16px;padding:18px 20px}
.mk-row h3,.mk-ex h3{font-size:16px;margin:0 0 8px;color:#02615D}
.mk-row p,.mk-ex p{font-size:15.5px;line-height:1.6;margin:0 0 8px}
.mk-src{font-size:13px;color:#5A6965;margin:0}
.mk-src a{color:#02615D}
.mk-ex{margin:18px 0 0;padding:18px 20px;border-left:3px solid #02615D;background:#F3F6F4;border-radius:0 14px 14px 0;max-width:70ch}
.mk-when{color:#5A6965;font-size:14px}


/* ---- Employment outlooks (7 Nov 2026): hubs and My Move, from data/market/outlooks-<cc>.json ---- */
.ol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:22px 0 10px}
.ol-card{background:#fff;border:1px solid #E6E2D8;border-radius:16px;padding:18px 20px}
.ol-card h3,.ol-card h2{font-size:17px;line-height:1.3;margin:0 0 8px;color:#02615D}
.ol-card p{font-size:15.5px;line-height:1.6;margin:0 0 8px}
.ol-do{color:#1F2B28}
.ol-src{font-size:13px!important;color:#5A6965;margin:0!important}
.ol-src a{color:#02615D}
.ol-scope{font-size:14px;color:#5A6965;max-width:70ch;margin:6px 0 0}
.ol-mm{margin:0 0 26px;padding:20px 22px;border:1px solid #D6E1DA;border-left:4px solid #02615D;border-radius:4px 16px 16px 4px;background:#F7FAF8}
.ol-mm .k2{margin:0 0 10px}
.ol-mm .ol-card{background:transparent;border:0;padding:0;margin:0 0 12px}
.ol-mm .ol-card h2{font-size:19px}
.ol-more{margin:10px 0 0!important;font-size:14.5px!important}.ol-more a{color:#02615D;font-weight:600}
/* My Move: "What are my chances of securing a role?" with the temperature gauge (Sophie, 9 Nov 2026) */
.ol-mm{border:0;border-left:0;border-radius:22px;background:linear-gradient(135deg,#EEF4EC 0%,#F7F1E6 100%);padding:clamp(22px,3vw,34px);margin:8px 0 40px;box-shadow:0 1px 0 rgba(21,63,58,.04)}
.ol-mm .ol-k{font:600 clamp(24px,2.8vw,32px)/1.15 'Playfair Display',Georgia,serif;color:#153F3A;margin:0 0 20px;letter-spacing:-.01em}
.ol-mm .ol-hot{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(18px,3vw,36px);align-items:center;background:#fff;border-radius:18px;padding:clamp(18px,2.4vw,26px);margin:0 0 16px}
.ol-mm .ol-gw{text-align:center}
.ol-mm .ol-g{width:100%;max-width:260px;display:block;margin:0 auto}
.ol-mm .ol-b{font:600 24px/1.2 'Playfair Display',Georgia,serif;color:#153F3A;margin:6px 0 4px}
.ol-mm .ol-ends{display:flex;justify-content:space-between;font-size:12px;color:#6A7873;margin:0;max-width:260px;margin-inline:auto}
.ol-mm .ol-tx{min-width:0}
.ol-mm .ol-tx h2{font:600 22px/1.25 'Work Sans',system-ui,sans-serif;color:#02615D;margin:0 0 10px}
.ol-mm .ol-tx p{font-size:16px;line-height:1.65;margin:0 0 12px}
.ol-mm .ol-wh{color:#3F524D}
.ol-mm .ol-note{color:#9A2457;font-size:15px}
.ol-mm .ol-src{font-size:13px;color:#6A7873}
.ol-mm .ol-more a{font-weight:700}
.ol-mm .ol-scope{font-size:14px;color:#4F5F5A;margin:4px 4px 0;max-width:70ch}
@media(max-width:700px){.ol-mm .ol-hot{grid-template-columns:1fr}.ol-mm .ol-gw{max-width:240px;margin:0 auto}}