/* FilmIndustry Jobs v1.6.6.4 mobile cards + button optimization
   Component-level mobile cleanup after real Android screenshots: quieter cards, smaller CTAs, calmer app bar, smaller Lucas orb, compact auth/forms. */

body.fij-design-v1664{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

@media (max-width: 900px){
  body.fij-design-v1664{
    padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))!important;
  }

  /* General mobile rhythm: less marketing noise, more app-like scanning. */
  body.fij-design-v1664 .container{
    padding-left:15px!important;
    padding-right:15px!important;
  }
  body.fij-design-v1664 .section,
  body.fij-design-v1664 .fij-home-section-v1658{
    padding:24px 0!important;
  }
  body.fij-design-v1664 .fij-section-head-v1658{
    margin-bottom:12px!important;
  }
  body.fij-design-v1664 .fij-section-head-v1658 h2,
  body.fij-design-v1664 .page-header h1,
  body.fij-design-v1664 .page-header h2,
  body.fij-design-v1664 .section-heading-row h2,
  body.fij-design-v1664 .dashboard-public-hero h1,
  body.fij-design-v1664 .public-hero h1{
    font-size:clamp(26px,7.2vw,34px)!important;
    line-height:1.06!important;
    letter-spacing:-.038em!important;
  }
  body.fij-design-v1664 .fij-kicker-v1658,
  body.fij-design-v1664 .eyebrow{
    font-size:10px!important;
    letter-spacing:.15em!important;
  }

  /* Buttons: reduce height, reduce shouting, keep one primary clear CTA. */
  body.fij-design-v1664 .btn,
  body.fij-design-v1664 a.btn,
  body.fij-design-v1664 button.btn,
  body.fij-design-v1664 .button,
  body.fij-design-v1664 .fij-home-actions-v1658 a,
  body.fij-design-v1664 .fij-section-head-v1658>a,
  body.fij-design-v1664 .fij-final-cta-v1658 a,
  body.fij-design-v1664 .fij-lucas-strip-inner-v1658>a,
  body.fij-design-v1664 .fij-home-search-v1658 button,
  body.fij-design-v1664 .search button,
  body.fij-design-v1664 .polished-search button,
  body.fij-design-v1664 form button[type="submit"]{
    min-height:40px!important;
    height:auto!important;
    padding:10px 13px!important;
    font-size:10.5px!important;
    line-height:1.15!important;
    letter-spacing:.095em!important;
    box-shadow:none!important;
    border-radius:0!important;
  }
  body.fij-design-v1664 .fij-home-actions-v1658{
    gap:8px!important;
  }
  body.fij-design-v1664 .fij-home-actions-v1658 .fij-home-btn-secondary-v1658,
  body.fij-design-v1664 .fij-home-actions-v1658 .fij-home-btn-ghost-v1658{
    background:#fff!important;
    color:#07111f!important;
    border:1px solid rgba(7,17,31,.16)!important;
  }
  body.fij-design-v1664 .fij-home-actions-v1658 .fij-home-btn-ghost-v1658{
    display:none!important;
  }
  body.fij-design-v1664 .fij-section-head-v1658>a{
    background:#fff!important;
    color:#07111f!important;
    border:1px solid rgba(7,17,31,.16)!important;
  }

  /* Cards: quieter border, smaller padding, no heavy shadows on phone. */
  body.fij-design-v1664 .card,
  body.fij-design-v1664 .listing-card,
  body.fij-design-v1664 .resource-card,
  body.fij-design-v1664 .pricing-card,
  body.fij-design-v1664 .company-card,
  body.fij-design-v1664 .dashboard-card,
  body.fij-design-v1664 .polished-job-card,
  body.fij-design-v1664 .job-listing-card,
  body.fij-design-v1664 .fij-featured-job-v1658,
  body.fij-design-v1664 .fij-department-card-v1658,
  body.fij-design-v1664 .fij-resource-card-v1658,
  body.fij-design-v1664 .fij-join-card-v1658,
  body.fij-design-v1664 .fij-panel-card-v1658,
  body.fij-design-v1664 .fij-home-hero-panel-v1658,
  body.fij-design-v1664 .talent-growth-score-card{
    border-color:rgba(7,17,31,.12)!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.fij-design-v1664 .card,
  body.fij-design-v1664 .listing-card,
  body.fij-design-v1664 .resource-card,
  body.fij-design-v1664 .pricing-card,
  body.fij-design-v1664 .company-card,
  body.fij-design-v1664 .dashboard-card,
  body.fij-design-v1664 .polished-job-card,
  body.fij-design-v1664 .job-listing-card{
    padding:13px!important;
  }

  /* Header/menu: keep it tidy and not oversized. */
  body.fij-design-v1664 .fij-public-header-inner{
    min-height:54px!important;
    height:54px!important;
  }
  body.fij-design-v1664 .fij-mobile-menu-button{
    height:36px!important;
    min-width:68px!important;
    padding:0 9px!important;
    font-size:9.5px!important;
    letter-spacing:.08em!important;
  }
  body.fij-design-v1664 .fij-mobile-drawer{
    width:min(82vw,310px)!important;
    padding:12px!important;
  }
  body.fij-design-v1664 .fij-mobile-drawer-head{
    top:-12px!important;
    margin:0 -12px 10px!important;
    padding:12px!important;
  }
  body.fij-design-v1664 .fij-mobile-drawer a{
    min-height:46px!important;
    margin-bottom:7px!important;
    padding:10px!important;
  }
  body.fij-design-v1664 .fij-mobile-drawer a span{
    font-size:14px!important;
  }
  body.fij-design-v1664 .fij-mobile-drawer a small{
    font-size:9px!important;
    max-width:96px!important;
  }

  /* Homepage: use less above-the-fold noise. */
  body.fij-design-v1664 .fij-home-hero-v1658{
    padding:24px 0 20px!important;
  }
  body.fij-design-v1664 .fij-home-hero-v1658 h1{
    font-size:clamp(34px,9vw,42px)!important;
    line-height:1.02!important;
    max-width:100%!important;
  }
  body.fij-design-v1664 .fij-home-lede-v1658,
  body.fij-design-v1664 .fij-home-hero-v1658 p{
    font-size:15px!important;
    line-height:1.55!important;
  }
  body.fij-design-v1664 .fij-home-search-v1658{
    padding:10px!important;
    gap:8px!important;
    box-shadow:none!important;
  }
  body.fij-design-v1664 .fij-home-search-v1658 label,
  body.fij-design-v1664 .search label,
  body.fij-design-v1664 .polished-search label{
    padding:10px 12px!important;
    min-height:46px!important;
  }
  body.fij-design-v1664 .fij-home-search-v1658 label span{
    font-size:9.5px!important;
    letter-spacing:.11em!important;
  }
  body.fij-design-v1664 .fij-home-search-v1658 input{
    font-size:15px!important;
  }
  body.fij-design-v1664 .fij-home-proof-v1658{
    display:none!important;
  }
  body.fij-design-v1664 .fij-home-hero-panel-v1658{
    padding:13px!important;
  }
  body.fij-design-v1664 .fij-panel-header-v1658{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:6px!important;
  }
  body.fij-design-v1664 .fij-panel-header-v1658 strong{
    font-size:24px!important;
    line-height:1.08!important;
  }
  body.fij-design-v1664 .fij-hero-stats-v1658{
    gap:8px!important;
    margin:12px 0!important;
  }
  body.fij-design-v1664 .fij-hero-stats-v1658 div{
    padding:10px!important;
  }
  body.fij-design-v1664 .fij-hero-stats-v1658 strong{
    font-size:25px!important;
  }
  body.fij-design-v1664 .fij-panel-card-v1658{
    padding:11px!important;
    gap:10px!important;
  }
  body.fij-design-v1664 .fij-panel-card-v1658 b{
    width:42px!important;
    height:42px!important;
    font-size:15px!important;
  }
  body.fij-design-v1664 .fij-panel-card-v1658 p{
    font-size:13px!important;
    line-height:1.45!important;
  }

  /* Lucas strip: clean text card, no competing layout. */
  body.fij-design-v1664 .fij-lucas-strip-v1658{
    padding:18px 0!important;
  }
  body.fij-design-v1664 .fij-lucas-strip-inner-v1658{
    padding:18px!important;
    border:1px solid rgba(7,17,31,.12)!important;
    box-shadow:none!important;
  }
  body.fij-design-v1664 .fij-lucas-strip-inner-v1658 h2{
    font-size:29px!important;
    line-height:1.06!important;
  }
  body.fij-design-v1664 .fij-lucas-strip-inner-v1658 p{
    font-size:14.5px!important;
    line-height:1.52!important;
  }

  /* Job cards: compact list item, less duplicated text. */
  body.fij-design-v1664 .fij-featured-stack-v1658,
  body.fij-design-v1664 .jobs-list,
  body.fij-design-v1664 .job-list,
  body.fij-design-v1664 .list-stack{
    gap:10px!important;
  }
  body.fij-design-v1664 .fij-featured-job-v1658{
    grid-template-columns:38px minmax(0,1fr)!important;
    gap:10px!important;
    padding:12px!important;
  }
  body.fij-design-v1664 .fij-job-icon-v1658{
    width:38px!important;
    height:38px!important;
    font-size:14px!important;
    opacity:.88!important;
  }
  body.fij-design-v1664 .fij-featured-job-v1658 h3,
  body.fij-design-v1664 .job-card-main h3,
  body.fij-design-v1664 .listing-card h3{
    font-size:19px!important;
    line-height:1.15!important;
    margin-top:1px!important;
  }
  body.fij-design-v1664 .fij-featured-job-v1658 p,
  body.fij-design-v1664 .job-card-main p,
  body.fij-design-v1664 .listing-card p{
    display:none!important;
  }
  body.fij-design-v1664 .fij-job-main-v1658 span,
  body.fij-design-v1664 .meta-token,
  body.fij-design-v1664 .status-badge,
  body.fij-design-v1664 .badge{
    letter-spacing:.09em!important;
    font-size:9.5px!important;
    padding:5px 7px!important;
  }
  body.fij-design-v1664 .fij-job-meta-v1658{
    font-size:11.5px!important;
    line-height:1.25!important;
    gap:2px!important;
  }

  /* Departments: list cards, not oversized feature blocks. */
  body.fij-design-v1664 .fij-department-grid-v1658{
    gap:9px!important;
  }
  body.fij-design-v1664 .fij-department-card-v1658{
    grid-template-columns:36px minmax(0,1fr)!important;
    padding:11px 12px!important;
    gap:2px 10px!important;
  }
  body.fij-design-v1664 .fij-department-card-v1658 span{
    width:36px!important;
    height:36px!important;
    font-size:15px!important;
  }
  body.fij-design-v1664 .fij-department-card-v1658 h3{
    font-size:19px!important;
  }
  body.fij-design-v1664 .fij-department-card-v1658 p{
    font-size:12.8px!important;
    line-height:1.36!important;
  }

  /* Career Hub cards: shorter image, compact body. */
  body.fij-design-v1664 .fij-resource-grid-v1658{
    gap:12px!important;
  }
  body.fij-design-v1664 .fij-image-shell,
  body.fij-design-v1664 .resource-card.articles-card .seo-card-image,
  body.fij-design-v1664 .fij-resource-card-v1658 img{
    aspect-ratio:16/8.5!important;
    min-height:132px!important;
    max-height:170px!important;
  }
  body.fij-design-v1664 .fij-image-shell.is-missing::before,
  body.fij-design-v1664 .fij-image-shell:empty::before{
    font-size:10px!important;
    letter-spacing:.13em!important;
  }
  body.fij-design-v1664 .fij-resource-card-v1658>span{
    margin-top:13px!important;
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  body.fij-design-v1664 .fij-resource-card-v1658 h3,
  body.fij-design-v1664 .resource-card.articles-card h3{
    font-size:22px!important;
    line-height:1.13!important;
  }
  body.fij-design-v1664 .fij-resource-card-v1658 p,
  body.fij-design-v1664 .resource-card.articles-card p{
    font-size:14px!important;
    line-height:1.5!important;
  }

  /* Join/platform cards: keep only clear paths, reduce height. */
  body.fij-design-v1664 .fij-join-section-v1658{
    padding-top:24px!important;
  }
  body.fij-design-v1664 .fij-join-grid-v1658>div{
    padding:18px!important;
  }
  body.fij-design-v1664 .fij-join-grid-v1658>div h2{
    font-size:29px!important;
  }
  body.fij-design-v1664 .fij-join-grid-v1658>div p{
    font-size:14px!important;
  }
  body.fij-design-v1664 .fij-join-card-v1658{
    padding:14px!important;
  }
  body.fij-design-v1664 .fij-join-card-v1658 strong{
    font-size:22px!important;
  }
  body.fij-design-v1664 .fij-join-card-v1658 span{
    font-size:14px!important;
    line-height:1.42!important;
  }

  /* Employer/final CTA: compact and not giant poster-like on phone. */
  body.fij-design-v1664 .fij-final-cta-v1658{
    padding:30px 0 76px!important;
  }
  body.fij-design-v1664 .fij-final-cta-v1658 h2{
    font-size:32px!important;
    line-height:1.05!important;
  }
  body.fij-design-v1664 .fij-final-cta-v1658 p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  /* Forms/auth: less vertical drag, stronger readability. */
  body.fij-design-v1664 .fij-auth-shell{
    display:block!important;
    min-height:0!important;
  }
  body.fij-design-v1664 .fij-auth-brand-panel{
    min-height:0!important;
    padding:24px 18px!important;
  }
  body.fij-design-v1664 .fij-auth-brand-panel h1{
    font-size:clamp(33px,9vw,42px)!important;
    line-height:1.04!important;
  }
  body.fij-design-v1664 .fij-auth-brand-panel p{
    font-size:15px!important;
    line-height:1.55!important;
  }
  body.fij-design-v1664 .fij-auth-trust-list{
    display:none!important;
  }
  body.fij-design-v1664 .fij-auth-form-panel{
    padding:16px!important;
  }
  body.fij-design-v1664 .auth-card,
  body.fij-design-v1664 .fij-auth-card,
  body.fij-design-v1664 .fij-auth-form-panel form,
  body.fij-design-v1664 .fij-auth-form-panel .card{
    padding:16px!important;
    box-shadow:none!important;
  }
  body.fij-design-v1664 .fij-auth-form-panel label,
  body.fij-design-v1664 form label{
    margin-bottom:12px!important;
  }
  body.fij-design-v1664 label span,
  body.fij-design-v1664 .form-label,
  body.fij-design-v1664 .fij-auth-form-panel label>span{
    font-size:10px!important;
    letter-spacing:.12em!important;
  }
  body.fij-design-v1664 input,
  body.fij-design-v1664 select,
  body.fij-design-v1664 textarea{
    min-height:42px!important;
    padding:10px 12px!important;
    font-size:15px!important;
    line-height:1.35!important;
  }
  body.fij-design-v1664 input[type="checkbox"]{
    min-height:0!important;
    width:20px!important;
    height:20px!important;
    padding:0!important;
  }
  body.fij-design-v1664 .checkbox-row,
  body.fij-design-v1664 .form-check,
  body.fij-design-v1664 label:has(input[type="checkbox"]){
    display:flex!important;
    align-items:flex-start!important;
    gap:10px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }

  /* Bottom app bar: less dominant, no clipped labels, post no longer a loud black block. */
  body.fij-design-v1664 .fij-mobile-appbar{
    min-height:54px!important;
    height:auto!important;
    padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))!important;
    box-shadow:0 -8px 22px rgba(7,17,31,.10)!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-item{
    min-height:48px!important;
    padding:5px 1px 4px!important;
    gap:2px!important;
    color:#5f6875!important;
    background:transparent!important;
    border:0!important;
    font-size:8.6px!important;
    letter-spacing:.025em!important;
    overflow:hidden!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-item span{
    font-size:15px!important;
    height:15px!important;
    line-height:15px!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-item small{
    font-size:8.6px!important;
    letter-spacing:.025em!important;
    line-height:1.05!important;
    max-width:none!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-item.active{
    color:#087f8f!important;
    background:rgba(0,194,215,.08)!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-item.active::before{
    height:2px!important;
    width:25px!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-post,
  body.fij-design-v1664 .fij-mobile-appbar-post.active{
    background:transparent!important;
    color:#5f6875!important;
    box-shadow:none!important;
  }
  body.fij-design-v1664 .fij-mobile-appbar-post small{
    color:inherit!important;
  }

  /* Lucas floating launcher: smaller, calmer, no text bubble on mobile. */
  body.fij-design-v1664 .fij-lucas-float{
    right:12px!important;
    bottom:66px!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    padding:0!important;
    border-radius:999px!important;
    box-shadow:0 8px 22px rgba(0,194,215,.22)!important;
    transform:none!important;
    animation:none!important;
  }
  body.fij-design-v1664 .fij-lucas-float .fij-lucas-copy{
    display:none!important;
  }
  body.fij-design-v1664 .fij-lucas-orb{
    width:44px!important;
    height:44px!important;
    font-size:16px!important;
  }
  body.fij-design-v1664 .fij-cookie-bar{
    bottom:118px!important;
  }
}

@media (max-width: 420px){
  body.fij-design-v1664 .container{padding-left:14px!important;padding-right:14px!important;}
  body.fij-design-v1664 .fij-mobile-appbar-item small{font-size:8px!important;letter-spacing:0!important;}
  body.fij-design-v1664 .fij-home-hero-v1658 h1{font-size:34px!important;}
  body.fij-design-v1664 .fij-lucas-strip-inner-v1658 h2,
  body.fij-design-v1664 .fij-section-head-v1658 h2{font-size:27px!important;}
  body.fij-design-v1664 .fij-mobile-drawer{max-width:calc(100vw - 42px)!important;}
}
