/* Career Explorer: scoped presentation built on the shared entry-page system. */
.bbs-job-guide{--guide-yellow:#ffd100;--guide-ink:#152e37;--guide-muted:#c4d5da;background:radial-gradient(ellipse at 95% 8%,#285463 0,transparent 34%),#152e37;padding:32px 24px 80px;font-size:17px;isolation:isolate}
.bbs-job-guide *{box-sizing:border-box}
.bbs-job-guide .bbs-entry-wrap{max-width:1240px}
.bbs-job-guide nav{gap:8px;margin-bottom:48px}
.bbs-job-guide nav a{font-size:13px;border-color:#627e88;border-radius:999px;padding:10px 16px;min-height:44px;background:#ffffff06;transition:background .2s,border-color .2s}
.bbs-job-guide nav a:hover{background:#ffffff14;border-color:#ffd100}
.bbs-job-guide .guide-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;margin-bottom:60px}
.bbs-job-guide .guide-hero-copy{min-width:0}
.bbs-job-guide .bbs-entry-kicker{font-size:11px;letter-spacing:2px;line-height:1.7;margin:0 0 18px;color:#ffd100}
.bbs-job-guide h1{font-size:clamp(42px,5vw,70px);line-height:1.06;letter-spacing:-2.5px;margin:0 0 26px;max-width:650px}
.bbs-job-guide h1 span{color:#ffd100}
.bbs-job-guide .bbs-entry-lead{font-size:19px;color:#e1ebee;max-width:540px;line-height:1.7}
.bbs-job-guide .guide-hero-cta{display:inline-flex;align-items:center;gap:28px;background:#ffd100;color:#152e37;font-size:16px;font-weight:800;text-decoration:none;padding:15px 22px;border-radius:8px;margin:12px 0 8px;box-shadow:0 8px 26px #0002;transition:transform .2s,background .2s}
.bbs-job-guide .guide-hero-cta:hover{background:#ffe369;transform:translateY(-3px)}
.bbs-job-guide .guide-hero-cta span{font-size:24px;line-height:1}
.bbs-job-guide .guide-steps{list-style:none;display:flex;flex-wrap:wrap;gap:16px 22px;padding:0;margin:24px 0 0}
.bbs-job-guide .guide-steps li{display:flex;align-items:center;gap:8px;font-size:12px;color:#e1ebee}
.bbs-job-guide .guide-steps strong{color:#ffd100;font-size:12px;border:1px solid #607b85;border-radius:50%;width:29px;height:29px;display:grid;place-items:center}
.bbs-job-guide .guide-hero-visual{position:relative;min-width:0;padding:0 35px 56px 0}
.bbs-job-guide .guide-photo-main{position:relative;overflow:hidden;border-radius:22px 22px 90px 22px;box-shadow:0 24px 60px #0004}
.bbs-job-guide .guide-photo-main img{display:block;width:100%;height:430px;border-radius:0;object-fit:cover}
.bbs-job-guide .guide-photo-main:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0c252aee)}
.bbs-job-guide .guide-image-label{position:absolute;bottom:26px;left:24px;right:20px;font-size:10px;font-weight:800;letter-spacing:2px;color:#fff;z-index:1}
.bbs-job-guide .guide-photo-detail{position:absolute;right:0;top:30px;width:138px;height:174px;border:5px solid #152e37;border-radius:16px;transform:rotate(6deg);box-shadow:0 16px 28px #0004;overflow:hidden}
.bbs-job-guide .guide-photo-detail img{height:100%;border-radius:0;object-fit:cover}
.bbs-job-guide .guide-path-note{position:absolute;bottom:10px;left:20px;right:0;background:#fff;color:#152e37;border-radius:14px;padding:20px;display:flex;gap:14px;align-items:center;box-shadow:0 16px 40px #0003;z-index:2}
.bbs-job-guide .guide-path-note strong{display:block;font-size:17px;line-height:1.4}
.bbs-job-guide .guide-path-note div>span{display:block;font-size:12px;color:#52636a;margin-top:4px}
.bbs-job-guide .guide-note-icon{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:#ffd100;font-weight:800;font-size:20px}
.bbs-job-guide .guide-orbit{position:absolute;left:-18px;top:-20px;width:80px;height:80px;border-top:2px solid #ffd100;border-left:2px solid #ffd100;border-radius:22px 0 0;z-index:-1}
.bbs-job-guide .guide-search{position:relative;background:#fff;border:1px solid #e3e9eb;border-top:5px solid #ffd100;border-radius:18px;padding:32px;color:#17252b;box-shadow:0 18px 50px #0003;margin-bottom:58px;scroll-margin-top:100px}
.bbs-job-guide .guide-search h2{color:#17252b;font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:6px 0 25px}
.bbs-job-guide .guide-form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:16px}
.bbs-job-guide .guide-form>*{min-width:0}
.bbs-job-guide .guide-form label{display:block;font-size:13px;font-weight:700}
.bbs-job-guide .guide-form input,.bbs-job-guide .guide-form select{display:block;width:100%;min-width:0;min-height:54px;padding:12px;margin:8px 0 0;border:1px solid #71858d;border-radius:8px;background:#f7f9f9;color:#17252b;font:400 15px/1.4 "Segoe UI",Arial,sans-serif}
.bbs-job-guide .guide-form button{min-height:54px;border:0;border-radius:8px;background:#ffd100;color:#111;padding:14px 23px;font:800 15px/1.4 "Segoe UI",Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.bbs-job-guide .guide-form button:hover{background:#ffe369;transform:translateY(-2px)}
.bbs-job-guide .guide-search .bbs-entry-small{color:#52636a;font-size:13px;margin:18px 0 0}
.bbs-job-guide .bbs-entry-features{border-top:1px solid #54717b;padding:46px 0 0;margin-top:46px;scroll-margin-top:80px}
.bbs-job-guide .bbs-entry-features h2,.bbs-job-guide .guide-next h2{font-size:clamp(28px,3.3vw,42px);letter-spacing:-1px;line-height:1.17;margin:0 0 18px;max-width:820px;overflow-wrap:anywhere}
.bbs-job-guide .bbs-entry-features>p:not(.bbs-entry-kicker){max-width:820px;color:#d4e1e5}
.bbs-job-guide .guide-job-search{border:1px solid #54717b;border-radius:18px;padding:32px;background:linear-gradient(115deg,#21434e,#19343e);margin-top:0}
.bbs-job-guide .bbs-entry-actions a{font-size:14px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.bbs-job-guide .bbs-entry-actions a:hover{background:#345763;transform:translateY(-2px)}
.bbs-job-guide .bbs-entry-actions .bbs-entry-primary:hover{background:#ffe369}
.bbs-job-guide .bbs-entry-feature-grid{gap:24px;margin:28px 0}
.bbs-job-guide .bbs-entry-feature-grid article{border:1px solid #dce4e6;border-radius:16px;padding:28px;box-shadow:0 8px 24px #0002;transition:transform .25s,box-shadow .25s;min-width:0}
.bbs-job-guide .bbs-entry-feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0004}
.bbs-job-guide .bbs-entry-feature-grid h3{font-size:23px;line-height:1.28;letter-spacing:-.5px;margin:0 0 18px;overflow-wrap:anywhere}
.bbs-job-guide .bbs-entry-feature-grid p{font-size:16px;line-height:1.7}
.bbs-job-guide .bbs-entry-feature-grid .guide-tag,.bbs-job-guide .guide-tag{color:#52636a;font-size:10px;font-weight:800;letter-spacing:1.5px;margin:0 0 12px}
.bbs-job-guide .guide-role-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bbs-job-guide .guide-role-grid .guide-role-card{padding:0;overflow:hidden;display:flex;flex-direction:column}
.bbs-job-guide .guide-card-photo{position:relative;overflow:hidden;min-width:0}
.bbs-job-guide .guide-card-photo img{display:block;width:100%;height:200px;border-radius:0;object-fit:cover;transition:transform .6s}
.bbs-job-guide .guide-role-card:hover .guide-card-photo img{transform:scale(1.04)}
.bbs-job-guide .guide-photo-tag{position:absolute;left:18px;bottom:18px;background:#152e37;color:#fff;border:1px solid #ffffff60;border-radius:5px;padding:5px 9px;font-size:9px;font-weight:800;letter-spacing:1px}
.bbs-job-guide .guide-card-body{padding:26px;flex:1}
.bbs-job-guide .guide-card-body ul{margin:18px 0;padding-left:20px;font-size:15px;line-height:1.9}
.bbs-job-guide .guide-role-selected{grid-template-columns:1fr}
.bbs-job-guide .guide-role-selected .guide-role-card{display:grid;grid-template-columns:.85fr 1.15fr}
.bbs-job-guide .guide-role-selected .guide-card-photo img{height:100%;min-height:360px;max-height:650px}
.bbs-job-guide .guide-role-selected .guide-card-body{padding:36px}
.bbs-job-guide .guide-role-selected h3{font-size:30px}
.bbs-job-guide .guide-card-links{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.bbs-job-guide .guide-card-links a{color:#153e4a;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:4px;padding:3px 0}
.bbs-job-guide .guide-card-links a:hover{color:#066783}
.bbs-job-guide details{margin-top:22px;border-top:1px solid #c4cfd3;padding-top:16px;font-size:14px}
.bbs-job-guide summary{cursor:pointer;font-weight:700;min-height:32px}
.bbs-job-guide details p{margin-top:12px}
.bbs-job-guide .guide-profile-photo{margin:-28px -28px 24px;overflow:hidden;border-radius:15px 15px 0 0}
.bbs-job-guide .guide-profile-photo img{height:210px;border-radius:0;display:block;object-fit:cover}
.bbs-job-guide .bbs-entry-feature-grid .guide-onet{background:#eaf1ef;display:flex;flex-direction:column;justify-content:center}
.bbs-job-guide .guide-compass{width:100px;height:100px;border-radius:50%;border:1px solid #94aca7;display:grid;place-items:center;font-size:60px;color:#153e4a;margin:10px 0 28px;background:radial-gradient(circle,#fff 35%,#d3e3dd)}
.bbs-job-guide .guide-resource-icon{display:block;color:#153e4a;font-size:12px;font-weight:800;letter-spacing:2px;border-bottom:3px solid #ffd100;padding-bottom:20px;margin-bottom:24px}
.bbs-job-guide .guide-next{position:relative;border:1px solid #66828a;border-radius:22px;padding:46px;margin-top:56px;background:radial-gradient(ellipse at top right,#3a6269,transparent 70%),#1d3c46;box-shadow:0 16px 40px #0002}
.bbs-job-guide .guide-next>p:not(.bbs-entry-kicker){max-width:700px;color:#e1ebee}
.bbs-job-guide :is(a,button,input,select,summary):focus-visible{outline:3px solid #008db3;outline-offset:4px}
.bbs-job-guide .bbs-entry-small{line-height:1.7;font-size:13px}
@media(prefers-reduced-motion:no-preference){
 .bbs-job-guide .guide-hero-copy{animation:bbs-guide-enter .7s ease-out both}
 .bbs-job-guide .guide-hero-visual{animation:bbs-guide-enter .9s .12s ease-out both}
 .bbs-job-guide .guide-photo-detail{animation:bbs-guide-settle 1.2s .25s ease-out both}
 .bbs-job-guide .guide-reveal{animation:bbs-guide-enter .65s ease-out both}
}
@keyframes bbs-guide-enter{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes bbs-guide-settle{from{transform:translateY(18px) rotate(0)}to{transform:translateY(0) rotate(6deg)}}
@media(max-width:1000px){.bbs-job-guide .guide-hero{gap:30px}.bbs-job-guide h1{font-size:52px}.bbs-job-guide .guide-role-grid:not(.guide-role-selected){grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-job-guide .guide-form{grid-template-columns:1fr 1fr}.bbs-job-guide .guide-form button{grid-column:1/-1}.bbs-job-guide .guide-photo-main img{height:390px}}
@media(max-width:760px){.bbs-job-guide{padding:24px 18px 52px}.bbs-job-guide nav{margin-bottom:32px}.bbs-job-guide .guide-hero{grid-template-columns:1fr;gap:36px;margin-bottom:32px}.bbs-job-guide h1{font-size:clamp(39px,8vw,58px);letter-spacing:-1.8px}.bbs-job-guide .guide-hero-visual{max-width:560px;width:100%;padding-right:20px}.bbs-job-guide .guide-photo-main img{height:310px}.bbs-job-guide .guide-photo-detail{width:110px;height:140px}.bbs-job-guide .guide-path-note{left:12px;padding:16px}.bbs-job-guide .guide-search{padding:24px;margin-bottom:32px}.bbs-job-guide .guide-form{grid-template-columns:1fr}.bbs-job-guide .guide-role-grid:not(.guide-role-selected){grid-template-columns:1fr}.bbs-job-guide .guide-role-selected .guide-role-card{display:flex}.bbs-job-guide .guide-role-selected .guide-card-photo img{min-height:0;height:240px}.bbs-job-guide .guide-role-selected .guide-card-body{padding:26px}.bbs-job-guide .bbs-entry-features{padding-top:32px;margin-top:32px}.bbs-job-guide .guide-job-search{padding:24px}.bbs-job-guide .guide-next{padding:28px}.bbs-job-guide .guide-steps{gap:12px}.bbs-job-guide .guide-steps li{font-size:11px}.bbs-job-guide .bbs-entry-feature-grid{grid-template-columns:1fr}}
@media(max-width:380px){.bbs-job-guide nav a{font-size:11px;padding:9px 11px}.bbs-job-guide .guide-path-note strong{font-size:15px}.bbs-job-guide .guide-path-note div>span{font-size:10px}.bbs-job-guide .guide-search,.bbs-job-guide .guide-job-search{padding:20px}.bbs-job-guide .guide-steps{display:grid}.bbs-job-guide .guide-orbit{left:-8px}.bbs-job-guide .guide-hero-visual{padding-right:12px}}
@media(prefers-reduced-motion:reduce){.bbs-job-guide *{animation:none!important;transition:none!important}.bbs-job-guide .bbs-entry-feature-grid article:hover,.bbs-job-guide .guide-role-card:hover .guide-card-photo img,.bbs-job-guide .guide-hero-cta:hover,.bbs-job-guide .guide-form button:hover,.bbs-job-guide .bbs-entry-actions a:hover{transform:none}}
/* On-site job discovery uses existing BBS job records and detail pages. */
.bbs-job-guide .guide-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.bbs-job-guide .guide-job-card{display:flex;flex-direction:column;min-width:0;padding:24px;background:#fff;color:#16343a;border-radius:16px;border-top:4px solid #ffda00;box-shadow:0 8px 24px #0002}
.bbs-job-guide .guide-job-card h3{margin:8px 0;font-size:1.25rem;line-height:1.4}
.bbs-job-guide .guide-job-card p,.bbs-job-guide .guide-job-card a{color:#16343a}
.bbs-job-guide .guide-job-card .guide-tag{font-size:.75rem;letter-spacing:.08em;font-weight:800}
.bbs-job-guide .guide-job-card .guide-job-pay{font-weight:700}
.bbs-job-guide .guide-job-open{margin-top:auto;padding-top:16px;font-weight:800;text-underline-offset:4px}
.bbs-job-guide .guide-job-empty{padding:24px;border:1px solid #8ba3a9;border-radius:12px;margin:20px 0}
.bbs-job-guide .guide-external-research{margin-top:24px;border-top:1px solid #8ba3a9;padding-top:20px}
.bbs-job-guide .guide-external-research summary{cursor:pointer;font-weight:700;padding:8px 0}
.bbs-job-guide .guide-job-card a{overflow-wrap:anywhere}
@media(max-width:650px){.bbs-job-guide .guide-job-grid{grid-template-columns:1fr}.bbs-job-guide .guide-job-card{padding:20px}}