/* Resume Maker responsive adaptation.
   Presentation-only overrides: desktop branding, UI structure and business logic remain intact. */
.mobile-nav-toggle,.mobile-nav-menu,.mobile-side-toggle,.mobile-side-close,.ed-mobile-toolbar,.wiz-mobile-steps{display:none}
.mobile-nav-menu[hidden]{display:none!important}
@media(max-width:980px){
  html,body{max-width:100%;overflow-x:clip}
  .pnav{z-index:80}
  .pnav-in{position:relative;gap:12px}
  .pnav-in>.logo,.pnav-in>a{flex:none;min-width:0}
  .pnav-actions{margin-left:auto}
  .mobile-nav-toggle{display:grid;place-items:center;min-width:42px;min-height:42px}
  .mobile-nav-menu{position:absolute;top:calc(100% + 6px);left:12px;right:12px;z-index:91;display:flex;flex-direction:column;gap:4px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3);max-height:calc(100dvh - 92px);overflow-y:auto}
  .mobile-nav-menu button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 14px;border-radius:10px;font-weight:600;color:var(--ink-2);min-height:44px}
  .mobile-nav-menu button:hover,.mobile-nav-menu button:focus-visible{background:var(--brand-50);color:var(--brand)}
  .mobile-side-toggle{display:grid;place-items:center;flex:none;min-width:42px;min-height:42px}
  .mobile-side-close{display:grid;place-items:center;margin:0 0 6px auto;flex:none}
  .mobile-side-backdrop{position:fixed;inset:0;z-index:119;background:rgba(15,13,24,.48);backdrop-filter:blur(2px)}
  .shell .side.mobile-open{display:flex;position:fixed;left:0;top:0;bottom:0;z-index:120;width:min(308px,88vw);height:100dvh;overflow-y:auto;overscroll-behavior:contain;box-shadow:var(--sh-3)}
  body.mobile-nav-locked{overflow:hidden}
  .shell .main{min-width:0}
  .topbar{padding:0 18px;gap:10px}
  .topbar .crumbs{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .topbar .search{min-width:140px;max-width:320px}
  .page{padding:24px 20px}
  .set-nav{position:static;flex-direction:row;flex-wrap:wrap;align-self:stretch}
  .set-nav .nav-i{width:auto}
  .ed-mobile-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--line);background:var(--surface);position:relative;z-index:4}
  .ed-mobile-toolbar button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 8px;min-height:40px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted);border:1px solid var(--line)}
  .ed-mobile-toolbar button.on{color:var(--brand);background:var(--brand-50);border-color:var(--brand-200)}
  .ed-top{height:auto;min-height:60px;flex-wrap:wrap;gap:8px;padding:10px 14px}
  .ed-top>input{flex:1 1 160px;max-width:320px;min-width:0;width:auto!important}
  .ed-top>.row{margin-left:auto;min-width:0;max-width:100%;flex-wrap:wrap}
  .ed{grid-template-columns:minmax(0,1fr);height:calc(100dvh - 180px);min-height:390px;overflow:hidden}
  .ed-left,.ed-center,.ed-right{grid-column:1;grid-row:1;min-width:0;min-height:0}
  .ed[data-mobile-panel="edit"] .ed-left{display:block;overflow-y:auto}
  .ed[data-mobile-panel="design"] .ed-right{display:flex;overflow-y:auto}
  .ed[data-mobile-panel="preview"] .ed-center{display:block;overflow:auto}
  .ed[data-mobile-panel="edit"] .ed-center,.ed[data-mobile-panel="edit"] .ed-right,
  .ed[data-mobile-panel="design"] .ed-center,.ed[data-mobile-panel="design"] .ed-left,
  .ed[data-mobile-panel="preview"] .ed-left,.ed[data-mobile-panel="preview"] .ed-right{display:none}
  .ed .canvas{padding:24px 0 48px}
  .wiz{grid-template-columns:minmax(0,1fr);min-height:0}
  .wiz-mobile-steps{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line)}
  .wiz-mobile-steps>span{font-weight:700;font-size:13px;white-space:nowrap;color:var(--muted)}
  .wiz-mobile-steps select{width:min(100%,360px);min-width:0}
  .wiz-form{max-height:none;overflow:visible;padding:24px}
  .hero-grid{gap:24px}
  .hero-stage{max-width:100%}
  .co-l,.co-r{padding:32px 24px}
  .tbl-wrap{max-width:100%;overflow-x:auto}
  .page .card:has(> .tbl),.page .card:has(> table){overflow-x:auto}
  .tabs{overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;scrollbar-width:thin}
  .tabs button{flex:none}
  .demo-panel{max-width:calc(100vw - 24px);right:12px;bottom:72px;max-height:calc(100dvh - 96px)}
  .overlay{padding:12px}
  .modal{max-height:calc(100dvh - 24px)}
  .drawer{max-width:100vw}
  .grid-2,.grid-3,.grid-21,.grid-12,.ats-grid,.tailor-grid,.cl-grid{min-width:0}
  .card,.entry,.set-grid,.page-head,.grid-2>*,.grid-3>*,.grid-21>*,.grid-12>*{min-width:0}
}
@media(max-width:640px){
  .container{padding:0 16px}
  .pnav-in{padding:0 14px;height:60px}
  .pnav .logo{font-size:15px;gap:7px}
  .pnav .logo-mark{width:29px;height:29px}
  .pnav-actions>.btn,.pnav-actions>.btn-text{display:none}
  .hero{padding:42px 0 24px}
  .hero h1{font-size:clamp(38px,11vw,54px);line-height:1.03;margin:15px 0}
  .hero p.lead{font-size:15px}
  .hero-cta{gap:10px;margin:24px 0 16px}
  .hero-cta .btn{min-width:0;white-space:normal;text-align:center;min-height:48px;height:auto;padding:12px 16px}
  .hero-stage{height:440px;width:100%;overflow:hidden}
  .hero-paper{width:300px;height:425px;top:10px;left:50%;transform:translateX(-50%) rotate(-1.5deg)}
  .hero-paper .paper-scale{transform:scale(.378)!important}
  .fc-ats{left:2px;top:5px;width:165px;padding:9px}
  .fc-ai,.fc-kw{display:none}
  .fc-dl{right:3px;bottom:10px}
  .section{padding:58px 0}
  .sec-head{margin-bottom:30px}
  .sec-head h2,.cta-band h2{font-size:clamp(32px,9vw,42px)}
  .sec-head p{font-size:14px}
  .bento,.kpis,.quick,.stat-strip,.row-2,.row-3,.grid-2,.grid-3,.grid-21,.grid-12,.pay-methods{grid-template-columns:minmax(0,1fr)}
  .bento .span-2,.bento .span-3,.bento .span-4{grid-column:span 1}
  .bento .b{padding:20px}
  .trust-row{flex-wrap:wrap;gap:9px}
  .welcome{padding:22px 18px;flex-wrap:wrap}
  .welcome h1{font-size:32px}
  .page{padding:16px}
  .page-head{gap:12px;align-items:flex-start}
  .page-head h1{font-size:23px;overflow-wrap:anywhere}
  .page-head>.row{flex-wrap:wrap}
  .topbar{height:56px;padding:0 12px;gap:8px}
  .topbar .search{display:none}
  .shell.admin .topbar>.tag,.shell.admin .topbar>a.btn{display:none}
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select{font-size:16px!important}
  .topbar .icon-btn{min-width:36px}
  .topbar .crumbs{font-size:12px;flex:1}
  .topbar .btn{padding:0 9px;font-size:11.5px}
  .auth-l,.co-l,.co-r{padding:24px 16px}
  .card-pad,.card-b{padding:16px}
  .set-row{align-items:flex-start;flex-wrap:wrap;gap:10px}
  .set-row>.row{flex-wrap:wrap}
  .modal{border-radius:16px}
  .modal-h{padding:16px 16px 6px}
  .modal-b{padding:12px 16px 18px}
  .modal-f{padding:12px 16px;flex-wrap:wrap}
  .modal-f .btn{flex:1}
  .drawer-h{padding:16px}
  .drawer-b{padding:16px}
  .file-row{flex-wrap:wrap}
  .drop{padding:30px 16px}
  .wiz-form{padding:18px 16px}
  .wiz-mobile-steps{padding:10px 16px}
  .wiz-mobile-steps>span{font-size:12px}
  .ed-top{padding:8px 10px}
  .ed-top>.row{width:100%;margin-left:0!important;display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;padding-bottom:3px}
  .ed-top>.row>*{flex:none}
  .ed-top>input{font-size:14px!important}
  .ed-top .saving{display:none}
  .ed-mobile-toolbar{padding:6px 10px}
  .ed{height:calc(100dvh - 170px);min-height:350px}
  .ed-form{padding:8px 12px 24px}
  .ed .canvas{padding:18px 0 38px}
  .zoom-bar{max-width:calc(100vw - 20px);white-space:nowrap;gap:0}
  .zoom-bar .tag{display:none}
  .tgrid,.rgrid{grid-template-columns:minmax(0,1fr)}
  .tcard .tc-p{height:330px}
  .demo-fab{right:10px;bottom:max(10px,env(safe-area-inset-bottom))}
  .demo-panel{right:10px;bottom:66px;max-width:calc(100vw - 20px)}
  .footer-grid{gap:30px}
  .row.between{flex-wrap:wrap}
}
@media(max-width:380px){
  .hero-paper{width:270px;height:382px}
  .hero-paper .paper-scale{transform:scale(.34)!important}
  .hero-stage{height:400px}
  .ed-mobile-toolbar button{font-size:12px;gap:5px;padding:8px 4px}
}
@media(hover:none){
  .rcard .hover-act{opacity:1;align-items:flex-end;justify-content:flex-end;padding:10px;background:linear-gradient(transparent 65%,rgba(21,19,31,.24))}
  .tcard .tc-over{opacity:1;background:linear-gradient(transparent 68%,rgba(21,19,31,.32))}
}