/* Supplemental tools & article search — avoid touching article layouts */
.career-tool-strip{margin:24px 0 0;border:1px solid #d7e5e2;border-radius:9px;background:#edf6f3;padding:24px 27px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px}
.career-tool-strip .eyeline{font-size:10px;letter-spacing:.17em;color:#276f65;font-weight:850}
.career-tool-strip h2{margin:7px 0 5px;font-size:clamp(18px,2.3vw,23px);line-height:1.5;letter-spacing:-.04em}
.career-tool-strip p{font-size:13px;line-height:1.8;margin:0;color:#546b71}
.career-tool-strip a{display:inline-flex;background:#1c665d;border-radius:5px;color:#fff;font-size:13px;padding:13px 20px;font-weight:800;gap:12px;align-items:center;white-space:nowrap}
.career-tool-strip a:hover{background:#164d47}
.career-search{margin:17px 0 29px;background:#fff;border:1px solid #dfe7e8;border-radius:9px;padding:17px 19px}
.career-search label{display:block;font-size:12px;font-weight:800;color:#315459;margin-bottom:8px}
.career-search-field{display:flex;gap:8px}
.career-search input{appearance:none;flex:1;min-width:0;padding:12px 15px;font:inherit;font-size:15px;line-height:1.5;color:#263d49;background:#f8fafb;border:1px solid #cedbde;border-radius:5px}
.career-search input:focus{outline:2px solid #499487;outline-offset:2px}
.career-search button{border:1px solid #d4e0e1;background:#fff;font:inherit;font-weight:750;color:#326961;border-radius:5px;padding:8px 14px;cursor:pointer}
.career-search button[hidden],.topic-section[hidden],.article-link[hidden],#noResults[hidden]{display:none!important}
#searchStatus{font-size:12px;color:#687a84;margin:8px 0 0}
#noResults{border:1px solid #d9e2e3;background:#fff;border-radius:9px;padding:20px;margin-bottom:30px;color:#506571}
#noResults p{margin:0 0 5px}
#noResults a{font-weight:750;color:#286e67;text-decoration:underline}
@media(max-width:650px){.career-tool-strip{padding:20px;grid-template-columns:1fr;gap:14px}.career-tool-strip a{justify-content:center}.career-search{padding:15px}.career-search input{font-size:16px}.career-search-field{gap:5px}.career-search button{padding:8px 11px}}
.career-tool-strip .tool-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.career-tool-strip .tool-actions .secondary-tool{color:#215e57;background:#fff;border:1px solid #9ebeb7}
.career-tool-strip .tool-actions .secondary-tool:hover{background:#f7fbfa}
@media(max-width:760px){.career-tool-strip .tool-actions{justify-content:stretch}.career-tool-strip .tool-actions a{flex:1 1 100%}}

/* Simple, compact utility links instead of a large third feature panel. */
.career-tool-strip.compact-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px;margin:18px 0 0;border-radius:9px;background:#edf5f1}
.compact-tools .compact-tool-copy{min-width:0}
.compact-tools .eyeline{font-size:10px;letter-spacing:.04em}
.compact-tools h2{font-size:16px;line-height:1.45;margin:5px 0 0;white-space:normal}
.compact-tools .tool-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.compact-tools .tool-actions a{font-size:12px;padding:10px 13px;min-height:42px;gap:6px;white-space:normal}
@media(max-width:760px){
 .career-tool-strip.compact-tools{display:flex;flex-direction:column;align-items:stretch;padding:15px 15px 14px;gap:12px;margin:14px 0 0}
 .compact-tools .tool-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .compact-tools .tool-actions a{display:flex;justify-content:center;align-items:center;min-width:0;padding:11px 5px;font-size:12px;text-align:center;flex:none}
 .compact-tools h2{font-size:16px;margin:2px 0 0}
}

/* Intent-driven entry points: short, crawlable links, no decorative panels. */
.intent-explore{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin:6px 0 8px;padding:14px 0;border-top:1px solid #dde7e5;border-bottom:1px solid #dde7e5}
.intent-label{font-size:12px;font-weight:850;color:#2b6259;margin-right:6px}
.intent-explore a{font-size:12px;line-height:1.45;padding:9px 12px;border-radius:999px;border:1px solid #cadfd8;background:#fff;color:#2b645a;font-weight:750;transition:background .16s,border-color .16s}
.intent-explore a:hover{background:#edf7f3;border-color:#79ab9e}
.search-topics{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:13px}
.search-topics span{font-size:11px;color:#60777a;margin-right:4px}
.search-topics button{font:inherit;font-size:12px;font-weight:720;line-height:1.5;border:1px solid #d0e0dc;border-radius:999px;background:#f7faf9;color:#356a60;padding:6px 11px;cursor:pointer;min-height:35px}
.search-topics button:hover,.search-topics button[aria-pressed="true"]{background:#dcefe7;border-color:#6dab9b;color:#194e43}
.search-topics button:focus-visible{outline:2px solid #397d72;outline-offset:2px}
@media(max-width:760px){.intent-explore{gap:7px;margin:0 0 7px;padding:12px 0}.intent-label{width:100%;font-size:12px}.intent-explore a{font-size:11px;padding:8px 10px}.search-topics{gap:6px}.search-topics span{flex-basis:100%;margin-bottom:1px}.search-topics button{font-size:12px}}

/* Concrete six-role map (editorially written, crawlable internal links). */
.career-role-map{margin:28px 0 45px;scroll-margin-top:80px}
.career-map-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 0 17px}
.career-map-header h2{font-size:clamp(22px,3vw,30px);line-height:1.45;letter-spacing:-.05em;margin:5px 0}
.career-map-header p{font-size:13px;color:#61757d;line-height:1.8;margin:0}
.career-map-header>a{flex-shrink:0;font-weight:800;color:#246e63;font-size:12px;text-decoration:underline;text-underline-offset:3px}
.career-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.career-role-card{display:flex;align-items:start;gap:13px;padding:18px 16px;background:#fff;border:1px solid #dce7e5;border-radius:10px;min-width:0;transition:border-color .18s,transform .18s}
.career-role-card:hover{border-color:#7eaea2;transform:translateY(-2px)}
.career-role-index{font-size:12px;line-height:24px;font-weight:850;color:#7caaa0}
.career-role-card>div{flex:1;min-width:0}
.career-role-card h3{font-size:15px;line-height:1.45;letter-spacing:-.03em;margin:0 0 6px;color:#203a42}
.career-role-card strong{display:block;font-size:12px;line-height:1.65;font-weight:750;color:#286e64}
.career-role-card p{font-size:11px;color:#708188;line-height:1.75;margin:6px 0 0}
.career-role-arrow{font-size:16px;line-height:24px;color:#428477}
.career-map-note{font-size:11px;line-height:1.8;color:#687b80;margin:11px 0 0}
.career-map-note a{color:#26786b;text-decoration:underline;text-underline-offset:2px}
@media(max-width:900px){.career-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.career-role-map{margin:20px 0 33px}.career-map-header{display:block}.career-map-header>a{display:inline-block;margin:9px 0 0}.career-role-grid{gap:8px}.career-role-card{padding:13px 10px;gap:8px}.career-role-index{font-size:10px}.career-role-card h3{font-size:13px}.career-role-card strong{font-size:11px}.career-role-card p{font-size:10px;line-height:1.65}.career-role-arrow{font-size:13px}}
@media(max-width:390px){.career-role-grid{grid-template-columns:1fr}.career-role-card{padding:12px 15px}}

/* Keep the second comparison tool compact beside the article directory heading. */
.directory-heading a.offer-compare-link{display:inline-flex;align-items:center;margin-left:16px;color:#286c62;font-weight:800}
@media(max-width:760px){.directory-heading a.offer-compare-link{display:flex;margin:9px 0 0}}

/* Mobile readability and touch ergonomics 2026-10-13 */
@media(max-width:650px){
 .career-role-grid{grid-template-columns:1fr;gap:9px}
 .career-role-card{padding:15px 16px;gap:12px;min-height:84px;align-items:center}
 .career-role-index{font-size:12px}
 .career-role-card h3{font-size:16px;margin-bottom:4px}
 .career-role-card strong{font-size:13px;line-height:1.55}
 .career-role-card p{font-size:12px;line-height:1.65;margin:4px 0 0}
 .career-role-arrow{font-size:17px}
 .career-map-header>div p{font-size:14px}
 .career-map-header>a{font-size:13px;padding:4px 0}
 .search-topics button{min-height:42px;font-size:13px;padding:8px 13px}
 .intent-explore a{font-size:12px;line-height:1.5;padding:10px 12px;min-height:41px}
 .career-search label{font-size:14px}
 .career-search input{min-height:48px}
 .directory-heading p{line-height:1.85}
}
@media(max-width:390px){
 .career-role-grid{grid-template-columns:1fr}
 .career-role-card{padding:14px 15px}
}

/* October 2026: make the most useful comparison visible immediately. */
.career-role-map{margin-top:23px;margin-bottom:24px}
.career-role-card{box-shadow:0 3px 12px rgba(18,52,46,.025)}
.career-role-card:focus-visible{outline:3px solid #438b78;outline-offset:3px}
@media(max-width:760px){
 .career-role-map{margin:18px 0 17px}
 .career-map-header h2{font-size:24px;line-height:1.37}
 .career-role-grid{gap:8px}
 .career-role-card{min-height:76px}
 .featured-heading{padding-top:5px}
 .featured-section{padding-top:19px}
 .career-role-card strong{color:#276758}
 .featured-card h3{overflow-wrap:anywhere}
 .header-nav a{min-height:42px;display:inline-flex;align-items:center}
 .header-nav .about-nav{display:none}
}
@media(max-width:480px){
 .hero-visual{max-height:142px!important}
 .hero-visual img{max-height:142px!important;object-position:center 51%!important}
 .hero{gap:10px;padding-bottom:9px}
 .hero-caption{font-size:11px}
 .career-map-header p{font-size:13px}
 .career-role-card{padding:13px 15px}
}


/* Editorial reading path: real HTML links, visible without JavaScript. */
.career-path{margin:17px 0 7px;padding:16px 17px 18px;border:1px solid #d9e6e3;border-radius:10px;background:#f8fbfa}
.career-path-heading{font-size:13px;line-height:1.6;font-weight:850;color:#294c49;margin:0 0 11px}
.career-path-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:9px;list-style:none;margin:0;padding:0}
.career-path-list a{display:flex;align-items:center;gap:10px;min-height:72px;padding:12px 13px;border:1px solid #d9e5e1;background:#fff;border-radius:8px;text-decoration:none;color:#223d42;transition:border-color .15s,background-color .15s}
.career-path-list a:hover{border-color:#82b3a3;background:#f6fbf8}
.career-path-list a:focus-visible{outline:3px solid #438b78;outline-offset:2px}
.career-path-num{font-size:11px;font-weight:850;color:#2f7a6b;align-self:flex-start;flex:none;line-height:1.6}
.career-path-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.career-path-text strong{font-size:13px;line-height:1.5;letter-spacing:-.02em}
.career-path-text small{font-size:11px;color:#637780;line-height:1.55}
.career-path-arrow{margin-left:auto;align-self:flex-start;font-size:14px;color:#387e70}
.search-fallback-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}
#noResults .search-fallback-links a{display:inline-flex;align-items:center;min-height:42px;padding:9px 13px;border:1px solid #d3e3de;background:#f5faf8;border-radius:6px;text-decoration:none;font-size:13px}
@media(max-width:900px){.career-path-list{grid-template-columns:1fr}.career-path-list a{min-height:61px;padding:10px 12px}}
@media(max-width:480px){.career-path{padding:14px 12px}.career-path-heading{font-size:13px}.career-path-text strong{font-size:13px}.career-path-text small{font-size:11px}}
@media(prefers-reduced-motion:reduce){.career-path-list a{transition:none}}

/* An accessible two-question next-action guide, independent of editorial search. */
.career-next{scroll-margin-top:22px;margin:20px 0 45px;padding:25px 28px 22px;border:1px solid #d7e4df;border-radius:13px;background:#fff;box-shadow:0 8px 26px rgba(27,56,47,.045)}
.career-next-header h2{font-size:clamp(21px,2.6vw,29px);letter-spacing:-.04em;line-height:1.5;margin:5px 0 7px}
.career-next-header p{font-size:14px;line-height:1.8;color:#556e6b;margin:0}
.career-next-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.career-next-controls label{display:block;font-size:13px;line-height:1.7;font-weight:800;color:#2d5550}
.career-next-controls select{width:100%;display:block;min-width:0;min-height:48px;margin-top:7px;border:1px solid #aecbc0;border-radius:8px;padding:10px 13px;background:#fff;color:#203c3c;font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.career-next-controls select:focus-visible,.career-next-actions a:focus-visible{outline:3px solid #58a891;outline-offset:3px}
.career-next-result{display:flex;gap:20px;align-items:center;justify-content:space-between;background:#f4f9f6;border:1px solid #d8e9df;border-radius:10px;padding:17px 19px}
.career-next-result-copy{min-width:0;flex:1}
.career-next-eyebrow{font-size:11px;letter-spacing:.06em;font-weight:900;color:#347665}
.career-next-result h3{font-size:clamp(17px,2.1vw,21px);line-height:1.5;color:#234a45;margin:4px 0 6px;letter-spacing:-.02em}
.career-next-result p{font-size:13px;line-height:1.85;margin:5px 0;color:#445e5b}
.career-next-task{margin-top:9px!important;color:#294d48!important}
.career-next-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;flex:0 0 224px}
.career-next-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:7px;text-align:center;text-decoration:none;font-size:12px;font-weight:800;line-height:1.7}
.career-next-main{background:#216d5d;color:white!important}
.career-next-main:hover{background:#165748}
.career-next-secondary{background:white;border:1px solid #b7d5c9;color:#265f51!important}
.career-next-secondary:hover{background:#edf5ef}
.career-next-note{font-size:12px;line-height:1.8;color:#526e66;margin:13px 0 0}
@media(max-width:780px){.career-next{margin:16px 0 37px;padding:20px 18px}.career-next-result{flex-direction:column;align-items:stretch;gap:13px}.career-next-actions{flex-basis:auto;flex-direction:row}.career-next-actions a{flex:1}}
@media(max-width:590px){.career-next{padding:19px 15px}.career-next-controls{grid-template-columns:1fr;gap:13px;margin:16px 0}.career-next-controls label{font-size:14px}.career-next-controls select{min-height:49px;font-size:15px}.career-next-result{padding:15px 13px}.career-next-actions{flex-direction:column;gap:8px}.career-next-actions a{font-size:14px}.career-next-header p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.career-next{scroll-behavior:auto}}

/* Mobile legibility audit for the main career homepage, 2026-10-14.
   One-card-per-row at phone widths avoids narrow 2-column role descriptions.
   Avoid 9px topic labels and micro-copy that are hard to scan on a phone. */
@media(max-width:560px){
 .career-role-grid{grid-template-columns:1fr}
 .career-role-card{min-height:74px;align-items:center;padding:13px 15px}
 .career-role-card h3{font-size:16px}
 .career-role-card p{font-size:13px;line-height:1.55}
 .career-role-index{color:#356e64;font-size:12px}
 .article-link .card-kicker{font-size:11px}
 .article-link p{font-size:13px}
 .section-count{font-size:11px}
 .featured-content p{font-size:12px}
}

/* Make search alias guidance legible without crowding the search field. */
.career-search-hint{margin:5px 0 0;font-size:12px;line-height:1.8;color:#526c68}
@media(max-width:560px){.career-search-hint{font-size:13px;line-height:1.75}}

/* 2026-10-14: Reduce cognitive load. Collapsed native details keep useful links indexable. */
details.intent-explore{display:block;margin:12px 0 19px;border:1px solid #dce8e2;border-radius:10px;background:#fff;padding:0}
details.intent-explore .intent-label{display:flex;align-items:center;gap:9px;list-style:none;padding:14px 16px;font-size:14px;line-height:1.65;color:#285b4f;cursor:pointer;font-weight:850}
details.intent-explore .intent-label::-webkit-details-marker{display:none}
details.intent-explore .intent-label span{margin-left:auto;font-size:21px;font-weight:400;line-height:1}
details.intent-explore[open] .intent-label span{transform:rotate(45deg)}
details.intent-explore .intent-label:focus-visible{outline:3px solid #438b78;outline-offset:3px}
details.intent-explore .intent-links{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 16px}
details.intent-explore .intent-links a{display:inline-flex;align-items:center;min-height:44px;border-radius:7px;font-size:13px;line-height:1.55;padding:9px 12px}
.career-day-links{display:grid;grid-template-columns:auto repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;margin:16px 0 8px}
.career-day-label{display:flex;align-items:center;font-size:12px;font-weight:850;color:#285c50;max-width:118px;line-height:1.6}
.career-day-links a{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-content:center;gap:0 10px;min-height:66px;padding:12px 15px;background:#eff7f2;border:1px solid #cfe2d6;border-radius:9px;color:#285a4f;text-decoration:none}
.career-day-links a:hover{background:#e2f1e8;border-color:#8bb7a0}
.career-day-links a:focus-visible{outline:3px solid #438b78;outline-offset:2px}
.career-day-links strong{font-size:14px;line-height:1.5}
.career-day-links small{font-size:12px;line-height:1.6;color:#526e64;grid-column:1}
.career-day-links a>span{font-size:17px;align-self:center;grid-row:1/3;grid-column:2}
@media(max-width:750px){.career-day-links{grid-template-columns:1fr 1fr}.career-day-label{max-width:none;grid-column:1/-1}.career-day-links a{min-height:85px}.career-day-links small{font-size:12px}}
@media(max-width:500px){.career-day-links{grid-template-columns:1fr}.career-day-links a{min-height:64px}.career-day-label{font-size:13px}.career-day-links strong{font-size:14px}.career-day-links small{font-size:12px}}


/* 2026-10-14: show immediate keyboard/touch-accessible results under the search box. */
.career-search-matches{margin:14px 0 8px;padding:15px 16px;border:1px solid #d5e7df;background:#f3faf6;border-radius:10px}
.career-search-matches[hidden]{display:none!important}
.career-search-matches>strong{display:block;font-size:13px;color:#235a4c;margin-bottom:11px}
.career-search-match-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.career-search-match-links a{display:flex;align-items:center;min-height:47px;padding:11px 13px;font-size:13px;line-height:1.6;font-weight:750;color:#1f6251;background:white;border:1px solid #c9e0d4;border-radius:8px;text-decoration:none}
.career-search-match-links a:hover{background:#e5f3ea;border-color:#74aa92}
.career-search-match-links a:focus-visible{outline:3px solid #2e8f74;outline-offset:2px}
.career-search-match-count{margin:10px 0 0;font-size:12px;line-height:1.7;color:#526e63}
@media(max-width:640px){.career-search-matches{padding:13px 12px}.career-search-match-links{grid-template-columns:1fr}.career-search-match-links a{font-size:14px;min-height:48px}.career-search-match-count{font-size:13px}}


/* Discoverable utility CTA beneath salary and work-style reading guides. */
.career-salary-tool{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 30px;padding:23px 25px;background:#f0f8f4;border:1px solid #cce3d6;border-radius:13px;color:#254a41}
.career-salary-tool h2{margin:5px 0 8px;font-size:clamp(19px,2.5vw,23px);line-height:1.45;color:#245447}
.career-salary-tool p{font-size:13px;line-height:1.8;color:#456d60;margin:0}
.career-salary-tool>a{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:13px 16px;min-height:48px;max-width:310px;border-radius:8px;background:#266a54;color:#fff;font-size:14px;font-weight:800;text-align:center;text-decoration:none}
.career-salary-tool>a:hover{background:#195642}
.career-salary-tool>a:focus-visible{outline:3px solid #347a67;outline-offset:3px}
@media(max-width:720px){.career-salary-tool{display:block;margin:20px 0;padding:19px 17px}.career-salary-tool p{font-size:14px}.career-salary-tool>a{display:flex;max-width:none;margin-top:15px;width:100%}}