:root{--rb-navy:#071b33;--rb-teal:#0f766e;--rb-soft:#f4fbfb;--rb-card:#ffffff;--rb-border:rgba(15,118,110,.16)}
.resume-app-shell{padding:46px 20px 70px}.resume-dashboard-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px;border-radius:28px;background:linear-gradient(135deg,rgba(15,118,110,.13),rgba(7,27,51,.08));border:1px solid var(--rb-border);margin-bottom:24px}.resume-dashboard-hero h1{font-size:clamp(2rem,4vw,3.4rem);margin:8px 0}.resume-toolbar{display:flex;gap:12px;margin-bottom:20px}.resume-toolbar input,.resume-toolbar select,.resume-sidebar input,.resume-sidebar select,.resume-form-panel input,.resume-form-panel textarea{width:100%;border:1px solid var(--rb-border);border-radius:14px;padding:13px 14px;background:#fff;font:inherit}.resume-list-grid,.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.resume-card,.template-card{background:#fff;border:1px solid var(--rb-border);border-radius:22px;padding:20px;box-shadow:0 18px 45px rgba(7,27,51,.08)}.resume-card h3,.template-card h3{margin:10px 0 8px}.resume-card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.mini-btn{border:0;border-radius:999px;padding:10px 14px;background:#ecfdf5;color:#065f46;font-weight:700;text-decoration:none}.template-preview{height:210px;border-radius:16px;background:linear-gradient(90deg,#0f766e 0 28%,#fff 28%);border:1px solid #e5e7eb;position:relative;overflow:hidden}.template-preview:before,.template-preview:after{content:"";position:absolute;left:36%;right:10%;height:8px;background:#d1d5db;border-radius:99px}.template-preview:before{top:44px}.template-preview:after{top:70px;box-shadow:0 28px 0 #e5e7eb,0 56px 0 #e5e7eb,0 84px 0 #d1d5db}.template-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.template-filters button{border:1px solid var(--rb-border);border-radius:999px;background:#fff;padding:10px 16px;font-weight:800}.template-filters .active{background:var(--rb-teal);color:white}.resume-editor-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #e5e7eb;background:#fff;position:sticky;top:0;z-index:50}.resume-editor-top .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;color:var(--rb-navy)}.resume-editor-top img{width:42px;height:42px;object-fit:contain}.editor-actions{display:flex;gap:10px}.primary-editor-btn,.ghost-editor-btn{border:0;border-radius:14px;padding:11px 15px;font-weight:800}.primary-editor-btn{background:var(--rb-teal);color:white}.ghost-editor-btn{background:#eef6f6;color:var(--rb-navy);text-decoration:none}.resume-editor-layout{display:grid;grid-template-columns:285px minmax(320px,480px) 1fr;gap:18px;padding:18px;background:#f6f8fb;min-height:calc(100vh - 72px)}.resume-sidebar,.resume-form-panel,.resume-preview-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:22px;padding:18px}.resume-sidebar label,.resume-form-panel label{display:block;font-weight:800;margin:13px 0}.section-tabs{display:grid;gap:8px;margin-top:18px}.section-tabs button{border:0;text-align:left;padding:12px;border-radius:12px;background:#f3f4f6;font-weight:800}.section-tabs .active{background:#0f766e;color:#fff}.two-field{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resume-form-panel textarea{min-height:170px;line-height:1.6}.form-tab{display:none}.form-tab.active{display:block}.preview-toolbar{display:flex;justify-content:space-between;margin-bottom:12px}.resume-preview{background:white;color:#111827;width:min(100%,794px);min-height:1123px;margin:auto;box-shadow:0 16px 50px rgba(0,0,0,.12);font-family:Inter,Arial,sans-serif;display:grid;grid-template-columns:32% 68%;overflow:hidden}.resume-preview.single-column{display:block}.resume-preview .side{background:var(--accent,#0f766e);color:#fff;padding:34px 26px}.resume-preview .main{padding:36px}.resume-preview h1{font-size:34px;margin:0 0 6px}.resume-preview h2{font-size:15px;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid currentColor;padding-bottom:7px;margin-top:24px}.resume-preview p{line-height:1.55}.resume-empty{text-align:center;padding:50px;border:1px dashed var(--rb-border);border-radius:24px}.resume-empty i{font-size:3rem;color:var(--rb-teal)}
@media print{body>*:not(.resume-editor-layout){display:none!important}.resume-editor-layout{display:block;padding:0}.resume-sidebar,.resume-form-panel,.preview-toolbar{display:none}.resume-preview-wrap{border:0;padding:0}.resume-preview{box-shadow:none;width:100%;min-height:auto}}
@media(max-width:1050px){.resume-editor-layout{grid-template-columns:1fr}.resume-list-grid,.template-grid{grid-template-columns:repeat(2,1fr)}.resume-preview{min-height:900px}.resume-dashboard-hero{align-items:flex-start;flex-direction:column}}
@media(max-width:700px){.resume-list-grid,.template-grid{grid-template-columns:1fr}.resume-toolbar,.two-field,.editor-actions{grid-template-columns:1fr;display:grid}.resume-preview{grid-template-columns:1fr;min-height:auto}.resume-preview .side,.resume-preview .main{padding:24px}.resume-editor-top{height:auto;gap:12px;align-items:flex-start;flex-direction:column;padding:14px}.resume-editor-layout{padding:10px}.resume-app-shell{padding-inline:14px}}

/* Next pass: ATS, cover letter, interview tools */
.tool-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;align-items:start}.tool-panel{background:var(--card,#fff);border:1px solid rgba(15,118,110,.14);border-radius:22px;padding:22px;box-shadow:0 18px 45px rgba(2,8,23,.08)}.tool-panel label{display:block;font-weight:700;margin:14px 0 8px}.tool-panel textarea,.tool-panel input,.tool-panel select{width:100%;border:1px solid rgba(15,23,42,.14);border-radius:14px;padding:12px 14px;font:inherit;background:var(--bg,#fff);color:inherit}.tool-panel textarea{min-height:140px;resize:vertical}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:auto;background:conic-gradient(var(--accent,#0f766e) calc(var(--score,0)*1%), rgba(148,163,184,.25) 0);position:relative}.score-ring::before{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--card,#fff)}.score-ring strong{position:relative;font-size:34px}.recommendation-list{display:grid;gap:10px;margin-top:18px}.recommendation-list li{list-style:none;padding:12px 14px;border-radius:14px;background:rgba(15,118,110,.08);border-left:4px solid var(--accent,#0f766e)}.generated-letter{white-space:pre-wrap;line-height:1.7;border-radius:18px;padding:20px;background:rgba(15,118,110,.06);min-height:420px}.interview-grid{display:grid;grid-template-columns:280px 1fr;gap:22px;margin-top:24px}.question-card{padding:16px;border:1px solid rgba(15,118,110,.16);border-radius:18px;margin-bottom:12px;cursor:pointer}.question-card.active{background:rgba(15,118,110,.1);border-color:var(--accent,#0f766e)}.answer-box{min-height:340px}.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.mini-badge{padding:8px 12px;border-radius:999px;background:rgba(15,118,110,.09);font-weight:700;font-size:13px}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}@media(max-width:850px){.tool-workspace,.interview-grid{grid-template-columns:1fr}.tool-panel{padding:18px}.score-ring{width:128px;height:128px}}

/* Advanced flexible resume builder */
.advanced-resume-editor.resume-editor-layout{grid-template-columns:280px minmax(360px,560px) 1fr;gap:14px;padding:14px;}
.advanced-resume-editor .resume-sidebar,.advanced-resume-editor .resume-form-panel,.advanced-resume-editor .resume-preview-wrap{padding:16px;border-radius:18px;}
.tab-heading{margin-bottom:14px}.tab-heading p{color:#64748b;margin-top:4px}.tab-heading.with-action{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.repeatable-list{display:grid;gap:14px}.repeatable-card{border:1px solid rgba(15,118,110,.18);border-radius:18px;padding:14px;background:#fff;box-shadow:0 10px 28px rgba(2,8,23,.06)}.repeatable-card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.icon-btn{border:0;width:34px;height:34px;border-radius:10px;background:#eef6f6;color:#0f172a;cursor:pointer}.icon-btn.danger{background:#fee2e2;color:#991b1b}.three-field{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.chip-editor{display:flex;gap:10px;flex-wrap:wrap;min-height:52px;padding:10px;border:1px dashed rgba(15,118,110,.24);border-radius:16px;background:#f8fafc}.skill-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;background:#ecfdf5;color:#065f46;border-radius:999px;font-weight:800}.skill-chip button{border:0;background:#bbf7d0;color:#064e3b;border-radius:50%;width:22px;height:22px;cursor:pointer}.skill-add-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.resume-empty.small{padding:18px;font-size:14px}.preview-item{margin-bottom:14px}.preview-item h3{font-size:16px;margin:0 0 2px}.preview-item .meta{color:#64748b;font-size:13px;margin:0 0 4px}.preview-item ul{padding-left:18px;margin:6px 0}.preview-skills{display:flex;flex-wrap:wrap;gap:7px}.preview-skills span{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:5px 8px;font-size:12px}.resume-preview.compact{display:block}.resume-preview.compact .side{background:#fff;color:#111827;border-bottom:5px solid var(--accent,#0f766e)}.resume-preview.compact .main{padding-top:22px}.job-title{font-weight:800;opacity:.9}
@media(max-width:1180px){.advanced-resume-editor.resume-editor-layout{grid-template-columns:1fr}.resume-form-panel{order:2}.resume-preview-wrap{order:3}.resume-sidebar{order:1}.section-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.tab-heading.with-action,.three-field,.skill-add-row{grid-template-columns:1fr;display:grid}.section-tabs{grid-template-columns:1fr 1fr}.repeatable-card-head{align-items:flex-start}.advanced-resume-editor.resume-editor-layout{padding:8px}.repeatable-card{padding:12px}}

/* Next polish pass: tighter pages + best resume builder controls */
.quick-tools{display:grid;gap:8px;margin:14px 0;padding:12px;border:1px solid rgba(15,118,110,.14);border-radius:16px;background:#f8fffe}.quick-tools button{border:0;border-radius:12px;background:#0f766e;color:#fff;padding:10px 12px;font-weight:900;cursor:pointer}.quick-tools small{color:#64748b;line-height:1.4}.card-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.repeatable-card.is-hidden{opacity:.62;background:#f8fafc;border-style:dashed}.repeatable-card.is-hidden::after{content:'Hidden from preview';display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#e2e8f0;color:#475569;font-size:12px;font-weight:900}.resume-sidebar{max-height:calc(100vh - 105px);overflow:auto}.resume-form-panel{max-height:calc(100vh - 105px);overflow:auto}.resume-preview-wrap{max-height:calc(100vh - 105px);overflow:auto}.resume-form-panel textarea{min-height:120px}.advanced-resume-editor .section-tabs{grid-template-columns:1fr 1fr}.advanced-resume-editor .section-tabs button{font-size:13px;padding:10px 11px}.resume-preview.sidebar{grid-template-columns:35% 65%}.resume-preview.sidebar .side{background:linear-gradient(180deg,var(--accent,#0f766e),#0f172a)}.resume-preview.two-column .preview-skills span,.resume-preview.sidebar .preview-skills span{color:#fff}.resume-preview.single-column .side{background:#fff;color:#111827;border-bottom:5px solid var(--accent,#0f766e)}.resume-preview.single-column .preview-skills span,.resume-preview.compact .preview-skills span{background:rgba(15,118,110,.08);color:#0f172a;border-color:rgba(15,118,110,.12)}
@media(max-width:1180px){.resume-sidebar,.resume-form-panel,.resume-preview-wrap{max-height:none;overflow:visible}.advanced-resume-editor .section-tabs{grid-template-columns:repeat(4,1fr)}}
@media(max-width:720px){.advanced-resume-editor .section-tabs{grid-template-columns:1fr 1fr}.card-actions{justify-content:flex-start}.editor-actions{width:100%}.editor-actions .ghost-editor-btn,.editor-actions .primary-editor-btn{width:100%;text-align:center}.resume-preview{font-size:13px}.resume-preview h1{font-size:25px}}

/* Final resume builder QA fixes */
#exportJson,#resetMock{display:none!important;}
.resume-editor-top{background:var(--card)!important;color:var(--text)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 10px 30px rgba(2,8,23,.06)}
.resume-editor-layout{background:var(--bg)!important;color:var(--text)!important;}
.resume-sidebar,.resume-form-panel,.resume-preview-wrap{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;}
.repeatable-card{background:var(--card)!important;color:var(--text)!important;border-color:var(--border)!important;}
.quick-tools{background:color-mix(in oklab,var(--primary) 8%,transparent)!important;border-color:color-mix(in oklab,var(--primary) 18%,transparent)!important;}
.resume-toolbar input,.resume-toolbar select,.resume-sidebar input,.resume-sidebar select,.resume-form-panel input,.resume-form-panel textarea,.tool-panel textarea,.tool-panel input,.tool-panel select{background:var(--bg)!important;color:var(--text)!important;border-color:var(--border)!important;}
.ghost-editor-btn{background:color-mix(in oklab,var(--primary) 10%,var(--card))!important;color:var(--text)!important;border:1px solid var(--border)!important;}
.primary-editor-btn{background:linear-gradient(135deg,#12d6c5,#0ea5e9)!important;color:#02111b!important;}
.download-email-modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(2,6,23,.68);z-index:9999;padding:18px}.download-email-modal.show{display:grid}.download-email-box{width:min(520px,100%);background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.32)}.download-email-box h2{margin-bottom:8px}.download-email-box p{color:var(--muted);margin-bottom:14px}.download-email-box input{width:100%;padding:13px;border-radius:14px;border:1px solid var(--border);background:var(--bg);color:var(--text);margin:8px 0 14px}.download-email-actions{display:flex;gap:10px;flex-wrap:wrap}.download-email-actions button{border:0;border-radius:999px;padding:11px 16px;font-weight:900;cursor:pointer}.download-email-actions .send{background:var(--primary);color:white}.download-email-actions .cancel{background:var(--soft-panel);color:var(--text)}
@media(max-width:760px){.editor-actions{grid-template-columns:1fr 1fr!important}.resume-editor-top .brand{width:100%;justify-content:center}.resume-editor-top{align-items:center!important}.resume-editor-layout{gap:10px!important}.section-tabs{grid-template-columns:1fr 1fr!important}}

/* FINAL RESUME BUILDER QA PASS 2 */
.resume-editor-top{display:none!important;}
.resume-tools-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;padding:18px 20px;background:var(--page-bg);border-bottom:1px solid var(--border)}
.resume-tools-bar .ghost-editor-btn,.resume-tools-bar .primary-editor-btn{border-radius:18px;padding:13px 18px;font-weight:900;border:1px solid var(--border);background:var(--card-bg);color:var(--text);text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(2,8,23,.08)}
.resume-tools-bar .primary-editor-btn{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0}.resume-tools-bar #exportJson,.resume-tools-bar #resetMock{display:none!important}.resume-editor-layout{background:var(--page-bg)!important;color:var(--text)!important;padding-top:22px!important}.resume-sidebar,.resume-form-panel,.resume-preview-wrap{background:var(--card-bg)!important;color:var(--text)!important;border-color:var(--border)!important}.resume-sidebar input,.resume-sidebar select,.resume-form-panel input,.resume-form-panel textarea,.resume-form-panel select{background:var(--page-bg)!important;color:var(--text)!important;border:1px solid var(--border)!important}.repeatable-item{background:var(--page-bg)!important;border:1px solid var(--border)!important;border-radius:18px!important}.item-actions button,.mini-btn{border-radius:999px!important;border:1px solid var(--border)!important;background:var(--soft-panel)!important;color:var(--text)!important;font-weight:800!important}.resume-preview{background:#fff!important;color:#111827!important;box-shadow:0 22px 60px rgba(2,8,23,.14)!important}@media(max-width:920px){.resume-tools-bar{justify-content:flex-start;overflow-x:auto}.resume-tools-bar .ghost-editor-btn,.resume-tools-bar .primary-editor-btn{white-space:nowrap}.resume-editor-layout{grid-template-columns:1fr!important}}

/* QA resume toolbar cleanup */
#exportJson,#resetMock,.resume-toolbar .debug-only,.resume-toolbar [data-debug]{display:none!important;}
.download-email-modal{position:fixed;inset:0;background:rgba(2,6,23,.62);display:none;align-items:center;justify-content:center;z-index:5000;padding:18px;}
.download-email-modal.show{display:flex;}
.download-email-box{width:min(520px,100%);background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:24px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28);}
.download-email-box input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card);color:var(--text);margin-top:12px;}
.download-email-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px;}
.download-email-actions button{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;}
.download-email-actions .primary{background:var(--primary);color:#fff;}.download-email-actions .cancel{background:var(--card);color:var(--text);border:1px solid var(--border);}

/* =========================================================
   RESPONSIVE RESUME BUILDER WIZARD + MOBILE HEADER FIX
   ========================================================= */
@media (max-width: 820px){
  .site-header{position:sticky;top:0;z-index:4000;min-height:76px!important;padding:0!important;}
  .site-header .nav{min-height:76px!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;}
  .site-header .brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;}
  .site-header .brand img{width:48px!important;height:48px!important;object-fit:contain!important;flex:0 0 48px!important;}
  .site-header .brand span{font-size:clamp(1.35rem,6vw,2.2rem)!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .hamburger{width:48px!important;height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;font-size:1.9rem!important;color:var(--text)!important;background:transparent!important;border:0!important;}
  .links{top:calc(100% + 8px)!important;left:12px!important;right:12px!important;max-height:calc(100vh - 100px)!important;}
}
@media (max-width: 390px){
  .site-header .brand span{font-size:1.45rem!important;}
  .site-header .brand img{width:42px!important;height:42px!important;flex-basis:42px!important;}
}

/* Mobile wizard starts automatically on phones */
.resume-mobile-progress,.resume-mobile-nav{display:none;}
@media (max-width: 820px){
  body.resume-wizard-mode .resume-tools-bar{position:sticky;top:76px;z-index:2500;padding:10px 12px;justify-content:flex-start;overflow-x:auto;background:var(--bg)!important;}
  body.resume-wizard-mode .resume-tools-bar .ghost-editor-btn,
  body.resume-wizard-mode .resume-tools-bar .primary-editor-btn{padding:10px 13px!important;border-radius:14px!important;font-size:.92rem;white-space:nowrap;}
  body.resume-wizard-mode .resume-editor-layout{display:block!important;padding:12px!important;min-height:auto!important;}
  body.resume-wizard-mode .resume-sidebar{max-height:none!important;overflow:visible!important;margin-bottom:12px!important;padding:14px!important;border-radius:18px!important;}
  body.resume-wizard-mode .resume-sidebar h2{font-size:1.15rem;margin-bottom:10px;}
  body.resume-wizard-mode .resume-sidebar label,
  body.resume-wizard-mode .quick-tools,
  body.resume-wizard-mode .section-tabs{display:none!important;}
  body.resume-wizard-mode .resume-form-panel{padding:16px!important;border-radius:18px!important;max-height:none!important;overflow:visible!important;margin-bottom:12px!important;}
  body.resume-wizard-mode .form-tab{display:none!important;}
  body.resume-wizard-mode .form-tab.active{display:block!important;}
  body.resume-wizard-mode .tab-heading{padding-bottom:10px;border-bottom:1px solid var(--border);margin-bottom:14px;}
  body.resume-wizard-mode .tab-heading h2{font-size:1.45rem!important;line-height:1.15;margin:0 0 6px;}
  body.resume-wizard-mode .tab-heading p{font-size:.95rem!important;line-height:1.45;}
  body.resume-wizard-mode .tab-heading.with-action{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;}
  body.resume-wizard-mode .tab-heading.with-action .mini-btn,
  body.resume-wizard-mode .add-item{width:100%!important;justify-content:center!important;padding:13px 16px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--primary),var(--primary-2))!important;color:#fff!important;border:0!important;}
  body.resume-wizard-mode .two-field,
  body.resume-wizard-mode .three-field,
  body.resume-wizard-mode .skill-add-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body.resume-wizard-mode .resume-form-panel input,
  body.resume-wizard-mode .resume-form-panel textarea,
  body.resume-wizard-mode .resume-form-panel select{font-size:16px!important;padding:14px!important;border-radius:14px!important;}
  body.resume-wizard-mode .repeatable-card{border-radius:18px!important;padding:14px!important;margin-bottom:12px!important;}
  body.resume-wizard-mode .repeatable-card-head{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  body.resume-wizard-mode .card-actions{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;}
  body.resume-wizard-mode .icon-btn{width:100%!important;height:42px!important;border-radius:12px!important;}
  body.resume-wizard-mode .chip-editor{display:flex!important;gap:8px!important;}
  body.resume-wizard-mode .resume-preview-wrap{display:none!important;}
  body.resume-wizard-mode.show-review .resume-preview-wrap{display:block!important;padding:12px!important;border-radius:18px!important;}
  body.resume-wizard-mode.show-review .resume-form-panel{display:none!important;}
  body.resume-wizard-mode.show-review .resume-preview{width:100%!important;min-height:auto!important;display:block!important;font-size:12px!important;}
  body.resume-wizard-mode.show-review .resume-preview .side,
  body.resume-wizard-mode.show-review .resume-preview .main{padding:18px!important;}
  body.resume-wizard-mode.show-review .resume-preview h1{font-size:24px!important;}
  body.resume-wizard-mode.show-review .resume-preview h2{font-size:12px!important;margin-top:16px!important;}
  .resume-mobile-progress{display:block;padding:14px 14px 12px;border:1px solid var(--border);background:var(--card-bg);border-radius:18px;margin:0 0 12px;box-shadow:0 10px 26px rgba(2,8,23,.08);}
  .resume-mobile-progress .wizard-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;color:var(--text);margin-bottom:10px;}
  .resume-mobile-progress .wizard-step-label{font-size:.95rem;color:var(--muted);}
  .resume-mobile-progress .wizard-bar{height:9px;background:color-mix(in srgb,var(--primary) 12%,transparent);border-radius:999px;overflow:hidden;}
  .resume-mobile-progress .wizard-fill{height:100%;width:0%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--primary-2),var(--gold));transition:width .25s ease;}
  .resume-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:0;z-index:2400;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:12px;margin:12px -12px -12px;}
  .resume-mobile-nav button{border:1px solid var(--border);border-radius:16px;padding:14px 12px;font-weight:950;font-size:1rem;background:var(--card-bg);color:var(--text);}
  .resume-mobile-nav .next{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0;}
  .resume-mobile-nav .save{grid-column:1 / -1;background:var(--soft-panel);}
  body.resume-wizard-mode.show-review .resume-mobile-nav{grid-template-columns:1fr;}
}

