/* Mobile workspace: use full-width actions, thumb-sized controls, and an app-like shell. */
.workspace-actions-title{margin:2px 0 12px;font-size:19px!important;letter-spacing:-.025em!important}
.workspace-actions a{min-width:0}
.workspace-action-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e9f4ed;color:#155c4c;flex:0 0 auto}
.workspace-action-icon svg,.workspace-action-arrow{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace-action-copy{min-width:0}
.workspace-action-arrow{color:#829188}
.assistant-head-actions{display:flex;align-items:center;gap:6px}
.assistant-head-actions button{min-width:42px;min-height:42px;border:1px solid #ffffff35;border-radius:9px;padding:5px 10px;font-size:13px!important;font-weight:700}
.assistant[hidden],.assistant-restore[hidden],.install-sheet[hidden]{display:none!important}
.assistant-restore{position:fixed;right:14px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:48;display:flex;align-items:center;gap:8px;min-height:48px;padding:0 15px;border:1px solid #c9d9cf;border-radius:999px;background:white;color:#104b3e;font:700 14px/1 Manrope,"Segoe UI",sans-serif;box-shadow:0 6px 18px #173c3520}
.assistant-restore svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.install-sheet{position:fixed;inset:0;z-index:120;display:grid;align-items:end;justify-items:center;padding:0;}
.install-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#10282078;backdrop-filter:blur(2px)}
.install-card{position:relative;width:min(100%,560px);padding:22px 24px calc(22px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -14px 42px #10282020;animation:install-rise .22s ease-out}
.install-grab{width:38px;height:4px;border-radius:9px;background:#cad5ce;margin:0 auto 20px}
.install-close{position:absolute;right:17px;top:18px;width:42px;height:42px;border:1px solid #e0e8e2;border-radius:50%;background:#fff;color:#34483f;font-size:25px}
.install-brand-mark{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:15px;background:#104b3e;overflow:hidden}
.install-brand-mark img{width:100%;height:100%;object-fit:cover}
.install-card .eyebrow{font-size:11px;letter-spacing:.1em}
.install-card h2{margin:7px 42px 7px 0;font-size:25px;line-height:1.2;letter-spacing:-.035em}
.install-card>p{margin:0;color:#60716b;font-size:15px;line-height:1.6}
.install-steps{margin:16px 0;padding:14px 16px;border-radius:13px;background:#f2f7f3;color:#43564c;font-size:15px;line-height:1.6}
.install-steps[hidden]{display:none}
.install-steps ol{padding-left:22px;margin:0}
.install-steps li+li{margin-top:7px}
.install-confirm{width:100%;margin-top:18px;min-height:50px!important}
.install-later{width:100%;min-height:46px;margin-top:5px;border:0;background:transparent;color:#50645b;font:650 14px/1 Manrope,"Segoe UI",sans-serif}
@keyframes install-rise{from{transform:translateY(24px);opacity:.5}to{transform:none;opacity:1}}

.mobile-app-nav{display:none}
.mobile-install-open{display:none}
@media(max-width:760px){
  html{scroll-padding-top:76px;scroll-padding-bottom:92px}
  body.app-workspace{min-height:100dvh;overflow-x:hidden;font-size:16px}
  .app-workspace .nav-wrap{position:sticky;top:0;z-index:55;padding-top:env(safe-area-inset-top);box-shadow:0 2px 10px #173c350a}
  .app-workspace .nav{min-height:62px!important;height:62px!important;padding:0 14px;flex-wrap:nowrap;gap:8px}
  .app-workspace .brand{max-width:48%;min-width:0;gap:8px;font-size:14px;line-height:1.15}
  .app-workspace .brand>span:last-child{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .app-workspace .brand-mark{width:31px;height:31px;flex:0 0 31px;border-radius:10px;font-size:17px}
  .app-workspace .brand-logo{max-width:110px;max-height:34px}
  .app-workspace .nav-actions{width:auto;margin-left:auto;gap:6px;flex-wrap:nowrap!important}
  .app-workspace .header-career-link{display:none}
  .app-workspace .header-credit{min-height:38px;padding:5px 8px;border-radius:999px;font-size:10px;white-space:nowrap}
  .app-workspace .header-credit strong{font-size:13px}
  .app-workspace .header-credit span{display:none}
  .app-workspace .notification-bell,.app-workspace .account-menu summary{width:36px;height:36px;flex:0 0 36px}
  .app-workspace .workspace-shell{display:block;min-height:calc(100dvh - 62px);padding:0}
  .app-workspace .workspace-main{padding:14px 16px calc(94px + env(safe-area-inset-bottom));}
  .app-workspace .workspace-menu-bar,.app-workspace .workspace-sidebar{display:none!important}
  .app-workspace .workspace-mobile-menu{display:block;margin:0 0 17px;padding:0 13px;border:1px solid #e0e9e2;border-radius:13px;background:#fff;box-shadow:0 3px 12px #173c3508}
  .app-workspace .workspace-mobile-menu summary{display:flex;align-items:center;min-height:48px;padding:0;color:#31574a;font-size:14px;font-weight:700}
  .app-workspace .workspace-mobile-menu nav{grid-template-columns:1fr;gap:2px;margin:0 -5px;padding:4px 0 12px}
  .app-workspace .workspace-mobile-menu nav>strong{margin:13px 9px 4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#718179}
  .app-workspace .workspace-mobile-menu nav a,.app-workspace .workspace-mobile-menu nav button{display:flex;align-items:center;width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:#344b40;text-align:left;font:600 15px/1.35 Manrope,"Segoe UI",sans-serif}
  .app-workspace .workspace-mobile-menu nav a[aria-current=page]{background:#e9f4ed;color:#104b3e}
  .mobile-install-open{display:flex!important;margin-top:8px!important;background:#eff6f0!important;color:#104b3e!important}
  .mobile-app-nav{position:fixed;inset:auto 0 0;z-index:60;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px 6px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #e0e9e2;background:#ffffffed;backdrop-filter:blur(14px);box-shadow:0 -5px 18px #173c350a}
  .mobile-app-nav a,.mobile-app-nav button{display:flex;min-width:0;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;border-radius:10px;background:transparent;color:#68776f;text-decoration:none;font:650 11px/1.2 Manrope,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
  .mobile-app-nav svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-app-nav [aria-current=page]{color:#104b3e;background:#eaf4ed}
  .app-workspace .page-heading{display:block;margin:8px 0 18px}
  .app-workspace .page-heading h1,.app-workspace h1{font-size:clamp(27px,7vw,34px)!important;line-height:1.15!important;margin:6px 0 8px!important}
  .app-workspace h2{font-size:21px!important;line-height:1.28}
  .app-workspace h3{font-size:18px!important;line-height:1.35}
  .app-workspace p,.app-workspace .muted,.app-workspace .field small{font-size:15px;line-height:1.65}
  .app-workspace .page-overline,.app-workspace .eyebrow{font-size:11px}
  .app-workspace .field{margin-bottom:18px}
  .app-workspace .field label{font-size:15px;line-height:1.4;margin-bottom:8px}
  .app-workspace .field input,.app-workspace .field select,.app-workspace .field textarea,.app-workspace input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-workspace select,.app-workspace textarea{font-size:16px;line-height:1.45}
  .app-workspace .field input:not([type=color]):not([type=checkbox]):not([type=file]),.app-workspace .field select,.app-workspace input:not([type=checkbox]):not([type=radio]):not([type=file]),.app-workspace select{min-height:50px;padding:11px 13px}
  .app-workspace .field textarea,.app-workspace textarea{min-height:128px;padding:12px 13px}
  .app-workspace .btn{min-height:48px;padding:12px 16px;font-size:15px}
  .app-workspace .btn.small{min-height:44px;font-size:14px}
  .app-workspace .workspace-actions{grid-template-columns:1fr!important;gap:10px;margin:12px 0 22px}
  .app-workspace .workspace-actions a{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;align-items:center;gap:13px;min-height:96px;padding:15px 13px;border-radius:14px!important;text-align:left;text-decoration:none}
  .app-workspace .workspace-actions .workspace-action-icon{display:grid;place-items:center;width:42px;height:42px;margin:0;border-radius:12px;background:#e9f4ed;color:#155c4c;font-size:0;line-height:1}
  .workspace-action-copy strong{display:block;font-size:16px;line-height:1.35;color:#18372c}
  .app-workspace .workspace-action-copy>span{display:block;margin:4px 0 0;color:#66776e;font-size:14px;line-height:1.5}
  .workspace-actions-title{margin:0 0 11px!important;font-size:19px!important}
  .app-workspace .section-card,.app-workspace .panel{padding:19px!important;border-radius:15px!important}
  .app-workspace .metric-grid,.app-workspace .grid2,.app-workspace .grid3,.app-workspace .connection-grid,.app-workspace .job-prep-grid{grid-template-columns:1fr!important}
  .app-workspace .workspace-grid{grid-template-columns:1fr!important;gap:13px}
  .app-workspace .balance{width:100%;min-width:0;padding:19px;border-radius:15px}
  .app-workspace .template-options,.app-workspace .template-gallery{grid-template-columns:1fr!important;gap:11px}
  .cv-builder .template-choice article{display:grid;grid-template-columns:94px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:center;column-gap:13px;row-gap:5px;min-height:136px;padding:10px;border-radius:14px}
  .cv-builder .template-choice .template-preview-image{grid-column:1;grid-row:1/3;width:94px;aspect-ratio:320/452;align-self:stretch;margin:0}
  .cv-builder .template-choice strong{grid-column:2;grid-row:1;align-self:end;font-size:16px}
  .cv-builder .template-choice small{grid-column:2;grid-row:2;align-self:start;font-size:13px;line-height:1.5}
  .cv-builder .template-choice input{top:12px;right:12px;width:23px;height:23px}
  .app-workspace .workspace-actions a,.app-workspace .workspace-mobile-menu nav a,.app-workspace .workspace-mobile-menu nav button,.mobile-app-nav a,.mobile-app-nav button{touch-action:manipulation}
  .app-workspace .career-tool-cards{grid-template-columns:1fr}
  .app-workspace .assistant{right:14px;bottom:calc(78px + env(safe-area-inset-bottom))}
  .app-workspace .assistant-toggle{width:auto;min-width:52px;height:52px;min-height:52px;padding:0 14px;border-radius:999px}
  .app-workspace .assistant-panel{position:fixed;right:10px;bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100vw - 20px);height:min(68dvh,580px);max-height:calc(100dvh - 150px);border-radius:18px}
  .app-workspace .assistant-head{min-height:62px;padding:10px 13px}
  .app-workspace .assistant-head strong{font-size:16px}
  .app-workspace .assistant-messages{padding:14px}
  .app-workspace .assistant-messages p{font-size:15px;line-height:1.55}
  .app-workspace .assistant-prompts{gap:7px;padding:9px}
  .app-workspace .assistant-prompts button{min-height:40px;padding:8px 10px;font-size:12px}
  .app-workspace .assistant form{padding:10px;gap:8px}
  .app-workspace .assistant textarea{min-height:50px;font-size:16px}
  .app-workspace .assistant-note{font-size:12px;line-height:1.45}
  .assistant-restore{bottom:calc(78px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){
  .app-workspace .nav{padding-inline:10px}
  .app-workspace .brand{max-width:43%}
  .app-workspace .header-credit{padding-inline:6px}
  .mobile-app-nav a,.mobile-app-nav button{font-size:10px}
  .cv-builder .template-choice article{grid-template-columns:82px minmax(0,1fr);column-gap:10px}
  .cv-builder .template-choice .template-preview-image{width:82px}
}
@media(prefers-reduced-motion:reduce){.install-card{animation:none}}