/**
 * QUOTE PAGE — instant estimate wizard.
 * ================================================================
 * All styles scoped under .ep-quote-page so they can never leak into
 * other templates. Uses the theme's design tokens (--ep-navy, --ep-yellow,
 * etc) where possible; local vars only where the wizard needs its own scale.
 */

.ep-quote-page{
  --q-navy:#173c59;
  --q-yellow:#f7b729;
  --q-yellow-d:#d99c1a;
  --q-yellow-l:#fef9ec;
  --q-border:#e5e7eb;
  --q-muted:#6b7280;
  --q-radius:10px;
  --q-radius-pill:999px;
  --q-shadow:0 1px 3px rgba(20,30,45,.06);
  --q-shadow-md:0 4px 14px rgba(20,30,45,.08);
  --q-green:#22a06b;
  --q-green-bg:#e8f8f0;
  --q-warn:#d99c1a;
  --q-warn-bg:#fef4e0;

  background:#eef1f6;
  padding:40px 0 60px;
  font-family:var(--ep-font-body);
}

/* ── LAYOUT ─────────────────────────────────────────────────── */
.ep-quote-wrap{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:30px;
  align-items:start;
}
@media (max-width:900px){
  .ep-quote-wrap{grid-template-columns:1fr}
}

.ep-quote-main .ep-q-header{margin-bottom:26px}
.ep-quote-main .ep-q-header h1{font-size:30px;margin:0 0 8px;color:var(--q-navy);line-height:1.2}
.ep-quote-main .ep-q-header p{margin:0;color:#3f4650;font-size:16px;line-height:1.5}

/* ── PROGRESS BAR ───────────────────────────────────────────── */
.ep-q-progress-wrap{margin-bottom:26px}
.ep-q-progress{
  display:flex;align-items:center;
  background:#fff;border:1px solid var(--q-border);
  border-radius:var(--q-radius);padding:16px 18px;
  box-shadow:var(--q-shadow);
}
.ep-q-step{display:flex;flex-direction:column;align-items:center;flex-shrink:0}
.ep-q-dot{
  width:32px;height:32px;border-radius:50%;
  background:#f0f2f5;color:#6b7280;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:13px;
  border:2px solid transparent;
  cursor:default;transition:all .25s;
  position:relative;
}
.ep-q-dot.active{background:var(--q-yellow);color:#1a1a1a;box-shadow:0 0 0 4px rgba(247,183,41,.2)}
.ep-q-dot.done{background:var(--q-green);color:#fff;cursor:pointer}
.ep-q-dot.done .ep-q-num{display:none}
.ep-q-dot.done .ep-q-check{display:block;width:12px;height:9px}
.ep-q-dot:not(.done) .ep-q-check{display:none}
.ep-q-num{display:block}
.ep-q-check{color:#fff}
.ep-q-lbl{font-size:11px;color:#8b95a3;margin-top:6px;text-align:center;font-weight:600;letter-spacing:.2px;white-space:nowrap}
.ep-q-lbl.active{color:var(--q-navy)}
.ep-q-line{
  flex:1;height:2px;background:#e5e7eb;margin:0 6px;margin-bottom:22px;
  position:relative;overflow:hidden;
}
.ep-q-line-fill{
  position:absolute;left:0;top:0;bottom:0;background:var(--q-green);
  width:0;transition:width .35s;
}
@media (max-width:640px){
  .ep-q-lbl{font-size:9px}
  .ep-q-progress{padding:12px 8px}
}

/* ── STEP CARD ──────────────────────────────────────────────── */
.ep-q-card{
  background:#fff;border:1px solid var(--q-border);
  border-top:3px solid var(--q-yellow);
  border-radius:12px;padding:32px 34px;
  box-shadow: 0 4px 22px rgba(20,30,45,0.08), 0 1px 3px rgba(20,30,45,0.04);
  display:none;
}
.ep-q-card.active{display:block}
.ep-q-title{font-size:22px;font-weight:800;color:var(--q-navy);margin-bottom:6px}
.ep-q-sub{font-size:14px;color:var(--q-muted);margin-bottom:24px;line-height:1.55}
.ep-q-seclbl{
  font-size:12px;text-transform:uppercase;letter-spacing:.8px;
  color:var(--q-navy);font-weight:700;margin:22px 0 10px;
  display:flex;align-items:center;gap:8px;
}
.ep-q-badge{
  background:var(--q-yellow-l);color:var(--q-yellow-d);
  padding:2px 10px;border-radius:var(--q-radius-pill);
  font-size:10px;letter-spacing:.4px;
}
.ep-q-divider{height:1px;background:var(--q-border);margin:28px 0 4px}

/* ── FIELDS ─────────────────────────────────────────────────── */
.ep-q-field{display:flex;flex-direction:column;margin-bottom:16px;position:relative}
.ep-q-field label{
  font-size:13px;font-weight:700;color:var(--q-navy);
  margin-bottom:6px;letter-spacing:.2px;
}
/* Default quote-field styling — neutral, clean, visible but calm.
   Applies to steps 2-5 (move details, property, extras, contact). */
.ep-q-field input,
.ep-q-field select,
.ep-q-field textarea{
  width:100%;box-sizing:border-box;
  padding:14px 16px;border:2px solid #cbd5e1;
  border-radius:10px;font-family:inherit;font-size:15px;
  color:#2d2d2d;background-color:#fff;outline:none;
  transition:border-color .15s, background-color .15s, box-shadow .15s;
}
.ep-q-field input::placeholder,
.ep-q-field textarea::placeholder{color:#6b7280;opacity:1}
.ep-q-field input[type="date"]{max-width:220px;cursor:pointer}
.ep-q-field input:hover,
.ep-q-field select:hover,
.ep-q-field textarea:hover{border-color:#94a3b8}
.ep-q-field input:focus,
.ep-q-field select:focus,
.ep-q-field textarea:focus{border-color:var(--q-yellow);box-shadow:0 0 0 4px rgba(247,183,41,.25)}

/* Address fields (step 1) ONLY — warm orange + cream tint for maximum
   visibility on the conversion-critical first-touch fields. Longhand
   background-color (not shorthand) so .ep-q-addr > input's pin
   background-image/repeat/position below are preserved. */
.ep-q-addr > input{
  border-color:#f4b94c;
  background-color:#fff8ea;
}
.ep-q-addr > input:hover{
  border-color:#e8a52c;
  background-color:#fff2d6;
}
.ep-q-addr > input:focus{
  border-color:var(--q-yellow);
  background-color:#fff;
  box-shadow:0 0 0 4px rgba(247,183,41,.3);
}
.ep-q-field textarea{resize:vertical;line-height:1.5;min-height:88px}

/* Address wrapper is a positioning context for the dropdown; make sure its
 * child input also fills the row. */
.ep-q-addr{position:relative;width:100%}
.ep-q-addr input{width:100%}
.ep-q-addr > input{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
  background-repeat:no-repeat;
  background-position:14px center;
  background-size:18px 18px;
  padding-left:44px;
}
.ep-q-addr > input:focus{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d99c1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z'/><circle cx='12' cy='10' r='3'/></svg>");
}
.ep-q-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:520px){.ep-q-row2{grid-template-columns:1fr}}

.ep-q-hint{font-size:11px;color:var(--q-muted);margin-top:5px}
.ep-q-err{
  display:none;font-size:11px;color:#c1272d;margin-top:4px;
  padding:4px 8px;background:#fff0f0;border-radius:4px;
}
.ep-q-err.show{display:block}

/* Address autocomplete dropdown */
.ep-q-pac{
  display:none;position:absolute;top:100%;left:0;right:0;
  background:#fff;border:1px solid var(--q-border);
  border-top:none;border-radius:0 0 var(--q-radius) var(--q-radius);
  z-index:20;max-height:280px;overflow-y:auto;
  box-shadow:var(--q-shadow-md);
}
.pac-item{
  padding:10px 14px;cursor:pointer;font-size:13px;
  border-bottom:1px solid #f0f2f5;
}
.pac-item:last-child{border-bottom:none}
.pac-item.hi,
.pac-item:hover{background:var(--q-yellow-l)}
.pac-main{font-weight:600;color:#2d2d2d}
.pac-sec{font-size:11px;color:var(--q-muted);margin-top:2px}
.pac-load{padding:12px;text-align:center;font-size:12px;color:var(--q-muted)}

/* Distance loading + result */
.ep-q-loading{
  display:none;padding:10px;background:var(--q-yellow-l);border-radius:6px;
  font-size:12px;color:var(--q-yellow-d);align-items:center;gap:8px;margin:10px 0;
}
.ep-q-loading.show{display:flex}
.ep-q-spinner,.sp-md,.sp-sm{
  display:inline-block;width:12px;height:12px;
  border:2px solid rgba(217,156,26,.3);border-top-color:var(--q-yellow-d);
  border-radius:50%;animation:ep-q-spin .6s linear infinite;flex-shrink:0;
}
.sp-sm{width:10px;height:10px}
@keyframes ep-q-spin{to{transform:rotate(360deg)}}

.dist-ok,.dist-warn{
  padding:11px 14px;border-radius:6px;font-size:13px;font-weight:600;
  display:flex;align-items:center;gap:8px;margin:10px 0;line-height:1.4;
}
.dist-ok{background:var(--q-green-bg);color:#155d3a;border:1px solid rgba(34,160,107,.4)}
.dist-warn{background:var(--q-warn-bg);color:#7a5c00;border:1px solid rgba(217,156,26,.4)}

/* ── OPTION BUTTONS ─────────────────────────────────────────── */
.ep-q-opts{display:grid;gap:10px;margin-bottom:8px}
.ep-q-opts.c2{grid-template-columns:1fr 1fr}
.ep-q-opts.c3{grid-template-columns:repeat(3,1fr)}
@media (max-width:520px){
  .ep-q-opts.c2,.ep-q-opts.c3{grid-template-columns:1fr}
}
.ep-q-opt{
  background:#fff;border:1.5px solid var(--q-border);
  border-radius:var(--q-radius);padding:12px 14px;
  cursor:pointer;text-align:left;
  display:flex;flex-direction:column;
  transition:all .15s;
  font-family:inherit;
}
.ep-q-opt:hover{border-color:var(--q-yellow);background:var(--q-yellow-l)}
.ep-q-opt.selected{
  border-color:var(--q-yellow);background:var(--q-yellow-l);
  box-shadow:0 0 0 3px rgba(247,183,41,.2);
}
.ep-q-opt .ol{font-weight:700;font-size:13px;color:var(--q-navy);line-height:1.2}
.ep-q-opt .os{font-size:11px;color:var(--q-muted);margin-top:3px;line-height:1.3}

/* m³ slider */
.ep-q-m3{background:var(--q-yellow-l);padding:16px;border-radius:var(--q-radius);margin-bottom:8px}
.ep-q-m3-labels{display:flex;justify-content:space-between;margin-bottom:4px;font-size:11px;color:var(--q-muted)}
.ep-q-m3-pill{
  background:var(--q-yellow);color:#1a1a1a;
  padding:2px 12px;border-radius:var(--q-radius-pill);
  font-weight:800;font-size:12px;
}
.ep-q-m3 input[type=range]{width:100%;margin-top:6px;cursor:pointer}

/* Truck recommendation banner */
.ep-q-truck-rec{
  background:#f0f4f8;border:1px solid #b0c4d8;
  border-radius:6px;padding:11px 14px;margin-top:14px;
  font-size:13px;color:var(--q-navy);
}

/* ── SERVICE CARDS ──────────────────────────────────────────── */
.ep-q-svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}
.ep-q-svc-item{}
.ep-q-svc{
  background:#fff;border:1.5px solid var(--q-border);
  border-radius:var(--q-radius);padding:12px 14px;cursor:pointer;
  display:flex;align-items:center;gap:10px;
  transition:all .15s;
}
.ep-q-svc:hover{border-color:var(--q-yellow)}
.ep-q-svc.selected{border-color:var(--q-yellow);background:var(--q-yellow-l)}
.ep-q-svc-body{flex:1}
.ep-q-svc-body h4{font-size:13px;font-weight:700;color:var(--q-navy);margin:0 0 2px}
.ep-q-svc-body p{font-size:11px;color:var(--q-muted);margin:0;line-height:1.3}

/* Small "Prebook" flag badge — sits inline next to service h4 titles
 * that carry a data-availability="request" attribute (currently just
 * the Ferry Vehicle). Signals to the customer that this item isn't
 * auto-confirmed on submit and will be verified before booking. */
.ep-q-svc-flag{
  display:inline-block;
  vertical-align:middle;
  margin-left:6px;
  padding:1px 7px;
  border-radius:8px;
  background:var(--q-navy);
  color:#fff;
  font-size:9px;
  font-weight:700;
  letter-spacing:.6px;
  text-transform:uppercase;
}

/* Small italic caveat inside a breakdown row — used to inline the
 * "subject to availability" note next to the ferry vehicle line so
 * the customer sees it every time they view their quote total. */
.bc-note{
  font-style:italic;
  font-weight:400;
  font-size:11px;
  color:var(--q-muted);
  margin-left:4px;
}
.ep-q-svc-chk{
  width:22px;height:22px;border:1.5px solid var(--q-border);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .15s;
}
.ep-q-svc.selected .ep-q-svc-chk{background:var(--q-green);border-color:var(--q-green)}
.ep-q-svc-chk svg{display:none}
.ep-q-svc.selected .ep-q-svc-chk svg{display:block}

/* Storage detail sub-panel */
.ep-q-stor{
  background:#fafafa;border:1px solid var(--q-border);border-radius:var(--q-radius);
  padding:16px;margin-bottom:14px;
}
.ep-q-stor-cost{
  background:var(--q-yellow-l);border:1px solid var(--q-yellow);
  border-radius:6px;padding:8px 10px;text-align:center;min-width:110px;
}
.ep-q-stor-cost-label{font-size:10px;color:var(--q-yellow-d);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
.ep-q-stor-cost-value{font-family:var(--ep-font-display);font-weight:800;font-size:18px;color:var(--q-yellow-d);margin-top:2px}

/* Date + tip row */
.ep-q-date-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}
.ep-q-tip{
  flex:1;min-width:200px;background:var(--q-yellow-l);border:1px solid var(--q-yellow);
  border-radius:8px;padding:9px 12px;font-size:12px;color:#7a5c00;line-height:1.5;
  display:flex;align-items:flex-start;gap:7px;
}
.ep-q-tip-emoji{font-size:15px;flex-shrink:0}
.ep-q-tip strong{display:block;margin-bottom:2px}

/* ── BUTTONS ────────────────────────────────────────────────── */
.ep-q-nav{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid var(--q-border);
  flex-wrap:wrap;
}
.ep-q-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:11px 22px;border-radius:var(--q-radius);
  font-family:var(--ep-font-display);font-weight:700;font-size:13px;
  cursor:pointer;text-decoration:none;transition:all .15s;
  border:1.5px solid transparent;line-height:1;
}
.ep-q-btn--primary{background:var(--q-navy);color:#fff}
.ep-q-btn--primary:hover{background:#0e2438;color:#fff}
.ep-q-btn--ghost{background:transparent;color:var(--q-navy);border-color:var(--q-border)}
.ep-q-btn--ghost:hover{border-color:var(--q-navy);color:var(--q-navy)}
.ep-q-btn--yellow{background:var(--q-yellow);color:#1a1a1a}
.ep-q-btn--yellow:hover{background:var(--q-yellow-d);color:#1a1a1a}
.ep-q-btn--block{width:100%;justify-content:center;font-size:12px;padding:8px 14px;margin-bottom:12px}
.ep-q-btn:disabled{opacity:.6;cursor:not-allowed}

/* ── SIDEBAR ────────────────────────────────────────────────── */
.ep-quote-side{position:sticky;top:20px;display:flex;flex-direction:column;gap:16px}
@media (max-width:900px){.ep-quote-side{position:static}}

.ep-q-side-card,
.ep-q-side-cta{
  background:#fff;border:1px solid var(--q-border);
  border-radius:var(--q-radius);padding:20px;
  box-shadow:var(--q-shadow);
}
.ep-q-side-head h3{font-size:14px;color:var(--q-navy);margin:0 0 14px;text-transform:uppercase;letter-spacing:.6px}
.ep-q-sum-empty{color:var(--q-muted);font-size:12px;font-style:italic}
.ep-q-side-body .sum-row{
  display:flex;justify-content:space-between;
  padding:6px 0;border-bottom:1px solid #f0f2f5;
  font-size:12px;gap:14px;
}
.ep-q-side-body .sum-row:last-child{border-bottom:none}
.ep-q-side-body .sum-k{color:var(--q-muted);flex-shrink:0}
.ep-q-side-body .sum-v{color:#2d2d2d;font-weight:600;text-align:right;word-break:break-word}

.ep-q-side-cta h3{font-size:14px;color:var(--q-navy);margin:0 0 10px}
.ep-q-side-phone{
  display:block;font-family:var(--ep-font-display);font-weight:800;
  font-size:22px;color:var(--q-yellow-d);text-decoration:none;margin-bottom:4px;
}
.ep-q-side-hours{font-size:11px;color:var(--q-muted);margin-bottom:14px;line-height:1.5}
.ep-q-side-divider{height:1px;background:var(--q-border);margin:14px 0}
.ep-q-side-rating{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.ep-q-stars{color:var(--q-yellow);font-size:14px;letter-spacing:2px}
.ep-q-rating-txt{font-size:11px;color:var(--q-muted)}
.ep-q-usp{list-style:none;padding:0;margin:0 0 14px;font-size:11px;color:#3f4650;line-height:1.5}
.ep-q-usp li{padding:4px 0 4px 18px;position:relative}
.ep-q-usp li::before{
  content:"✓";position:absolute;left:0;color:var(--q-green);font-weight:700;
}
.ep-q-min-charge{
  background:var(--q-yellow-l);border-left:2px solid var(--q-yellow);
  padding:8px 10px;font-size:11px;color:#7a5c00;line-height:1.4;
}

/* ── RESULT PAGE (step 6) ───────────────────────────────────── */
.est-hero{
  background:linear-gradient(135deg,var(--q-navy) 0%,#0e2438 100%);
  color:#fff;border-radius:var(--q-radius);padding:24px;text-align:center;
  margin-bottom:20px;
}
.est-hero .el{font-size:12px;text-transform:uppercase;letter-spacing:.6px;opacity:.85;margin-bottom:4px}
.est-hero .ep{font-family:var(--ep-font-display);font-weight:800;font-size:42px;color:var(--q-yellow);line-height:1}
.est-hero .er{font-size:12px;opacity:.85;margin:6px 0 18px}
.est-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.est-stat{background:rgba(255,255,255,.08);border-radius:8px;padding:10px}
.est-stat .sv{font-family:var(--ep-font-display);font-weight:800;font-size:18px;color:var(--q-yellow)}
.est-stat .sk{font-size:10px;opacity:.85;margin-top:2px;text-transform:uppercase;letter-spacing:.4px}
@media (max-width:520px){.est-stats{grid-template-columns:1fr}}

.bc{background:#fafafa;border:1px solid var(--q-border);border-radius:var(--q-radius);padding:16px 18px;margin-bottom:14px}
.bc-head{font-size:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;color:var(--q-navy);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--q-border)}
.bc-row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px;gap:12px}
.bc-row .bc-k{color:#3f4650;flex:1}
.bc-row .bc-v{color:#2d2d2d;font-weight:600;text-align:right}
.bc-row.sub{border-top:1px solid var(--q-border);margin-top:6px;padding-top:9px}
.bc-row.total{border-top:2px solid var(--q-navy);margin-top:8px;padding-top:9px;font-weight:800}
.bc-row.total .bc-k,.bc-row.total .bc-v{color:var(--q-navy);font-size:15px}

.disclaimer{
  background:var(--q-warn-bg);border:1px solid rgba(217,156,26,.4);
  border-radius:6px;padding:10px 14px;font-size:11px;color:#7a5c00;line-height:1.5;margin-bottom:14px;
}
.cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.cta-row .ep-q-btn{flex:1;min-width:180px}
.cb-card{
  display:flex;align-items:center;gap:14px;
  background:var(--q-yellow-l);border:1px solid var(--q-yellow);
  border-radius:var(--q-radius);padding:14px 16px;
}
.cb-card h4{margin:0 0 2px;font-size:13px;color:var(--q-navy)}
.cb-card p{margin:0;font-size:11px;color:#7a5c00;line-height:1.4}
.contact-out{padding:30px 20px;background:#fafafa;border-radius:var(--q-radius);border:1px solid var(--q-border)}
.contact-out h2{color:var(--q-navy);margin-bottom:10px}
.contact-out p{color:#3f4650;line-height:1.6}

/* ── MODAL ──────────────────────────────────────────────────── */
.ep-q-modal{
  position:fixed;inset:0;background:rgba(0,0,0,.55);
  display:none;align-items:center;justify-content:center;
  z-index:9999;padding:20px;
}
.ep-q-modal.show{display:flex}
.ep-q-modal-box{
  background:#fff;border-radius:14px;padding:32px 28px;
  max-width:480px;width:100%;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.ep-q-modal-icon{
  width:64px;height:64px;background:var(--q-green-bg);border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.ep-q-modal-box h3{font-size:18px;color:var(--q-navy);margin:0 0 10px}
.ep-q-modal-box p{font-size:13px;color:#3f4650;line-height:1.55;margin:0 0 12px}
.ep-q-modal-note{background:#fafafa;border-radius:6px;padding:8px 12px;font-size:11px;color:var(--q-muted)}
.ep-q-modal-close{
  background:transparent;border:none;color:var(--q-muted);font-size:12px;
  cursor:pointer;text-decoration:underline;padding:8px;
}
.ep-q-modal-close:hover{color:var(--q-navy)}

/* Highlighted TO field prompt (URL-param handoff) */
.field-highlight{border-color:var(--q-yellow) !important;box-shadow:0 0 0 3px rgba(247,183,41,.25) !important}
.field-highlight-label{
  background:var(--q-yellow-l);color:#7a5c00;border:1px solid var(--q-yellow);
  padding:6px 10px;border-radius:6px;font-size:11px;font-weight:600;
  margin-bottom:6px;transition:opacity .3s;
}

/* ── v0.15.75: callback, resume, time-of-day ─────────────────── */
.ep-q-talk{margin-top:22px;padding:18px 18px 16px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}
.ep-q-talk h4,.ep-q-modal-talk h4{margin:0 0 4px;font-size:17px;color:var(--ep-navy,#173c59)}
.ep-q-talk>p,.ep-q-modal-talk>p{margin:0 0 12px;font-size:14px;color:#4b5563}
.ep-q-modal-talk{text-align:left;margin:18px 0 14px;padding-top:16px;border-top:1px solid #e5e7eb}
.ep-q-talk-done{margin:0;color:#065f46;font-weight:600}
.ep-q-resume{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:0 0 16px;padding:14px 18px;border-radius:14px;background:#fff8e1;border:1px solid #f5d884}
.ep-q-resume-txt{font-size:15px;color:#1f2937}
.ep-q-resume-btns{display:flex;gap:8px;flex-wrap:wrap}