/* second story — seller.css (Batch 6): seller site + seller app */
.ph{padding-block:var(--s5) var(--s4)}.ph h1{margin-top:.6rem}
.btn--sm{padding:.6rem 1rem}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s4)}
.cols3>div{border-top:1px solid var(--ink);padding-top:1rem}.cols3 p{margin-top:.5rem;opacity:.75}
.steps5{counter-reset:s;display:grid}
.steps5>div{display:grid;grid-template-columns:5rem 1fr 1.4fr;gap:1rem;padding-block:1.4rem;border-top:1px solid var(--ink);align-items:baseline}
.steps5>div:last-child{border-bottom:1px solid var(--ink)}
.steps5>div::before{counter-increment:s;content:"0" counter(s);font:500 .7rem var(--f-mono);color:var(--acc)}
.steps5 p{opacity:.75;font-size:.92rem}
.rules{counter-reset:r;display:grid;gap:0;max-width:880px}
.rules li{list-style:none;counter-increment:r;display:grid;grid-template-columns:4rem 1fr;padding-block:1.1rem;border-top:1px solid rgba(255,250,247,.22)}
.rules li::before{content:counter(r,decimal-leading-zero);font:500 .7rem var(--f-mono);color:var(--acc);padding-top:.25rem}
.rules b{font-weight:700}.rules span{opacity:.75}
.need{display:flex;gap:1rem;flex-wrap:wrap}.need span{border:1px solid var(--ink);padding:.7rem 1.1rem;font:500 .7rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.note{border:1px dashed var(--ink);padding:1.2rem;max-width:60ch}
.cta{text-align:center;display:grid;gap:1.6rem;justify-items:center}.cta h2{font-size:clamp(2.6rem,8vw,7rem);line-height:.86;max-width:12ch}
/* app */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;margin-bottom:var(--s4)}
.stat{border:1px solid var(--line);padding:1.2rem}.stat b{display:block;font:700 2.4rem/1 var(--f-display);text-transform:var(--case);margin-top:.5rem}
.bn{background:#000;color:var(--paper);padding:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:var(--s3)}
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{font:500 .64rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--ink)}
.tbl td{padding:.9rem .6rem;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl img,.tbl .th{width:44px;height:58px;object-fit:cover;background:rgba(0,0,0,.1);display:block}
.pill2{font:500 .62rem var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);padding:.2rem .5rem;white-space:nowrap}
.pill2.live{background:#000;color:var(--paper)}
.tblwrap{overflow-x:auto}
.h3s{margin:var(--s4) 0 var(--s2)}
.stepper{display:flex;gap:.4rem;margin-bottom:var(--s4);font:500 .64rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase}
.stepper span{flex:1;border-top:2px solid var(--line);padding-top:.6rem;opacity:.5}.stepper .on{border-color:var(--ink);opacity:1}
.nl{max-width:720px}.nl .field select,.nl .field textarea{width:100%;padding:.9rem 1rem;border:1px solid var(--line);background:transparent;font:inherit}
.hint{font-size:.82rem;opacity:.65;margin-top:.3rem}
.drop{border:1px dashed var(--ink);padding:1.4rem;display:grid;gap:.6rem;margin-bottom:var(--s3)}
.previews{display:flex;gap:.5rem;flex-wrap:wrap}.previews img{width:72px;height:96px;object-fit:cover}
.nl__nav{display:flex;justify-content:space-between;gap:1rem;margin-top:var(--s3)}
@media (max-width:980px){.cols3,.stats{grid-template-columns:1fr 1fr}.steps5>div{grid-template-columns:3rem 1fr}.steps5 p{grid-column:2}}
@media (max-width:560px){.cols3,.stats{grid-template-columns:1fr}}
details{border-top:1px solid var(--line);padding:1rem 0}details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font:700 1.3rem var(--f-display);text-transform:var(--case);list-style:none;display:flex;justify-content:space-between;gap:1rem}
summary::after{content:"+";transition:transform .3s}details[open] summary::after{transform:rotate(45deg)}details>div{padding-top:.8rem;max-width:62ch;opacity:.8}