/* HumanPro WOW Tools (CV + LinkedIn) - responsive, disruptive, clean */
.hp-wow-wrap{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:24px 0 80px;}
.hp-wow-hero{margin-top:18px;margin-bottom:18px}
.hp-wow-hero h1{font-family:"Space Grotesk",system-ui;letter-spacing:-.02em}
.hp-wow-grid{display:grid;grid-template-columns:420px 1fr;gap:16px;align-items:start}
.hp-wow-panel{border:1px solid rgba(255,255,255,.10);background:rgba(6,16,53,.55);backdrop-filter:blur(14px);
  border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.35);overflow:hidden}
.hp-wow-panel-hd{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}
.hp-wow-panel-hd .ttl{display:flex;gap:10px;align-items:center;font-weight:700;color:rgba(234,240,255,.92)}
.hp-wow-panel-bd{padding:16px}
.hp-wow-badge{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;
  padding:6px 10px;border-radius:999px;border:1px solid rgba(0,245,255,.25);
  background:rgba(0,245,255,.08);color:rgba(234,240,255,.92)}
.hp-wow-chiprow{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.hp-wow-chip{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.06);color:rgba(234,240,255,.85)}
.hp-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.hp-field label{font-size:12px;color:rgba(234,240,255,.78);font-weight:600}
.hp-input, .hp-select, .hp-textarea{
  width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.12);
  background:rgba(0,0,0,.25);color:rgba(234,240,255,.92);
  padding:12px 12px;font-size:14px;outline:none
}
.hp-textarea{min-height:120px;resize:vertical}
.hp-input::placeholder,.hp-textarea::placeholder{color:rgba(234,240,255,.40)}
.hp-input:focus,.hp-select:focus,.hp-textarea:focus{border-color:rgba(0,245,255,.45);box-shadow:0 0 0 3px rgba(0,245,255,.12)}
.hp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.hp-mini{font-size:12px;color:rgba(234,240,255,.62);line-height:1.4}
.hp-kpi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.hp-kpi .box{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:14px;padding:10px 12px}
.hp-kpi .box .k{font-size:12px;color:rgba(234,240,255,.65);font-weight:600}
.hp-kpi .box .v{font-size:16px;color:rgba(234,240,255,.92);font-weight:800;margin-top:2px}
.hp-divider{height:1px;background:rgba(255,255,255,.08);margin:14px 0}
.hp-output-empty{border:1px dashed rgba(0,245,255,.25);background:rgba(0,0,0,.18);border-radius:16px;padding:14px;color:rgba(234,240,255,.78)}
/* Mobile */
@media (max-width: 980px){
  .hp-wow-grid{grid-template-columns:1fr}
  .hp-row{grid-template-columns:1fr}
}
/* Ensure tool buttons do not explode on small screens */
.hp-wow-panel .button-bg{max-width:100%}


@media (max-width: 600px){
  .analyzer-page{ padding: 96px 16px 24px !important; }
  .analyzer-container{ max-width: 100% !important; }
  .upload-area{ padding: 18px 14px !important; }
  .hp-upload-actions{ display:flex; flex-direction:column; align-items:stretch; gap:10px; }
  .hp-upload-note{ text-align:center; }
}