/* Reseller landing page and its admin list.
   Same paper/card/gold language as the rest of the site. Mobile-first: every
   interactive control is at least 44px tall, grids collapse to one column and
   no fixed left/right offset is used, so RTL works without a second sheet. */

.resellers{max-width:100%;padding-bottom:56px}

/* --- hero ---------------------------------------------------------------- */
.rs-hero{padding:54px 0 8px;max-width:900px}
.rs-hero h1{font-size:clamp(38px,5.6vw,62px);line-height:1.03;margin-bottom:16px;overflow-wrap:anywhere}
.rs-lede{font-size:17.5px;color:var(--muted);max-width:64ch;margin-bottom:24px}
.rs-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.rs-actions .btn{min-height:48px}

/* --- the three answers --------------------------------------------------- */
.rs-answers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:26px 0 8px}
.rs-answer{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0;box-shadow:var(--shadow)}
.rs-kicker{font-family:"Instrument Serif",Georgia,serif;font-size:14px;color:#8A6B0E;letter-spacing:.08em}
.rs-answer h2{font-size:23px;line-height:1.2;margin:6px 0 8px}
.rs-answer p{color:var(--muted);font-size:14px;margin:0}

/* --- the two blocks ------------------------------------------------------ */
.rs-block{margin-top:34px;padding:24px;border:1px solid var(--line);border-radius:20px;min-width:0}
.rs-block.now{background:#FBFDF9;border-color:#C9E3D4}
.rs-block.later{background:#F3EEE2;border-style:dashed}
.rs-block-head{max-width:76ch;margin-bottom:18px}
.rs-badge{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:6px 12px;border:1px solid;margin-bottom:10px;line-height:1.2}
.rs-badge.now{color:var(--good);border-color:#C9E3D4;background:#EFF7F1}
.rs-badge.later{color:#8A6B0E;border-color:var(--gold-soft);background:#FBF6E8}
.rs-block-head h2{font-size:clamp(28px,3.4vw,38px);line-height:1.08;margin-bottom:8px}
.rs-block-lede{color:var(--muted);font-size:15.5px;max-width:72ch;margin:0}

.rs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.rs-card{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--card);min-width:0}
.rs-card.off{background:#F7F3EA;border-color:var(--line-strong)}
.rs-card.wide{grid-column:1/-1}
.rs-card.wide p{max-width:80ch}
.rs-card h3{font-size:17px;line-height:1.3;margin-bottom:6px;overflow-wrap:anywhere}
.rs-card p{color:var(--muted);font-size:14px;margin:0 0 10px;overflow-wrap:anywhere}
.rs-card p:last-child{margin-bottom:0}
.rs-state{display:inline-block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#8A6B0E;background:#FBF6E8;border:1px solid var(--gold-soft);border-radius:999px;padding:3px 9px;margin-bottom:8px}
.rs-card-links{display:flex;gap:16px;flex-wrap:wrap}
.rs-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold);overflow-wrap:anywhere}

/* --- database counts ----------------------------------------------------- */
.rs-numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:18px}
.rs-numbers div{background:#F7F3EA;border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.rs-numbers b{display:block;font-family:"Instrument Serif",Georgia,serif;font-size:30px;font-weight:400;line-height:1.1;overflow-wrap:anywhere}
.rs-numbers span{font-size:12px;color:var(--muted);line-height:1.35;display:block}
.rs-note{margin-top:10px;max-width:88ch}

/* --- lead form ----------------------------------------------------------- */
.rs-lead{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;margin-top:38px;padding-top:30px;border-top:1px solid var(--line)}
.rs-lead-copy h2{font-size:clamp(28px,3.4vw,38px);line-height:1.1;margin-bottom:10px}
.rs-lead-copy p{color:var(--muted);max-width:58ch}
.rs-next-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin:20px 0 10px}
.rs-next{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.rs-next li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted);min-width:0}
.rs-next b{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:600}
.rs-form{padding:20px;min-width:0}
.rs-form label{display:block;font-size:12.5px;font-weight:600;margin-bottom:14px}
.rs-form input,.rs-form select,.rs-form textarea{
  width:100%;margin-top:6px;min-height:44px;padding:11px 13px;border-radius:10px;
  border:1px solid var(--line-strong);background:var(--card);color:var(--ink);
  font:400 15px/1.4 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;outline:none;
}
.rs-form textarea{min-height:104px;resize:vertical}
.rs-form input:focus,.rs-form select:focus,.rs-form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,22,26,.06)}
.rs-form label small{display:block;font-weight:400;color:var(--muted);margin-top:5px;font-size:11.5px}
.rs-form .btn{min-height:48px}
.rs-privacy{margin:12px 0 0}
.rs-hp{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.rs-thanks h2{font-size:26px;line-height:1.15;margin-bottom:8px}
.rs-thanks p{color:var(--muted)}
.rs-thanks .btn{margin-top:6px}
.rs-thanks-back{margin:12px 0 0;text-align:center}

/* --- admin leads table --------------------------------------------------- */
.lead-table .tr{grid-template-columns:132px minmax(120px,1fr) minmax(150px,1.1fr) minmax(150px,1.1fr) 110px 82px;gap:12px;font-size:13px}
.lead-table .tr.th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.lead-table .when,.lead-table .contact,.lead-table .site{overflow-wrap:anywhere}
.lead-table .tr>*{min-width:0}
.lead-table .contact a,.lead-table .site a{display:inline-block;padding-block:14px;margin-block:-14px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)}
.lead-table .svc small{display:block;margin-top:4px;color:var(--muted);font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}
.lead-table .pill{white-space:nowrap}

@media (max-width:960px){
  .rs-answers{grid-template-columns:1fr}
  .rs-grid{grid-template-columns:1fr}
  .rs-lead{grid-template-columns:1fr;gap:20px}
  .adminbar{flex-wrap:wrap;gap:6px 16px}
  .lead-table .tr{grid-template-columns:1fr 1fr;gap:6px 12px;padding:14px}
  .lead-table .tr.th{display:none}
  .lead-table .svc,.lead-table .site{grid-column:1/-1}
}

@media (max-width:560px){
  .rs-hero{padding-top:32px}
  .rs-block{padding:18px 16px;border-radius:16px}
  .rs-form{padding:16px}
  .rs-actions .btn{width:100%}
  .rs-numbers{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
  .rs-numbers b{font-size:26px}
}