/* Phase 28: complete mobile responsiveness for Investment Tutorials and Careers */
html,body{max-width:100%;overflow-x:hidden}
.it-page *, .career-benchmark-page *{box-sizing:border-box;min-width:0}
.it-page img,.career-benchmark-page img{max-width:100%;height:auto}
.it-page .wide,.career-benchmark-page .wide{width:min(100% - 32px,1200px);max-width:1200px;margin-left:auto;margin-right:auto}
.it-page a,.career-benchmark-page a{overflow-wrap:anywhere}
.it-page p,.career-benchmark-page p{overflow-wrap:break-word}
@media (max-width:1100px){
  .itx-pro-hero-grid,.itx-hero-grid,.itx-detail-layout,.itx-feature-grid,.career-hero-wrap,.career-main-layout{grid-template-columns:1fr!important;gap:22px!important}
  .itx-directory,.itx-article-grid,.itx-path-grid,.itx-extra-grid,.career-card-grid,.career-life-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .itx-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .career-top-benefits{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .career-side-nav{position:static!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:16px!important}
  .career-content-card{width:100%!important}
}
@media (max-width:760px){
  .it-page .wide,.career-benchmark-page .wide{width:min(100% - 28px,560px)!important;max-width:560px!important}
  .itx-polished .itx-pro-hero,.itx-detail-hero{padding:24px 0 30px!important}
  .itx-pro-hero-grid,.itx-hero-grid,.itx-detail-layout,.career-hero-wrap,.career-main-layout,.career-side-nav{grid-template-columns:1fr!important;gap:16px!important}
  .itx-pro-copy h1,.itx-detail-hero h1,.itx-hero h1,.career-left h1{font-size:clamp(30px,9.5vw,42px)!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:10px 0 12px!important}
  .career-left h2{font-size:clamp(20px,6.2vw,28px)!important;line-height:1.18!important;margin:0 0 14px!important}
  .itx-pro-copy p,.itx-detail-hero p,.itx-hero p,.career-left p{font-size:15px!important;line-height:1.6!important;max-width:100%!important}
  .itx-pro-panel,.itx-overview-card,.itx-lesson,.itx-feature,.itx-subscribe,.career-content-card,.career-toc,.career-help,.career-cta{border-radius:18px!important;padding:18px!important}
  .itx-pro-panel .panel-metrics,.overview-badges,.itx-directory,.itx-article-grid,.itx-path-grid,.itx-extra-grid,.itx-cat-grid,.itx-feature-grid,.career-card-grid,.career-life-grid,.career-top-benefits{grid-template-columns:1fr!important}
  .itx-head,.career-open-head{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;align-items:start!important}
  .itx-head h2,.career-section h2{font-size:clamp(24px,7vw,32px)!important;line-height:1.15!important}
  .itx-actions,.itx-topics,.itx-pills{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
  .itx-actions a,.itx-actions button,.itx-topics a,.itx-pills b{width:auto!important;max-width:100%!important;white-space:normal!important;text-align:center!important}
  .itx-search,.itx-search form,.itx-subscribe form{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:10px!important;height:auto!important}
  .itx-search input,.itx-subscribe input,.itx-search button,.itx-subscribe button{width:100%!important;border-radius:12px!important;min-height:48px!important}
  .itx-list article,.itx-tutorial-list article{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
  .itx-list article > a:last-child,.itx-tutorial-list article > a:last-child{grid-column:1/-1!important;justify-self:start!important}
  .itx-list .thumb,.it-list-thumb{width:74px!important;height:74px!important}
  .itx-detail-layout{padding-bottom:36px!important}
  .itx-side{position:static!important;top:auto!important;display:flex!important;gap:8px!important;overflow-x:auto!important;padding:12px!important;-webkit-overflow-scrolling:touch!important}
  .itx-side h3{display:none!important}.itx-side a{flex:0 0 auto!important;white-space:nowrap!important}
  .itx-related{grid-template-columns:1fr!important}
  .career-right{order:-1!important}.career-right img{height:auto!important;max-height:280px!important;object-fit:cover!important;border-radius:16px!important}
  .career-top-benefits{margin:16px auto!important;overflow:hidden!important}.career-top-benefits article{border-right:0!important;border-bottom:1px solid #e7edf8!important;padding:18px!important}.career-top-benefits article:last-child{border-bottom:0!important}
  .career-card-grid article,.career-life-grid article{padding:18px!important;text-align:left!important}.career-card-grid i{margin-bottom:10px!important}
  .career-life-grid img{height:auto!important;max-height:220px!important}
  .career-toc{display:flex!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.career-toc h3{display:none!important}.career-toc a{flex:0 0 auto!important;white-space:nowrap!important}
  .career-help{display:grid!important;grid-template-columns:52px 1fr!important;gap:12px!important}.career-help .btn{grid-column:1/-1!important;width:100%!important;text-align:center!important}
  .career-table{display:block!important;width:100%!important;border-collapse:separate!important;border-spacing:0!important;margin-top:14px!important}.career-table tbody,.career-table tr,.career-table td{display:block!important;width:100%!important}.career-table th{display:none!important}.career-table tr{border:1px solid #e7edf8!important;border-radius:14px!important;margin:0 0 12px!important;padding:12px!important;background:#fff!important}.career-table td{border:0!important;padding:8px 6px 8px 112px!important;position:relative!important;min-height:34px!important;font-size:14px!important;white-space:normal!important}.career-table td:before{position:absolute!important;left:6px!important;top:8px!important;width:96px!important;color:#6a7ea8!important;font-size:11px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important}.career-table td:nth-child(1):before{content:'Position'}.career-table td:nth-child(2):before{content:'Department'}.career-table td:nth-child(3):before{content:'Location'}.career-table td:nth-child(4):before{content:'Type'}.career-table td:nth-child(5):before{content:'Action'}
  .career-cta{grid-template-columns:1fr!important;text-align:left!important}.career-cta i{width:48px!important;height:48px!important}.career-cta .btn{width:100%!important;text-align:center!important}
}
@media (max-width:420px){
  .it-page .wide,.career-benchmark-page .wide{width:min(100% - 22px,390px)!important}
  .itx-pro-copy h1,.itx-detail-hero h1,.itx-hero h1,.career-left h1{font-size:30px!important}
  .itx-pro-panel,.itx-overview-card,.itx-directory article,.itx-path-grid article,.itx-article-grid article,.itx-cat,.career-content-card,.career-card-grid article,.career-life-grid article{padding:16px!important}
  .career-table td{padding-left:96px!important}.career-table td:before{width:84px!important}
}