/* KB_EXP: /exporters stepper – phone first */
.exp{display:grid;gap:14px;max-width:760px}
.exp-card{background:var(--card,#fff);border:1px solid var(--line,#e2e8f0);border-radius:16px;padding:16px;min-width:0}
.exp-h2{font-size:1.15rem;margin:0 0 4px}
.exp-count{margin:0 0 8px;font-weight:600}
.exp-bar{height:8px;border-radius:99px;background:var(--line,#e2e8f0);overflow:hidden}
.exp-bar span{display:block;height:100%;width:0;background:#16a34a;border-radius:99px;transition:width .3s}
.exp-act{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.exp-act .btn{flex:1 1 220px;justify-content:center;text-align:center;white-space:normal}
.exp-draft{margin-top:10px;border-top:1px solid var(--line,#e2e8f0);padding-top:10px}
.exp-draft summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.exp-f{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
@media(min-width:600px){.exp-f{grid-template-columns:1fr 1fr}}
.exp-f label{display:grid;gap:4px;font-size:.9rem;font-weight:600;min-width:0}
.exp-f input,.exp-f select{font:inherit;font-weight:400;font-size:16px;padding:10px 12px;border:1px solid var(--line,#cbd5e1);border-radius:10px;width:100%;box-sizing:border-box;min-width:0;background:var(--bg,#fff);color:inherit}
.exp-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.exp-sh{display:flex;gap:12px;align-items:flex-start}
.exp-n{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:700;background:#eef2ff;color:#4338ca}
.exp-st{min-width:0}
.exp-h3{font-size:1.05rem;margin:4px 0 4px;overflow-wrap:break-word;hyphens:manual;word-break:normal}
.exp-st p{margin:0;font-size:.92rem}
.exp-tools{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media(min-width:600px){.exp-tools{grid-template-columns:repeat(3,1fr)}}
.exp-tool{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border:1px solid var(--line,#e2e8f0);border-radius:12px;text-decoration:none;color:inherit;font-weight:600;min-width:0}
.exp-tool:hover,.exp-tool:focus-visible{border-color:#6366f1}
.exp-tool .badge{flex:0 0 auto;min-width:34px;height:34px;padding:0 4px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:.72rem;font-weight:700;box-sizing:border-box}
.exp-tn{min-width:0;overflow-wrap:break-word;word-break:normal}
.exp-also{margin:10px 0 0;font-size:.9rem;line-height:1.7}
.exp-done{display:flex;align-items:center;gap:8px;margin-top:10px;min-height:44px;font-weight:600;cursor:pointer}
.exp-done input{width:22px;height:22px;accent-color:#16a34a}
.exp-step.is-done{border-color:#86efac;background:linear-gradient(0deg,rgba(22,163,74,.05),rgba(22,163,74,.05)),var(--card,#fff)}
.exp-step.is-done .exp-n{background:#16a34a;color:#fff}
.exp-step.is-cur{border-color:#6366f1;box-shadow:0 0 0 2px rgba(99,102,241,.25)}
.exp-step{scroll-margin-top:80px}
.exp-docs:empty{display:none}
.exp-priv{margin:4px 0 0}
/* KB_EXP: the lead says progress stays on this device – show it whole, no 2-line clamp on phones */
.hero-tool .lead.exp-lead,.exp-lead{display:block;-webkit-line-clamp:unset;overflow:visible}
/* KB_EXPFIND: step 1 "Find products & suppliers" – big, first, search box right there */
.exp-find{border:2px solid #0284c7;background:linear-gradient(180deg,#f0f9ff,var(--card,#fff) 140px);padding:18px}
.exp-find .exp-n{background:#0284c7;color:#fff;flex-basis:40px;height:40px;font-size:1.1rem}
.exp-find-h{font-size:1.3rem}
.exp-find .exp-tools{margin-top:14px}
/* desktop: use the page width (no narrow column), steps 2-10 in two columns */
@media(min-width:1000px){
  .exp{max-width:none}
  .exp-steps{grid-template-columns:1fr 1fr;align-items:start}
  .exp-steps .exp-tools{grid-template-columns:1fr 1fr}
  .exp-find{padding:24px 28px}
  .exp-find-h{font-size:1.55rem}
  .exp-prog .exp-act .btn{flex:0 1 auto}
}