/* PhuQuocCareers - depth layer for Career Explorer + Work-Life */
:root{--depth-navy:#0b3557;--depth-sea:#0d7597;--depth-ink:#17384f;--depth-muted:#647a88;--depth-line:rgba(17,59,86,.11);--depth-cream:#fff9ef;--depth-sky:#eef7fa;--depth-green:#eaf6ef;--depth-gold:#d99222}

/* brand must remain a visible anchor */
.topbar .brand-lockup .brand-mark{background:#fff!important;border-radius:8px!important}
.topbar .brand-lockup .brand-mark img{opacity:1!important;visibility:visible!important;display:block!important;filter:none!important}

/* career hero */
.career-hero-depth{padding:48px 0 38px!important;background:linear-gradient(180deg,#fffaf1 0%,#fff 88%)!important}
.career-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:54px;align-items:center}
.career-hero-depth .career-discovery-intro{max-width:720px;margin:0}
.career-hero-depth .career-discovery-intro h1{font-size:54px!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:7px 0 16px!important}
.career-hero-depth .career-discovery-intro p{font-size:17px!important;line-height:1.62!important;max-width:650px}
.career-hero-photo{position:relative;min-height:430px;margin:0;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(5,28,45,.04),rgba(5,28,45,.34)),url('https://images.pexels.com/photos/17748657/pexels-photo-17748657.jpeg?auto=compress&cs=tinysrgb&w=1800') center/cover no-repeat;box-shadow:0 24px 64px rgba(15,47,68,.14)}
.career-hero-photo figcaption{position:absolute;left:22px;right:22px;bottom:20px;padding:15px 17px;border-radius:16px;background:rgba(8,42,65,.78);backdrop-filter:blur(10px);color:#fff;font-size:13px;line-height:1.45}
.career-hero-photo figcaption strong{display:block;margin-bottom:3px;font-family:Lora,Georgia,serif;font-size:20px;font-weight:600}
.career-entry-depth{margin-top:28px;padding-top:22px;border-top:1px solid var(--depth-line)}
.career-entry-depth>label{display:block;margin-bottom:11px;color:var(--depth-navy);font-size:13px;font-weight:800}
.career-intent-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.career-intent-grid button{min-height:88px!important;padding:14px!important;text-align:left!important;border:1px solid var(--depth-line)!important;background:#fff!important;border-radius:16px!important;color:var(--depth-ink)!important;box-shadow:none!important}
.career-intent-grid button span{display:block;font-size:13px;font-weight:800;line-height:1.25}.career-intent-grid button small{display:block;margin-top:6px;color:#71838f;font-size:11px;line-height:1.35}
.career-intent-grid button.active{background:#edf8fa!important;border-color:#aed7e2!important}

/* career detail - read like a magazine, scan like an infographic */
.career-main{padding-top:28px!important}
.career-layout{align-items:start!important}
.career-sheet-depth{background:#fff}
.career-sheet-head-depth{padding:30px 30px 20px!important;border-bottom:0!important}
.career-sheet-head-depth h2{margin:6px 0 10px!important;font-size:34px!important;line-height:1.08!important}
.career-sheet-head-depth p{max-width:760px!important;font-size:15px!important;line-height:1.6!important}
.career-detail-block{padding:26px 30px;border-top:1px solid var(--depth-line)}
.career-detail-block h3{margin:0 0 7px;font-family:Lora,Georgia,serif;color:var(--depth-navy);font-size:25px;font-weight:600}.career-detail-block>p{margin:0 0 18px;color:var(--depth-muted);font-size:13px;line-height:1.55}
.career-day-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--depth-line);border-bottom:1px solid var(--depth-line)}
.career-day-step{position:relative;min-height:130px;padding:20px 18px}.career-day-step:not(:last-child){border-right:1px solid var(--depth-line)}
.career-day-step small{display:block;margin-bottom:10px;color:var(--depth-sea);font-weight:850;font-size:10px;letter-spacing:.08em}.career-day-step strong{display:block;color:var(--depth-ink);font-size:14px;line-height:1.45}
.career-skill-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px}.career-pill{padding:8px 11px;border-radius:999px;background:#f1f7f8;color:#35566b;font-size:12px;font-weight:700}
.career-route-depth{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.career-route-card{padding:18px 17px;border-left:3px solid #d6e5e9;background:#fafcfc}.career-route-card:nth-child(2){border-left-color:#93cddd}.career-route-card:nth-child(3){border-left-color:#e4b66a;background:#fffaf1}.career-route-card small{display:block;margin-bottom:7px;color:#71838f;font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.career-route-card strong{display:block;color:var(--depth-navy);font-size:16px;line-height:1.35}
.career-ask-box{padding:23px 24px;background:linear-gradient(120deg,#0b3557,#0f6a83);color:#fff}.career-ask-box h3{margin:0 0 12px;font-family:Lora,Georgia,serif;font-size:23px;font-weight:600}.career-ask-box ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.career-ask-box li{padding-left:16px;border-left:1px solid rgba(255,255,255,.27);font-size:13px;line-height:1.5;color:rgba(255,255,255,.9)}
.career-evidence{margin-top:0!important;border-top:1px solid var(--depth-line)!important;background:#fbfcfc!important}

.career-reality-section{padding:76px 0 84px;background:#f4f9fa}.career-reality-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,1.2fr);gap:50px;align-items:end;margin-bottom:28px}.career-reality-head h2{margin:7px 0 0;font-family:Lora,Georgia,serif;font-size:39px;line-height:1.08;color:var(--depth-navy);font-weight:600}.career-reality-head p{margin:0;color:var(--depth-muted);font-size:15px;line-height:1.65}
.career-reality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--depth-line);border-bottom:1px solid var(--depth-line)}.career-reality-item{padding:26px 24px}.career-reality-item:not(:last-child){border-right:1px solid var(--depth-line)}.career-reality-item small{color:var(--depth-sea);font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.career-reality-item h3{margin:9px 0 9px;color:var(--depth-navy);font-size:18px}.career-reality-item p{margin:0;color:var(--depth-muted);font-size:13px;line-height:1.6}

/* work-life hero + zone intelligence */
.life-page-hero.life-depth-hero{padding:50px 0 42px!important;background:linear-gradient(180deg,#eef7fa,#fff)!important}
.life-depth-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(430px,1.05fr);gap:54px;align-items:center}.life-depth-copy h1{margin:8px 0 15px!important;max-width:690px;font-family:Lora,Georgia,serif;font-size:52px!important;line-height:1.03!important;letter-spacing:-.04em;color:var(--depth-navy);font-weight:600}.life-depth-copy>p{max-width:660px;margin:0;color:var(--depth-muted);font-size:17px;line-height:1.62}
.life-depth-photo{position:relative;min-height:430px;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,rgba(5,28,45,.02),rgba(5,28,45,.42)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Night_market_in_Phu_Quoc.jpg?width=1600') center/cover no-repeat;box-shadow:0 24px 64px rgba(15,47,68,.13)}.life-depth-photo span{position:absolute;left:20px;right:20px;bottom:18px;color:#fff;font-size:12px;line-height:1.45}.life-depth-photo strong{display:block;font-family:Lora,Georgia,serif;font-size:22px;font-weight:600}
.life-zone-picker{margin-top:28px;padding-top:20px;border-top:1px solid var(--depth-line)}.life-zone-picker>strong{display:block;margin-bottom:11px;color:var(--depth-navy);font-size:13px}.life-zone-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.life-zone-buttons button{padding:8px 11px;border:1px solid #d7e5ea;border-radius:999px;background:#fff;color:#426176;font-size:12px;font-weight:750}.life-zone-buttons button.active{background:#0d6f91;color:#fff;border-color:#0d6f91}

.life-zone-intel{padding:44px 0 12px}.life-zone-panel{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:0;border-top:1px solid var(--depth-line);border-bottom:1px solid var(--depth-line)}.life-zone-story{padding:28px 26px;background:#fffaf1}.life-zone-story small{color:#ae741a;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.life-zone-story h2{margin:9px 0 10px;font-family:Lora,Georgia,serif;font-size:29px;line-height:1.12;color:var(--depth-navy);font-weight:600}.life-zone-story p{margin:0;color:var(--depth-muted);font-size:13.5px;line-height:1.62}.life-zone-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.life-zone-signal{padding:25px 22px}.life-zone-signal:not(:last-child){border-right:1px solid var(--depth-line)}.life-zone-signal small{display:block;margin-bottom:8px;color:var(--depth-sea);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.life-zone-signal strong{display:block;color:var(--depth-ink);font-size:14px;line-height:1.5}

.life-offer-section{padding:70px 0;background:#fff}.life-offer-head{max-width:790px;margin-bottom:25px}.life-offer-head h2{margin:6px 0 10px;font-family:Lora,Georgia,serif;font-size:39px;line-height:1.08;color:var(--depth-navy);font-weight:600}.life-offer-head p{margin:0;color:var(--depth-muted);font-size:15px;line-height:1.6}.life-offer-compare{display:grid;grid-template-columns:1fr 110px 1fr;border-top:1px solid var(--depth-line);border-bottom:1px solid var(--depth-line)}.life-offer-card{padding:26px 24px}.life-offer-card small{color:#748793;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.life-offer-card h3{margin:8px 0 14px;color:var(--depth-navy);font-size:22px}.life-offer-card ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.life-offer-card li{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid rgba(17,59,86,.07);color:#536c7c;font-size:13px}.life-offer-card li b{color:var(--depth-ink)}.life-offer-vs{display:grid;place-items:center;color:#9a7134;font-family:Lora,Georgia,serif;font-size:20px;background:#fffaf2;border-left:1px solid var(--depth-line);border-right:1px solid var(--depth-line)}.life-offer-note{margin:15px 0 0;color:#7a8992;font-size:11.5px}

.life-photo-section{padding:72px 0 82px;background:#f3f8f9}.life-photo-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:25px}.life-photo-head h2{margin:7px 0 0;font-family:Lora,Georgia,serif;font-size:38px;line-height:1.08;color:var(--depth-navy);font-weight:600}.life-photo-head p{max-width:500px;margin:0;color:var(--depth-muted);font-size:14px;line-height:1.6}.life-photo-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:13px}.life-photo{position:relative;min-height:360px;overflow:hidden;border-radius:22px;background:#d9e5e8 center/cover no-repeat}.life-photo:nth-child(1){background-image:linear-gradient(0deg,rgba(6,32,49,.56),rgba(6,32,49,.02)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Night_market_in_Phu_Quoc.jpg?width=1400')}.life-photo:nth-child(2){background-image:linear-gradient(0deg,rgba(6,32,49,.56),rgba(6,32,49,.02)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Phu_quoc_riviere_duong_dong.jpg?width=1200')}.life-photo:nth-child(3){background-image:linear-gradient(0deg,rgba(6,32,49,.56),rgba(6,32,49,.02)),url('https://commons.wikimedia.org/wiki/Special:FilePath/Phu_Quoc_Island_02.jpg?width=1200')}.life-photo span{position:absolute;left:18px;right:18px;bottom:16px;color:#fff;font-size:12px;line-height:1.45}.life-photo strong{display:block;margin-bottom:3px;font-family:Lora,Georgia,serif;font-size:22px;font-weight:600}.life-photo-credit{margin-top:10px;color:#8a989f;font-size:10.5px}

@media(max-width:980px){.career-hero-grid,.life-depth-grid{grid-template-columns:1fr;gap:28px}.career-hero-photo,.life-depth-photo{min-height:390px}.career-reality-head{grid-template-columns:1fr;gap:12px}.life-zone-panel{grid-template-columns:1fr}.life-zone-signals{border-top:1px solid var(--depth-line)}.life-offer-compare{grid-template-columns:1fr}.life-offer-vs{min-height:56px;border:0;border-top:1px solid var(--depth-line);border-bottom:1px solid var(--depth-line)}.life-photo-grid{grid-template-columns:1.2fr 1fr}.life-photo:nth-child(3){grid-column:1/-1;min-height:280px}}
@media(max-width:760px){.career-hero-depth{padding:28px 0 26px!important}.career-hero-depth .career-discovery-intro h1{font-size:38px!important}.career-hero-depth .career-discovery-intro p,.life-depth-copy>p{font-size:15px!important}.career-hero-photo,.life-depth-photo{min-height:320px;border-radius:22px}.career-intent-grid{grid-template-columns:1fr 1fr!important}.career-intent-grid button{min-height:82px!important}.career-day-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.career-day-step{min-width:74vw;scroll-snap-align:start;border-right:1px solid var(--depth-line)}.career-route-depth{grid-template-columns:1fr}.career-ask-box ul{grid-template-columns:1fr}.career-ask-box li{padding:9px 0 9px 14px}.career-detail-block,.career-sheet-head-depth{padding-left:18px!important;padding-right:18px!important}.career-reality-section{padding:52px 0 58px}.career-reality-head h2,.life-offer-head h2,.life-photo-head h2{font-size:31px}.career-reality-grid{grid-template-columns:1fr}.career-reality-item:not(:last-child){border-right:0;border-bottom:1px solid var(--depth-line)}.life-page-hero.life-depth-hero{padding:28px 0 30px!important}.life-depth-copy h1{font-size:38px!important}.life-zone-signals{display:flex;overflow-x:auto}.life-zone-signal{min-width:78vw}.life-zone-signal:not(:last-child){border-right:1px solid var(--depth-line)}.life-offer-section{padding:50px 0}.life-offer-card{padding:22px 18px}.life-photo-section{padding:52px 0 60px}.life-photo-head{display:block}.life-photo-head p{margin-top:10px}.life-photo-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.life-photo{min-width:82vw;min-height:340px;scroll-snap-align:start}.life-photo:nth-child(3){min-height:340px}.life-photo-credit{font-size:10px}}