/* =========================================================
   FINAL 100% WORKING RESUME BUILDER RESPONSIVE FIX
   ========================================================= */
.ks-resume-toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;z-index:9999;background:var(--primary,#0f766e);color:#fff;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:0 18px 45px rgba(2,8,23,.2);transition:.22s ease;pointer-events:none}.ks-resume-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.resume-preview-wrap{min-width:0}.resume-preview{max-width:100%;border-radius:10px}.repeatable-card input,.repeatable-card textarea{width:100%}.repeatable-card .icon-btn{display:inline-flex;align-items:center;justify-content:center}.download-email-actions .primary{background:linear-gradient(135deg,var(--primary,#0f766e),var(--primary-2,#06b6d4));color:#fff}.download-email-actions .send{background:linear-gradient(135deg,var(--primary,#0f766e),var(--primary-2,#06b6d4));color:#fff}
@media(max-width:1180px){.advanced-resume-editor.resume-editor-layout{grid-template-columns:1fr!important}.resume-preview-wrap{min-height:420px}.resume-preview{width:min(794px,100%)!important}}
@media(max-width:820px){
  .resume-tools-bar{gap:8px!important;padding:10px!important}.resume-tools-bar .ghost-editor-btn,.resume-tools-bar .primary-editor-btn{font-size:.9rem!important;padding:10px 12px!important}
  body.resume-wizard-mode .resume-sidebar{display:block!important}.resume-wizard-mode .resume-sidebar label,.resume-wizard-mode .quick-tools,.resume-wizard-mode .section-tabs{display:none!important}
  body.resume-wizard-mode .resume-form-panel,body.resume-wizard-mode .resume-preview-wrap{width:100%!important;box-sizing:border-box!important}
  body.resume-wizard-mode .form-tab.active{display:block!important}.resume-wizard-mode .form-tab:not(.active){display:none!important}
  body.resume-wizard-mode .repeatable-card input,body.resume-wizard-mode .repeatable-card textarea{font-size:16px!important;box-sizing:border-box!important}
  body.resume-wizard-mode .card-actions{display:grid!important;grid-template-columns:repeat(5,1fr)!important}.resume-wizard-mode .icon-btn{min-width:0!important}
  body.resume-wizard-mode.show-review .resume-preview-wrap{display:block!important}.resume-wizard-mode:not(.show-review) .resume-preview-wrap{display:none!important}
  body.resume-wizard-mode.show-review .resume-preview{display:block!important;min-height:auto!important;width:100%!important;overflow:visible!important}.resume-wizard-mode.show-review .resume-preview .side{border-radius:10px 10px 0 0}.resume-wizard-mode.show-review .resume-preview .main{border-radius:0 0 10px 10px}
  .resume-mobile-nav .back:disabled{opacity:.45}.resume-mobile-nav button{cursor:pointer}.resume-mobile-nav button:active{transform:scale(.99)}
}
@media print{.download-email-modal,.ks-resume-toast{display:none!important}.resume-preview{border-radius:0!important}}

/* =========================================================
   TEMPLATE GALLERY & REAL RESUME TEMPLATE STYLES
   Built from user's uploaded inspiration images + Kassa recommended style
   ========================================================= */
.template-card .template-preview{background:#fff;border:1px solid #ddd;box-shadow:inset 0 0 0 14px #fff;}
.template-card .template-preview::before{left:18%;right:18%;top:28px;height:10px;background:#111;box-shadow:0 22px 0 #c9c9c9,0 64px 0 #444,0 94px 0 #d5d5d5,0 126px 0 #d5d5d5;}
.template-card .template-preview::after{left:18%;right:18%;top:154px;height:6px;background:#777;box-shadow:none;}
.template-card:nth-child(3n) .template-preview{background:linear-gradient(90deg,#e9e9e9 0 34%,#fff 34%)}
.template-card:nth-child(4n) .template-preview{background:linear-gradient(180deg,#3f5f6f 0 25%,#fff 25%)}
.template-card:nth-child(5n) .template-preview{background:linear-gradient(90deg,#1f2937 0 34%,#fff 34%)}

.resume-preview{--template-text:#222;--template-muted:#555;line-height:1.35;}
.resume-preview h1,.resume-preview h2,.resume-preview h3,.resume-preview p{break-inside:avoid;}
.resume-preview ul{margin:.35rem 0 .8rem 1.2rem;padding:0;}
.resume-preview li{margin:.18rem 0;line-height:1.38;}
.resume-preview .meta{color:var(--template-muted,#555);font-size:.92em;margin:.1rem 0 .25rem;}
.resume-preview .preview-item{margin:0 0 .72rem;}
.resume-preview .full-main{padding:34px 46px;}
.resume-preview .preview-skills{display:flex;flex-wrap:wrap;gap:6px 10px;}
.resume-preview .preview-skills span{border:1px solid #ddd;border-radius:999px;padding:4px 8px;font-size:.9em;}

/* Sophia Classic / Compact / Chronological inspiration */
.resume-preview.tpl-sophia,.resume-preview.tpl-chronological-teal,.resume-preview.tpl-skills-first{display:block;background:#fff;color:#202020;box-shadow:0 16px 50px rgba(0,0,0,.12);}
.resume-preview.tpl-sophia{font-family:Georgia,'Times New Roman',serif!important;}
.resume-preview.tpl-sophia .classic-head{text-align:center;padding:38px 48px 16px;}
.resume-preview.tpl-sophia .classic-head h1{font-size:44px;letter-spacing:.17em;text-transform:uppercase;font-weight:400;margin:0 0 8px;}
.resume-preview.tpl-sophia .classic-head p{text-transform:uppercase;letter-spacing:.25em;font-size:14px;margin:0 0 16px;}
.resume-preview.tpl-sophia .classic-contact{border-top:3px solid #777;border-bottom:2px solid #777;padding:7px 0;font-size:12px;color:#333;}
.resume-preview.tpl-sophia h2{font-size:15px;text-transform:uppercase;letter-spacing:.12em;border-bottom:2px solid #777;padding-bottom:5px;margin:18px 0 8px;color:#111;}
.resume-preview.tpl-sophia h3{font-size:13px;text-transform:uppercase;margin:0;color:#111;}
.resume-preview.tpl-sophia p,.resume-preview.tpl-sophia li{font-size:12.2px;}
.resume-preview.tpl-sophia.compact-page .classic-head{padding-top:30px;}
.resume-preview.tpl-sophia.compact-page .full-main{padding-top:18px;}
.resume-preview.tpl-sophia.compact-page p,.resume-preview.tpl-sophia.compact-page li{font-size:11.5px;}

.resume-preview.tpl-chronological-teal{font-family:Arial,Helvetica,sans-serif!important;}
.resume-preview.tpl-chronological-teal .classic-head{padding:26px 44px 12px;text-align:center;}
.resume-preview.tpl-chronological-teal .classic-head h1{font-size:30px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent,#6b8f95);border-bottom:3px solid var(--accent,#6b8f95);padding-bottom:10px;margin:0 0 10px;}
.resume-preview.tpl-chronological-teal .classic-head p{display:none;}
.resume-preview.tpl-chronological-teal .classic-contact{font-size:12px;color:#5f8085;}
.resume-preview.tpl-chronological-teal h2{font-size:14px;letter-spacing:.15em;color:var(--accent,#6b8f95);border-left:4px solid var(--accent,#6b8f95);padding-left:8px;text-transform:uppercase;border-bottom:0;margin-top:20px;}
.resume-preview.tpl-chronological-teal h3{font-size:14px;text-transform:uppercase;margin-bottom:2px;}
.resume-preview.tpl-chronological-teal p,.resume-preview.tpl-chronological-teal li{font-size:13px;}

/* Executive header with right sidebar */
.resume-preview.tpl-executive{display:block;background:#fff;color:#444;font-family:Merriweather,Georgia,serif!important;}
.resume-preview.tpl-executive .exec-head{background:var(--accent,#3f5f6f);color:#fff;text-align:center;padding:28px 30px 32px;}
.resume-preview.tpl-executive .exec-head span{display:inline-grid;place-items:center;border:1px solid #fff;width:42px;height:42px;margin-bottom:20px;font-size:18px;}
.resume-preview.tpl-executive .exec-head h1{font-size:34px;font-style:italic;font-weight:700;margin:0;}
.resume-preview.tpl-executive .exec-head p{margin:8px 0 0;letter-spacing:.12em;text-transform:uppercase;font-size:12px;}
.resume-preview.tpl-executive .exec-grid{display:grid;grid-template-columns:60% 40%;}
.resume-preview.tpl-executive main{padding:34px 30px 42px;}
.resume-preview.tpl-executive aside{background:#f2f2f2;padding:34px 30px 42px;}
.resume-preview.tpl-executive h2{font-size:17px;font-style:italic;text-transform:none;letter-spacing:0;border-bottom:1px solid #bbb;padding-bottom:10px;margin:22px 0 16px;}
.resume-preview.tpl-executive h3{font-size:15px;margin:0 0 2px;}
.resume-preview.tpl-executive p,.resume-preview.tpl-executive li{font-size:13.5px;}

/* Modern dark sidebar / content writer / customer service */
.resume-preview.tpl-modern-sidebar,.resume-preview.tpl-content-writer,.resume-preview.tpl-customer-service{display:grid;grid-template-columns:34% 66%;background:#fff;color:#111827;font-family:Inter,Arial,sans-serif!important;}
.resume-preview .modern-side{background:#222b36;color:#fff;padding:38px 28px;}
.resume-preview .modern-main{padding:48px 44px;}
.resume-preview .avatar-placeholder{width:132px;height:132px;border-radius:50%;background:#dbeafe;color:#111827;display:grid;place-items:center;font-size:36px;font-weight:900;margin:0 auto 30px;}
.resume-preview.tpl-modern-sidebar h1,.resume-preview.tpl-content-writer h1,.resume-preview.tpl-customer-service h1{font-size:42px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px;}
.resume-preview.tpl-modern-sidebar .job-title,.resume-preview.tpl-content-writer .job-title,.resume-preview.tpl-customer-service .job-title{font-size:22px;margin:0 0 42px;color:#333;}
.resume-preview.tpl-modern-sidebar h2,.resume-preview.tpl-content-writer h2,.resume-preview.tpl-customer-service h2{font-size:22px;text-transform:none;letter-spacing:0;border-bottom:3px solid currentColor;width:max-content;max-width:100%;padding-bottom:6px;margin:28px 0 16px;}
.resume-preview .modern-side h2{color:#fff;font-size:21px;margin-top:28px;}
.resume-preview.tpl-modern-sidebar h3,.resume-preview.tpl-content-writer h3,.resume-preview.tpl-customer-service h3{font-size:15px;margin:0 0 2px;}
.resume-preview.tpl-modern-sidebar p,.resume-preview.tpl-modern-sidebar li,.resume-preview.tpl-content-writer p,.resume-preview.tpl-content-writer li,.resume-preview.tpl-customer-service p,.resume-preview.tpl-customer-service li{font-size:14px;}
.resume-preview.tpl-content-writer .modern-side{background:#e5e5e5;color:#1f2937;}
.resume-preview.tpl-content-writer .modern-side h2{color:#111827;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #aaa;width:100%;}
.resume-preview.tpl-content-writer .avatar-placeholder{background:#fff;border:8px solid #f5f5f5;}
.resume-preview.tpl-content-writer h1{letter-spacing:.12em;}
.resume-preview.tpl-customer-service .modern-side{background:#d2d2d2;color:#333;}
.resume-preview.tpl-customer-service .modern-side h2{color:#333;background:#bababa;border:0;width:calc(100% + 56px);margin-left:-28px;padding:8px 28px;font-size:18px;}
.resume-preview.tpl-customer-service .avatar-placeholder{display:none;}
.resume-preview.tpl-customer-service .modern-main{padding-top:32px;}
.resume-preview.tpl-customer-service h1{font-size:32px;text-transform:none;}

/* Clean marketing grid */
.resume-preview.tpl-marketing-grid{display:block;background:#fff;color:#555;font-family:Montserrat,Arial,sans-serif!important;}
.resume-preview.tpl-marketing-grid .grid-head{text-align:center;padding:44px 42px 30px;border-bottom:1px solid #777;}
.resume-preview.tpl-marketing-grid .grid-head h1{font-size:38px;letter-spacing:.24em;text-transform:uppercase;color:#555;font-weight:500;margin:0;}
.resume-preview.tpl-marketing-grid .grid-head p{letter-spacing:.22em;text-transform:uppercase;margin:12px 0 0;}
.resume-preview.tpl-marketing-grid .grid-layout{display:grid;grid-template-columns:33% 67%;}
.resume-preview.tpl-marketing-grid aside{padding:28px 28px 40px;border-right:1px solid #777;}
.resume-preview.tpl-marketing-grid main{padding:28px 34px 40px;}
.resume-preview.tpl-marketing-grid h2{font-size:19px;letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid #999;padding-bottom:8px;margin:22px 0 14px;}
.resume-preview.tpl-marketing-grid h2::first-letter{background:#e5e5e5;border-radius:50%;padding:3px 6px;margin-right:2px;}
.resume-preview.tpl-marketing-grid h3{font-size:14px;margin:0 0 2px;}
.resume-preview.tpl-marketing-grid p,.resume-preview.tpl-marketing-grid li{font-size:13px;}

/* Timeline pro */
.resume-preview.tpl-timeline{display:block;background:#fff;color:#2d3748;font-family:Poppins,Arial,sans-serif!important;}
.resume-preview.tpl-timeline .timeline-head{padding:38px 46px 26px;border-bottom:3px solid #223247;}
.resume-preview.tpl-timeline .timeline-head h1{font-size:34px;text-transform:uppercase;letter-spacing:.08em;margin:0;color:#223247;}
.resume-preview.tpl-timeline .timeline-head p{font-size:18px;letter-spacing:.08em;text-transform:uppercase;margin:6px 0 12px;}
.resume-preview.tpl-timeline .timeline-grid{display:grid;grid-template-columns:32% 68%;}
.resume-preview.tpl-timeline aside{padding:28px 28px 40px;border-right:2px solid #333;}
.resume-preview.tpl-timeline main{padding:28px 36px 40px;position:relative;}
.resume-preview.tpl-timeline main .preview-item{border-left:2px solid #333;padding-left:20px;position:relative;}
.resume-preview.tpl-timeline main .preview-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #333;}
.resume-preview.tpl-timeline h2{font-size:18px;text-transform:uppercase;letter-spacing:.16em;border-bottom:2px solid #333;padding-bottom:6px;margin:22px 0 14px;color:#263244;}
.resume-preview.tpl-timeline h3{font-size:14px;margin:0 0 2px;}
.resume-preview.tpl-timeline p,.resume-preview.tpl-timeline li{font-size:12.7px;}

/* Skills-first / career change */
.resume-preview.tpl-skills-first{font-family:Arial,Helvetica,sans-serif!important;}
.resume-preview.tpl-skills-first .skills-head{text-align:center;padding:38px 48px 20px;}
.resume-preview.tpl-skills-first .skills-head h1{font-family:Georgia,'Times New Roman',serif;font-size:36px;text-transform:uppercase;margin:0 0 10px;border-bottom:2px solid #111;padding-bottom:10px;}
.resume-preview.tpl-skills-first .skills-head p{font-size:13px;}
.resume-preview.tpl-skills-first .opening-summary{font-size:14px;margin-bottom:18px;}
.resume-preview.tpl-skills-first h2{font-size:14px;text-transform:uppercase;border-bottom:2px solid #333;padding-bottom:6px;letter-spacing:.05em;margin:18px 0 10px;}
.resume-preview.tpl-skills-first h3{font-size:14px;text-transform:uppercase;margin:0 0 3px;}
.resume-preview.tpl-skills-first p,.resume-preview.tpl-skills-first li{font-size:13px;}

/* Kassa recommended premium */
.resume-preview.tpl-kassa-premium{display:grid;grid-template-columns:34% 66%;background:#fff;color:#0f172a;font-family:Inter,Arial,sans-serif!important;border-top:8px solid var(--accent,#0f766e);}
.resume-preview.tpl-kassa-premium .side{background:linear-gradient(180deg,var(--accent,#0f766e),#0f172a);color:#fff;padding:34px 28px;}
.resume-preview.tpl-kassa-premium .main{padding:38px 40px;}
.resume-preview.tpl-kassa-premium h1{font-size:32px;line-height:1.05;margin-bottom:8px;}
.resume-preview.tpl-kassa-premium h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;border-bottom:2px solid var(--accent,#0f766e);padding-bottom:7px;margin-top:22px;color:inherit;}
.resume-preview.tpl-kassa-premium .side h2{border-bottom-color:rgba(255,255,255,.7);}
.resume-preview.tpl-kassa-premium .preview-skills span{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;}
.resume-preview.tpl-kassa-premium h3{font-size:15px;margin:0;}
.resume-preview.tpl-kassa-premium p,.resume-preview.tpl-kassa-premium li{font-size:13px;}

/* Better template select on mobile and print-safe preview */
@media(max-width:820px){
  .resume-preview.tpl-executive .exec-grid,.resume-preview.tpl-marketing-grid .grid-layout,.resume-preview.tpl-timeline .timeline-grid,.resume-preview.tpl-modern-sidebar,.resume-preview.tpl-content-writer,.resume-preview.tpl-customer-service,.resume-preview.tpl-kassa-premium{grid-template-columns:1fr!important;display:block!important;}
  .resume-preview.tpl-executive aside,.resume-preview.tpl-marketing-grid aside,.resume-preview.tpl-timeline aside{border-right:0!important;border-bottom:1px solid #ddd;}
  .resume-preview.tpl-sophia .classic-head h1{font-size:30px!important;letter-spacing:.1em!important;}
  .resume-preview .full-main,.resume-preview.tpl-sophia .classic-head,.resume-preview.tpl-chronological-teal .classic-head{padding-left:22px!important;padding-right:22px!important;}
}
@media print{
  .resume-preview{width:8.5in!important;min-height:11in!important;box-shadow:none!important;}
  .resume-preview.tpl-sophia .classic-head h1{font-size:40px!important;}
}