/* CAREERON regional discovery */
.region36{background:#f5f8fd;padding:44px 24px 72px}.region36 .r36-shell{max-width:1480px;margin:auto}.r36-overview{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-bottom:22px}.r36-panel{background:#fff;border:1px solid #dbe7f5;border-radius:24px;padding:28px;box-shadow:0 14px 42px rgba(20,62,112,.07)}.r36-panel h2{margin:0 0 8px;font-size:27px}.r36-panel p{margin:0;color:#64748b}.r36-map{position:relative;min-height:260px;overflow:hidden;background:radial-gradient(circle at 55% 50%,#dcecff 0 4%,transparent 4.5%),linear-gradient(135deg,#0c3265,#1769e8);color:#fff}.r36-map:before,.r36-map:after{content:"";position:absolute;border:1px dashed rgba(255,255,255,.28);border-radius:50%;inset:18% 22%}.r36-map:after{inset:8% 34%;transform:rotate(54deg)}.r36-map h2,.r36-map p{position:relative;z-index:2;color:#fff}.r36-map p{color:#cfe1ff}.r36-nodes{position:absolute;inset:105px 25px 24px;z-index:3}.r36-node{position:absolute;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.13);backdrop-filter:blur(8px);padding:9px 13px;border-radius:999px;color:#fff;font-weight:900;font-size:13px;cursor:pointer;transition:.2s}.r36-node:hover,.r36-node.active{background:#fff;color:#0e5ed4;transform:scale(1.06)}.r36-node:nth-child(1){left:10%;top:28%}.r36-node:nth-child(2){left:34%;top:5%}.r36-node:nth-child(3){left:58%;top:36%}.r36-node:nth-child(4){left:27%;top:63%}.r36-node:nth-child(5){left:72%;top:66%}.r36-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.r36-metric{padding:16px;border-radius:16px;background:#f4f8ff;border:1px solid #dbe8fa}.r36-metric b{display:block;font-size:22px;color:#1769e8}.r36-metric small{color:#64748b}.r36-controls{position:sticky;top:78px;z-index:8;background:rgba(245,248,253,.94);backdrop-filter:blur(12px);padding:16px 0 12px;margin-bottom:8px}.r36-control-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.r36-control-row+.r36-control-row{margin-top:9px}.r36-label{width:62px;font-size:12px;font-weight:900;color:#53657d}.r36-filter{border:1px solid #d4e0ef;background:#fff;color:#324965;border-radius:999px;padding:9px 14px;font-weight:800;cursor:pointer}.r36-filter:hover,.r36-filter.active{background:#1769e8;color:#fff;border-color:#1769e8}.r36-titleline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0 14px}.r36-titleline h2{margin:0}.r36-count{font-weight:900;color:#1769e8}.r36-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.r36-card{display:block!important;min-height:180px;padding:20px;border-radius:20px;background:#fff;border:1px solid #d9e5f3;box-shadow:0 8px 24px rgba(19,59,105,.045);transition:.2s;position:relative;overflow:hidden}.r36-card:after{content:"→";position:absolute;right:18px;bottom:16px;color:#1769e8;font-size:22px}.r36-card:hover{transform:translateY(-5px);border-color:#7eb2f8;box-shadow:0 16px 34px rgba(23,105,232,.12)}.r36-card small{display:inline-flex;padding:6px 9px;border-radius:999px;background:#edf5ff;color:#1769e8;font-weight:900}.r36-card h3{margin:16px 0 8px;font-size:18px;line-height:1.4}.r36-card p{margin:0;font-size:13px;line-height:1.6;padding-right:20px}.r36-card[hidden]{display:none!important}.r36-empty{display:none;padding:44px;text-align:center;border:1px dashed #b9cce4;border-radius:20px;background:#fff}.r36-empty.show{display:block}.r36-journey{margin-top:36px;padding:28px;border-radius:24px;background:#0c2d59;color:#fff}.r36-journey h2{margin:0 0 20px;color:#fff}.r36-journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.r36-journey a{padding:18px;border-radius:16px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);color:#fff}.r36-journey b{display:block;margin-bottom:6px}.r36-journey small{color:#bad0ea}.r36-journey a:hover{background:rgba(255,255,255,.16)}
@media(max-width:1050px){.r36-overview{grid-template-columns:1fr}.r36-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.region36{padding:28px 16px 50px}.r36-panel{padding:20px}.r36-grid,.r36-journey-grid{grid-template-columns:1fr}.r36-controls{top:62px}.r36-label{width:100%}.r36-map{min-height:300px}}
