/* Container */
.tqmp2-wrap{max-width:1200px;margin:24px auto;padding:0 16px}
.tqmp2-intro{margin-bottom:12px}
.tqmp2-intro h1{margin:0 0 6px;font-size:28px}
.tqmp2-intro p{margin:0;color:#334155}

/* Map full-width */
.tqmp2-mapwrap{margin:12px 0}
#tqmp2-map{width:100%;height:520px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}

/* Two-column main area */
.tqmp2-main{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-top:12px}
@media(max-width:980px){.tqmp2-main{grid-template-columns:1fr}}
.tqmp2-col{}
.tqmp2-quizcol #tqmp2-quiz-root{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(2,6,23,.05)}
.tqmp2-cta{display:flex;gap:8px;margin-top:10px}
.tqmp2-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;text-decoration:none}
.tqmp2-btn.primary{background:#111827;color:#fff;border-color:#111827}
.tqmp2-btn.secondary{background:#f8fafc}

/* Quiz styles */
.tqmp2-q{margin-bottom:10px}
.tqmp2-q h3{margin:0 0 8px;font-size:18px}
.tqmp2-opt{border:1px solid #e5e7eb;border-radius:10px;padding:10px;margin:6px 0;cursor:pointer;transition:all .15s ease}
.tqmp2-opt:hover{border-color:#94a3b8;background:#f8fafc}
.tqmp2-opt.selected{border-color:#2563eb;background:#eff6ff}
.tqmp2-nav{display:flex;gap:8px;margin-top:8px}
.tqmp2-btn{cursor:pointer}
.tqmp2-progress{height:8px;background:#f1f5f9;border-radius:99px;overflow:hidden;margin:8px 0 0}
.tqmp2-bar{display:block;height:8px;width:0;background:linear-gradient(90deg,#2563eb,#06b6d4)}

/* Results: banner + cards */
#tqmp2-banner{margin-bottom:10px}
.tqmp2-banner{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#f8fafc}
.tqmp2-banner h4{margin:0 0 6px;font-size:16px}
.tqmp2-banner p{margin:0 0 6px;color:#334155;font-size:13px}
.tqmp2-banner .tqmp2-chip{display:inline-block;padding:4px 8px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5e1;font-size:12px;margin-right:6px}
#tqmp2-cards{display:grid;grid-template-columns:1fr;gap:10px}
.tqmp2-card{display:flex;gap:10px;border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff;align-items:flex-start}
.tqmp2-card img{width:56px;height:56px;border-radius:10px;border:1px solid #e5e7eb;background:#f8fafc;object-fit:cover}
.tqmp2-card h5{margin:0 0 2px;font-size:14px}
.tqmp2-card p{margin:0;font-size:12px;color:#334155}
.tqmp2-card .tqmp2-link{color:#2563eb;text-decoration:underline;cursor:pointer;font-size:12px;margin-top:4px}

/* Modal */
.tqmp2-modal{display:none}
.tqmp2-modal[aria-hidden="false"]{display:block}
.tqmp2-modal-backdrop{position:fixed;inset:0;background:rgba(2,6,23,.55)}
.tqmp2-modal-dialog{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;max-width:720px;width:92vw;max-height:80vh;overflow:auto;padding:10px;border:1px solid #e5e7eb;box-shadow:0 12px 40px rgba(2,6,23,.25)}
.tqmp2-modal-close{position:absolute;right:12px;top:10px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;padding:4px 8px;cursor:pointer}


/* Enhanced result cards */
.tqmp2-card{position:relative;transition:transform .12s ease, box-shadow .12s ease}
.tqmp2-card:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(2,6,23,.08)}
.tqmp2-card .tqmp2-meta{display:flex;gap:8px;align-items:center;margin-top:4px}
.tqmp2-badge{display:inline-flex;align-items:center;gap:6px;background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a;border-radius:999px;padding:2px 8px;font-size:11px}
.tqmp2-more{position:absolute;right:10px;bottom:10px;font-size:12px;color:#2563eb;text-decoration:underline;cursor:pointer}


/* ===== Enterprise Polish ===== */
.tqmp2-wrap{max-width:1280px}
.tqmp2-intro h1{letter-spacing:.2px}
.tqmp2-intro p{font-size:15px;opacity:.9}

/* Buttons */
.tqmp2-btn{position:relative;transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease}
.tqmp2-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(2,6,23,.06)}
.tqmp2-btn:focus{outline:3px solid #93c5fd; outline-offset:2px}
.tqmp2-btn.primary{box-shadow:0 10px 20px rgba(17,24,39,.15)}
.tqmp2-btn.primary:hover{box-shadow:0 16px 30px rgba(17,24,39,.18)}

/* Quiz options */
.tqmp2-opt{position:relative}
.tqmp2-opt:after{content:"";position:absolute;inset:-1px;border-radius:11px;pointer-events:none;box-shadow:inset 0 0 0 0 rgba(37,99,235,0);transition:box-shadow .15s ease}
.tqmp2-opt:hover:after{box-shadow:inset 0 0 0 1px rgba(37,99,235,.35)}
.tqmp2-opt.selected:after{box-shadow:inset 0 0 0 2px rgba(37,99,235,.75)}

/* Progress */
.tqmp2-progress{background:linear-gradient(90deg,#f1f5f9,#eef2f7)}
.tqmp2-bar{background:linear-gradient(90deg,#2563eb,#22d3ee)}

/* Banner */
.tqmp2-banner{background:linear-gradient(180deg,#f9fbff, #f0f6ff);border:1px solid #dbeafe}
.tqmp2-banner h4{letter-spacing:.2px}
.tqmp2-chip{background:#eaf2ff;border-color:#cfe0ff;color:#1d4ed8}

/* Cards */
.tqmp2-card{border-radius:14px;overflow:hidden;border:1px solid #e6eef7;background:linear-gradient(180deg,#ffffff,#fbfdff)}
.tqmp2-card img{border-color:#e6eef7}
.tqmp2-card h5{font-weight:600}
.tqmp2-card .tqmp2-meta{display:flex;gap:8px;margin-top:6px}
.tqmp2-badge{background:#eef2ff;border:1px solid #c7d2fe;color:#1e3a8a}
.tqmp2-link{color:#1d4ed8}
.tqmp2-card:hover{box-shadow:0 14px 35px rgba(2,6,23,.09)}

/* Map */
#tqmp2-map{border:1px solid #d8e3f0}


/* SweetAlert2 visual polish */
.tqmp2-swal-popup{
  border-radius:14px;
  box-shadow:0 18px 48px rgba(2,6,23,.18);
  padding:18px 18px 24px;
}
.tqmp2-swal-close{
  width:36px;height:36px;border-radius:999px!important;
  background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #dbeafe!important;
}

/* Layout spacing between map, quiz, results */
.tqmp2-wrap{max-width:1280px;margin:0 auto}
#tqmp2-map{margin: 8px 0 28px;border-radius:12px;border:1px solid #d8e3f0}
.tqmp2-main{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width: 960px){ .tqmp2-main{grid-template-columns:1fr;gap:20px} }
.tqmp2-intro{margin:8px 0 18px}