.wt-app *{box-sizing:border-box}.wt-app{max-width:1240px;margin:34px auto;padding:0 18px;font-family:Arial,Helvetica,sans-serif;color:#111827}.wt-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,#172554,#2563eb);color:#fff;border-radius:24px;padding:42px;margin-bottom:16px;box-shadow:0 22px 55px rgba(37,99,235,.22)}.wt-badge{display:inline-block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);font-weight:800;font-size:13px;margin-bottom:14px;color:#fff}.wt-hero h2{font-size:38px;line-height:1.12;margin:0 0 12px;color:#fff}.wt-hero p{font-size:18px;line-height:1.6;max-width:760px;margin:0;color:#e5edff}.wt-hero-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.wt-hero-points span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 11px;font-weight:800;font-size:13px}.wt-strength-card{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:22px;min-width:240px}.wt-strength-card span{display:block;color:#dbeafe;font-weight:800}.wt-strength-card strong{display:block;font-size:42px;color:#fff;margin:8px 0}.wt-strength-card em{display:block;color:#e0f2fe;font-style:normal;margin-top:8px;font-weight:700}.wt-strength-bar,.wt-progress-bar{height:10px;background:rgba(255,255,255,.25);border-radius:999px;overflow:hidden}.wt-strength-bar i,.wt-progress-bar i{display:block;height:100%;width:0;background:#22c55e;border-radius:999px;transition:width .25s ease}.wt-status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.wt-save-status{display:flex;align-items:center;gap:8px;font-size:13px;color:#475569}.wt-save-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}.wt-save-status.is-saving .wt-save-dot{background:#f59e0b}.wt-required-note{font-size:13px;color:#64748b}.wt-required-note span,.wt-field label span{color:#dc2626}.wt-progress-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px 18px;margin-bottom:16px;box-shadow:0 10px 28px rgba(15,23,42,.05)}.wt-progress-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.wt-progress-bar{background:#e5e7eb}.wt-progress-bar i{background:#2563eb}.wt-wizard-nav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.wt-wizard-nav button{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:11px 8px;font-weight:900;cursor:pointer;color:#334155;transition:.2s}.wt-wizard-nav button:hover{border-color:#93c5fd}.wt-wizard-nav button.active{background:#2563eb;color:#fff;border-color:#2563eb}.wt-wizard-nav button.complete{border-color:#86efac;background:#f0fdf4;color:#166534}.wt-wizard-nav button.complete.active{background:#2563eb;color:#fff;border-color:#2563eb}.wt-step-state{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e2e8f0;font-size:12px}.wt-wizard-nav button.active .wt-step-state{background:rgba(255,255,255,.22)}.wt-wizard-nav button.complete .wt-step-state{background:#22c55e;color:#fff}.wt-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.wt-btn{border:none;border-radius:11px;padding:12px 18px;font-size:14px;font-weight:900;cursor:pointer}.wt-btn-primary{background:#2563eb;color:#fff}.wt-btn-dark{background:#111827;color:#fff}.wt-btn-light{background:#f8fafc;color:#111827;border:1px solid #cbd5e1}.wt-layout,.wt-score-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.95fr);gap:24px;align-items:start}.wt-panel{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 14px 38px rgba(15,23,42,.06)}.wt-sticky{position:sticky;top:24px}.wt-panel-heading,.wt-preview-top,.wt-section-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.wt-panel h3{font-size:23px;margin:0 0 9px;color:#111827}.wt-step-counter{white-space:nowrap;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:900}.wt-sub,.wt-help{color:#64748b;margin:0 0 18px;line-height:1.6}.wt-help{font-size:14px}.wt-form-alert{display:none;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:11px;padding:11px 13px;margin-bottom:14px;font-size:14px;font-weight:700}.wt-form-alert.show{display:block}.wt-wizard-step{display:none}.wt-wizard-step.active{display:block}.wt-section-title{font-size:14px;font-weight:900;color:#1d4ed8;background:#eff6ff;border-radius:10px;padding:10px 12px;margin:20px 0 12px}.wt-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wt-field{margin-bottom:15px}.wt-field label{display:block;font-size:14px;font-weight:900;margin-bottom:7px;color:#111827}.wt-field input,.wt-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:11px;padding:12px 13px;font-size:15px;background:#fff;color:#111827;line-height:1.45}.wt-field input:focus,.wt-field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.wt-field input.wt-invalid,.wt-field textarea.wt-invalid{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.wt-field textarea{min-height:104px;resize:vertical}.wt-field small{display:block;margin-top:6px;color:#64748b;line-height:1.45}.wt-mini-btn{background:#2563eb;color:#fff;border:none;border-radius:9px;padding:8px 12px;font-weight:900;cursor:pointer;font-size:13px}.wt-template-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.wt-template-option{border:1px solid #cbd5e1;background:#fff;border-radius:12px;padding:12px;font-weight:900;cursor:pointer;color:#111827}.wt-template-option.active{background:#2563eb;color:#fff;border-color:#2563eb}.wt-dynamic-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:15px;margin-bottom:14px}.wt-dynamic-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wt-remove-btn{background:#fee2e2;color:#991b1b;border:none;border-radius:8px;padding:6px 9px;font-weight:800;cursor:pointer}.wt-skill-add{display:flex;gap:8px}.wt-skill-add input{flex:1}.wt-skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wt-tag{display:inline-flex;align-items:center;gap:7px;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;padding:7px 10px;font-weight:800;font-size:13px}.wt-tag button{background:transparent;border:none;color:#1d4ed8;font-weight:900;cursor:pointer;padding:0}.wt-wizard-actions{display:flex;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid #e5e7eb}.wt-review-box{background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;padding:15px}.wt-review-box ul{margin:12px 0 0;padding-left:20px}.wt-review-box li{margin:7px 0}.wt-preview-top{margin-bottom:14px}.wt-preview-top span{background:#dcfce7;color:#166534;font-size:12px;font-weight:900;padding:7px 10px;border-radius:999px}.wt-resume{background:#fff;border:1px solid #e5e7eb;min-height:760px;padding:40px;color:#111827;transition:.2s ease}.wt-resume h1{font-size:32px;margin:0;color:#0f172a;line-height:1.15}.wt-contact{color:#475569;font-size:14px;margin:9px 0 24px}.wt-resume h2{font-size:16px;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #2563eb;padding-bottom:6px;margin:24px 0 10px;color:#0f172a}.wt-resume h3{font-size:15.5px;margin:12px 0 4px;color:#111827}.wt-resume .wt-meta{color:#64748b;font-size:13.5px;margin-bottom:8px}.wt-resume p,.wt-resume li{font-size:14.5px;line-height:1.65;margin:0 0 8px}.wt-resume ul{padding-left:20px;margin-top:6px}.wt-skill-line{display:flex;flex-wrap:wrap;gap:7px}.wt-skill-line span{background:#f1f5f9;border:1px solid #e2e8f0;padding:5px 8px;border-radius:999px;font-size:13px}.wt-template-classic{font-family:Georgia,serif;border-top:8px solid #111827}.wt-template-classic h1{text-align:center;font-family:Georgia,serif}.wt-template-classic .wt-contact{text-align:center}.wt-template-classic h2{border-bottom:1px solid #111827;color:#111827}.wt-template-executive{border-left:10px solid #1e3a8a;background:#fbfdff}.wt-template-executive h1{color:#1e3a8a}.wt-template-executive h2{background:#eff6ff;border-bottom:none;padding:8px 10px;border-radius:8px;color:#1e3a8a}.wt-score-textarea{min-height:360px!important}.wt-score-big{font-size:58px;font-weight:950;color:#2563eb;margin:12px 0 18px}.wt-score-item{margin:15px 0}.wt-score-item strong{display:flex;justify-content:space-between;margin-bottom:7px}.wt-bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.wt-bar span{display:block;height:100%;background:#2563eb}.wt-suggestions{background:#f8fafc;border-radius:14px;padding:15px;margin-top:18px}
@media(max-width:940px){.wt-hero{display:block;padding:30px}.wt-strength-card{margin-top:20px}.wt-hero h2{font-size:30px}.wt-layout,.wt-score-grid{grid-template-columns:1fr}.wt-sticky{position:static}.wt-two{grid-template-columns:1fr}.wt-template-picker{grid-template-columns:1fr}.wt-wizard-nav{grid-template-columns:repeat(5,minmax(110px,1fr));overflow-x:auto;padding-bottom:6px}.wt-wizard-nav button{white-space:nowrap}.wt-skill-add{display:block}.wt-skill-add button{margin-top:8px}.wt-status-row{align-items:flex-start;flex-direction:column;gap:7px}}
@media(max-width:600px){.wt-app{padding:0 10px;margin:18px auto}.wt-hero{padding:24px;border-radius:18px}.wt-panel{padding:17px;border-radius:16px}.wt-toolbar{display:grid;grid-template-columns:1fr}.wt-btn{width:100%}.wt-panel-heading{align-items:flex-start;flex-direction:column}.wt-resume{padding:24px}.wt-resume h1{font-size:27px}}
@media print{body *{visibility:hidden!important}#wt-resume-preview,#wt-resume-preview *{visibility:visible!important}#wt-resume-preview{position:absolute;left:0;top:0;width:100%;border:none;padding:20mm 16mm;min-height:auto;box-shadow:none;background:#fff!important}.wt-resume{font-size:11pt}.wt-resume h1{font-size:23pt}.wt-resume h2{font-size:11.5pt;margin-top:14px;break-after:avoid}.wt-resume h3{break-after:avoid}.wt-resume p,.wt-resume li{font-size:10.5pt}.wt-resume div{break-inside:avoid}.wt-template-executive{border-left:none}.wt-template-classic{border-top:none}}
/* WageTools v3.2 — Mobile Optimization */
@media (max-width: 600px) {
  .wt-app {
    width: 100%;
    max-width: 100%;
    margin: 12px auto;
    padding: 0 8px;
    overflow-x: hidden;
  }

  .wt-hero {
    display: block;
    padding: 20px;
    border-radius: 20px;
  }

  .wt-hero h2 {
    font-size: 32px;
    line-height: 1.15;
  }

  .wt-strength-card {
    width: 100%;
    margin-top: 18px;
    padding: 18px;
  }

  .wt-wizard-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .wt-wizard-nav button {
    width: 100%;
    min-width: 0;
    padding: 12px 8px;
    font-size: 14px;
  }

  .wt-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .wt-toolbar .wt-btn {
    width: 100%;
    justify-content: center;
  }

  .wt-layout {
    display: block;
  }

  .wt-panel,
  .wt-sticky {
    width: 100%;
    max-width: 100%;
  }

  .wt-sticky {
    position: static;
    margin-top: 18px;
  }

  .wt-two {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .wt-field input,
  .wt-field select,
  .wt-field textarea {
    width: 100%;
    max-width: 100%;
  }
}