/* Automated Publishers Shop, look A "Clean store" (Brian's pick, 2026-11-02): white, one blue, navy text; orange ONLY
   on "Start here" and Free. Inter; thin borders, faint shadow on the featured buy box only. No gradients or glows. v2 2026-11-02: icon tiles, a navy terminal for real tool output (brand ink, not the retired black), a number band, the stage path, bundle bars; terminal status colors are semantic. */
:root{--w:#FFFFFF;--g:#F6F8FD;--g2:#EEF2FF;--line:#E1E7F5;--line2:#CDD6F2;--ink:#10204A;--ink2:#2A3760;--gray:#47557A;
--acc:#2F5BFF;--acc-ink:#1E44D8;--acc-soft:#EEF2FF;--or:#FF7A45;--or-soft:#FFE6DA;--ok:#16A34A;
--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;background:var(--w);color:var(--ink2);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,label:focus-within{outline:2px solid var(--acc);outline-offset:2px}
h1,h2,h3{color:var(--ink);margin:0;letter-spacing:-.02em;text-wrap:balance}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.dim{color:var(--gray)}.small{font-size:13px;color:var(--gray)}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--w);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;gap:22px;height:66px}
.logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}
.shopword{font:700 13px/1 var(--sans);color:var(--gray);border-left:1px solid var(--line2);padding-left:9px}
.search{flex:1;max-width:440px}
.search input,.filters input{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font:400 15px var(--sans);background:var(--g);color:var(--ink)}
.top nav{display:flex;gap:22px;margin-left:auto}.top nav a{text-decoration:none;font-weight:600;font-size:15px}
.top nav a:hover{color:var(--acc-ink)}

/* buttons, pills */
.btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 20px;border-radius:10px;border:0;background:var(--acc);color:#FFFFFF;font:700 15px var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--acc-ink)}
.btn.ghost{background:var(--w);color:var(--ink);border:1px solid var(--line2)}.btn.ghost:hover{border-color:var(--ink)}
.btn.sm{height:34px;padding:0 13px;font-size:14px}.btn.wide{width:100%}
.btn.free{background:var(--or);color:var(--ink)}.btn.free:hover{background:#F5682F}
.btn[disabled]{background:var(--g2);color:var(--gray);cursor:not-allowed}
.pill{font:700 13px/1 var(--sans);color:var(--acc-ink);background:var(--acc-soft);border-radius:6px;padding:5px 8px;font-variant-numeric:tabular-nums;white-space:nowrap}
.pill.free{background:var(--or-soft);color:var(--ink)}
.badge{display:inline-block;font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:var(--or-soft);border-radius:6px;padding:5px 8px}
.new{font:600 12.5px/1 var(--sans);color:var(--gray)}

/* hero */
.hero{padding:52px 0 44px;background:var(--g)}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{font:900 clamp(38px,5.2vw,62px)/1.02 var(--sans);letter-spacing:-.035em}
.hero h1 span{color:var(--acc)}
.lede{font-size:18px;max-width:32em;margin:16px 0 0}
.cta{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.chips a{border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13.5px;color:var(--gray);text-decoration:none}
.chips a:hover{border-color:var(--ink);color:var(--ink)}
.proof{margin:20px 0 0;font-size:14.5px;color:var(--gray)}.proof b{color:var(--ink)}

/* the featured buy box (home) and the product buy box */
.feat,.buybox{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--w);box-shadow:0 8px 30px rgba(16,32,74,.06);display:flex;flex-direction:column;gap:10px}
.feat h3{font:800 22px/1.25 var(--sans)}.feat .by{font-size:13px;color:var(--gray)}.feat p{margin:0}
.trust{margin:4px 0 0;padding:0;list-style:none;font-size:14px;display:grid;gap:5px}
.trust li{padding-left:22px;position:relative}.trust li::before{content:"";position:absolute;left:2px;top:6px;width:10px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg)}
.buyrow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:6px}
.price{font:800 30px/1 var(--sans);color:var(--ink);font-variant-numeric:tabular-nums}

/* rows and cards */
.row{padding:28px 0 6px}
.rowhead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.rowhead h2{font:800 24px/1.15 var(--sans)}.rowhead .sub{font:500 15px var(--sans);color:var(--gray);margin-left:10px;letter-spacing:0}
.rowhead a{font-weight:600;color:var(--acc-ink);text-decoration:none;white-space:nowrap}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--w)}
.card:hover{border-color:var(--line2);box-shadow:0 4px 16px rgba(16,32,74,.06)}
.ctop{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.card h3{font:700 17px/1.3 var(--sans)}.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--acc-ink)}
.tl{margin:0;font-size:14.5px}
.cm{margin:0;font-size:13px;color:var(--gray);display:flex;gap:6px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:10px;margin-top:auto}
.cfoot{display:flex;justify-content:space-between;align-items:center;gap:10px}
.mk{font-size:13px;color:var(--gray)}
.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px}
.stg{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--g);border:1px solid var(--line);text-decoration:none}
.stg b{color:var(--ink)}.stg span{font-size:13.5px;color:var(--gray)}.stg:hover{border-color:var(--line2)}

/* bands */
.how,.maker{padding:40px 0 0}
.how h2,.maker h2{font:800 24px/1.15 var(--sans);margin-bottom:14px}
.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.how li{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:14px}
.how .n{font:700 13px/1 var(--mono);color:var(--acc-ink);margin-bottom:4px}
.news{margin:44px 0 0;background:var(--g);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.news .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:32px}
.news h2{font:800 26px/1.15 var(--sans);margin:0 0 6px}.news p{margin:0;max-width:40em}
.mcard{display:flex;gap:14px;align-items:flex-start;padding:18px;border:1px solid var(--line);border-radius:14px;max-width:640px}
.mcard p{margin:4px 0 0}.mcard.small{padding:14px}
.av{flex:none;width:44px;height:44px;border-radius:50%;background:var(--acc-soft);color:var(--acc-ink);font:800 15px/44px var(--sans);text-align:center}

/* browse */
.phead{padding:40px 0 8px}.phead h1{font:800 clamp(30px,4vw,44px)/1.05 var(--sans)}
.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:18px 0 10px}.filters input{max-width:360px}
.chip{height:36px;padding:0 14px;border-radius:18px;border:1px solid var(--line);background:var(--w);font:600 14px var(--sans);color:var(--ink);cursor:pointer}
.chip.on{background:var(--ink);border-color:var(--ink);color:#FFFFFF}

/* product page */
.crumbs{margin:22px 0 0;font-size:14px;color:var(--gray)}.crumbs a{color:var(--gray)}
.pgrid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;align-items:start;padding:12px 0 10px}
.pgrid h1{font:800 clamp(32px,4.4vw,48px)/1.05 var(--sans);letter-spacing:-.03em;margin-top:8px}
.pgrid h2{font:700 19px/1.25 var(--sans);margin:30px 0 10px}
.pgrid p{margin:0 0 8px}
.kicker{font:600 13px/1 var(--sans);color:var(--gray)}
.does{margin:0;padding-left:20px;display:grid;gap:6px}
.session{border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:100%}
.pgrid>div{min-width:0}
.session .q{background:var(--g);padding:12px 14px;font-size:14.5px;color:var(--ink)}
.session pre{margin:0;padding:14px;overflow-x:auto;font:500 12.5px/1.6 var(--mono);color:var(--ink2);background:var(--w)}
.session .n{padding:10px 14px;font-size:13px;color:var(--gray);border-top:1px solid var(--line)}
.inst{border:1px solid var(--line);border-radius:12px}
.inst input{position:absolute;opacity:0}
.inst .tabs{display:flex;border-bottom:1px solid var(--line)}
.inst label{padding:10px 14px;font-weight:600;font-size:14px;color:var(--gray);cursor:pointer}
.inst .pane{display:none;padding:14px}
#t1:checked~.tabs label[for=t1],#t2:checked~.tabs label[for=t2],#t3:checked~.tabs label[for=t3]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
#t1:checked~.p1,#t2:checked~.p2,#t3:checked~.p3{display:block}
.inst code,.ask{font:500 14px/1.6 var(--mono);color:var(--ink);background:var(--g);border-radius:8px;padding:10px 12px;display:block}
.inst ol{margin:0;padding-left:20px;display:grid;gap:6px}
.perm{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px}
.perm dt{font-weight:700;color:var(--ink)}.perm dd{margin:0}
.buybox{position:sticky;top:88px}
.buybox dl{margin:4px 0 0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:14px;border-top:1px solid var(--line);padding-top:12px}
.buybox dt{font-weight:700;color:var(--ink)}.buybox dd{margin:0}
blockquote{margin:0 0 12px;padding:12px 14px;border-left:3px solid var(--line2);background:var(--g)}
.bhero{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:40px;padding:40px 0 10px;align-items:start}
.bhero h1{font:800 clamp(34px,4.6vw,52px)/1.04 var(--sans);margin-top:8px}
.note{background:var(--g);border:1px solid var(--line);padding:12px 14px;border-radius:10px;margin-top:16px}

/* footer */
.foot{margin-top:56px;background:var(--g);border-top:1px solid var(--line);padding:36px 0 40px}
.foot .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px}.foot .h{font-weight:700;color:var(--ink);margin:0 0 8px}
.foot p{font-size:14px}

@media (max-width:900px){
  .top .wrap{flex-wrap:wrap;height:auto;padding-block:10px}.search{order:3;flex-basis:100%;max-width:none}.top nav{gap:16px}
  .hero .wrap,.how ol,.pgrid,.bhero,.foot .wrap{grid-template-columns:minmax(0,1fr)}
  .stages{grid-template-columns:repeat(2,minmax(0,1fr))}
  .buybox{position:static}.news .wrap{flex-direction:column;align-items:flex-start}
}

/* ---------- v2 ---------- */
.ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ic.xs{width:15px;height:15px;stroke-width:2}
.itile{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--acc-soft);color:var(--acc-ink);border:1px solid var(--line2)}
.itile.sm{width:34px;height:34px;border-radius:9px}.itile.sm .ic{width:18px;height:18px}
.itile.lg{width:64px;height:64px;border-radius:16px}.itile.lg .ic{width:32px;height:32px}
.eyebrow{display:inline-flex;align-items:center;gap:7px;margin:0 0 16px;font:600 13.5px/1 var(--sans);color:var(--acc-ink);background:var(--w);border:1px solid var(--line2);border-radius:999px;padding:7px 12px}
.ask{margin-top:24px;max-width:560px}
.ask label{display:block;font:600 14px var(--sans);color:var(--ink);margin-bottom:7px}
.ask div{display:flex;gap:8px;background:var(--w);border:1px solid var(--line2);border-radius:14px;padding:6px;box-shadow:0 6px 20px rgba(16,32,74,.07)}
.ask input{flex:1;min-width:0;border:0;outline:0;font:400 16px var(--sans);padding:0 10px;color:var(--ink);background:transparent}
.ask .btn{height:42px}
.show{min-width:0}
.term{background:var(--ink);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(16,32,74,.22);border:1px solid #1d2f63}
.term input{position:absolute;opacity:0;pointer-events:none}
.tbar{display:flex;align-items:center;gap:4px;padding:0 10px;background:#0c1a3d;border-bottom:1px solid #22356e;overflow-x:auto}
.tbar .dots{display:flex;gap:6px;margin-right:10px}.tbar .dots i{width:10px;height:10px;border-radius:50%;background:#2a3d78}
.tbar label{padding:12px 10px;font:600 13px var(--sans);color:#9fb0dc;cursor:pointer;white-space:nowrap}
.tp{display:none;padding:16px 18px 12px}
.tp .you{margin:0 0 10px;font:500 13.5px/1.5 var(--sans);color:#DCE5FF}
.tp .you span{font:700 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#8EA6FF;border-radius:5px;padding:4px 6px;margin-right:6px}
.tp .out{max-height:330px;overflow:auto;display:grid;gap:7px;font:500 12.5px/1.45 var(--mono);color:#C9D4F5}
.ln{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px}.ln b{color:#FFFFFF;font-weight:600}
.ln.raw{display:block;white-space:pre-wrap}
.stt{font:700 11px/1.7 var(--mono)}
.tp .ok{color:#4ADE80}.tp .bad{color:#FF8A8A}.tp .warn{color:#FBBF24}
.tp .tn{margin:10px 0 0;padding-top:10px;border-top:1px solid #22356e;font-size:12.5px;color:#9fb0dc}
.term.flat{box-shadow:none}
.cap{margin:10px 2px 0;font-size:13px;color:var(--gray)}
.band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--w)}
.band .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.st{display:flex;flex-direction:column;gap:4px;padding:22px 20px;border-left:1px solid var(--line)}.st:first-child{border-left:0;padding-left:0}
.st b{font:900 34px/1 var(--sans);color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.st span{font-size:13.5px;color:var(--gray);max-width:22em}
.works{display:flex;flex-wrap:wrap;gap:8px 22px;padding-block:16px 4px;font-size:14px;color:var(--gray)}
.wk{display:inline-flex;align-items:center;gap:7px}.wk .ic{color:var(--acc-ink)}
.filters .chip{height:34px}
.card{gap:10px;padding:18px 18px 14px}
.ctop{align-items:center;gap:12px}.cname{flex:1;min-width:0}
.cstage{display:block;font-size:12.5px;color:var(--gray);margin-top:2px}
.card .badge{align-self:flex-start}
.cstat{margin:0;display:flex;align-items:baseline;gap:8px;padding:10px 12px;background:var(--g);border-radius:10px}
.cstat b{font:900 24px/1 var(--sans);color:var(--acc-ink);font-variant-numeric:tabular-nums}
.cstat span{font-size:13px;color:var(--ink2);line-height:1.35}
.sbs{display:flex;flex-wrap:wrap;gap:6px}
.sb{display:inline-flex;align-items:center;gap:5px;font:600 12px/1 var(--sans);color:#166534;background:#ECFDF3;border:1px solid #BBF0D0;border-radius:999px;padding:5px 9px}
.go{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-weight:700;color:var(--acc-ink);text-decoration:none}
.cards.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative}
.path::before{content:"";position:absolute;left:8%;right:8%;top:27px;border-top:2px dashed var(--line2)}
.path li{position:relative;display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.node{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--w);border:2px solid var(--acc);color:var(--acc);margin-bottom:8px}
.step{font:700 11.5px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--acc-ink)}
.path b{font:800 19px/1.2 var(--sans);color:var(--ink)}
.pk{display:grid;gap:6px;margin-top:8px;width:100%}
.pk a{display:flex;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:600;font-size:14px;background:var(--w)}
.pk a span{color:var(--gray);font-weight:600}.pk a:hover{border-color:var(--acc)}
.acard{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;align-items:center;padding:22px;border:1px solid var(--line2);border-radius:16px;background:var(--w)}
.acard h3{font:800 20px/1.2 var(--sans)}.abuy{display:flex;flex-direction:column;gap:8px;align-items:stretch;text-align:center}
.bars{display:grid;gap:10px;margin-top:16px}
.bar{display:grid;grid-template-columns:96px minmax(0,1fr) 54px;align-items:center;gap:6px 12px;font-size:14px}
.bl{font-weight:600;color:var(--ink)}.track{height:14px;background:var(--g);border-radius:7px;overflow:hidden}
.bt{display:block;height:100%;background:var(--line2);border-radius:7px}.bar.acc .bt{background:var(--acc)}
.bar b{font:800 16px var(--sans);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.bs{grid-column:2/4;font-size:12.5px;color:var(--gray);margin-top:-4px}
.row.two{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
.inst.big .tabs label{padding:12px 16px}
.inst.big .pane{padding:16px}
#w1:checked~.tabs label[for=w1],#w2:checked~.tabs label[for=w2]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
#w1:checked~.p1,#w2:checked~.p2{display:block}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.steps li{display:flex;gap:12px;align-items:flex-start}.steps .ic{color:var(--acc-ink);margin-top:2px}
.steps b{display:block;color:var(--ink)}.steps span{font-size:14.5px}
.steps code{font:500 13px var(--mono);background:var(--g);border-radius:6px;padding:2px 6px}
.ups{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:14px}
.ups li{display:grid;grid-template-columns:86px auto minmax(0,1fr);gap:12px;align-items:center;padding:12px 14px;border-top:1px solid var(--line);font-size:14px}
.ups li:first-child{border-top:0}.ups a{font-weight:700;text-decoration:none}.ud{font-size:12.5px;color:var(--gray)}
.pill.vp{font-size:11.5px;padding:3px 6px}
.news .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:36px;align-items:center;padding-block:40px}
.ntext .btn{margin-top:16px}
.issue{background:var(--w);border:1px solid var(--line2);border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(16,32,74,.07);display:flex;flex-direction:column;gap:8px}
.issue .kicker{display:flex;align-items:center;gap:6px;color:var(--acc-ink)}.issue h3{font:800 19px/1.25 var(--sans)}.issue p{margin:0;font-size:14.5px}
.ex{display:grid;gap:6px;margin-top:4px;font:500 12.5px/1.4 var(--mono)}
.ex span{padding:7px 10px;border-radius:8px}.ex .bad{background:#FEF2F2;color:#991B1B;text-decoration:line-through}.ex .ok{background:#ECFDF3;color:#166534}
.mcard.wide{max-width:none;padding:22px}.mcard .kicker{margin-bottom:6px}
.facts{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}
.facts li{display:inline-flex;align-items:center;gap:6px}.facts .ic{color:var(--ok)}
.sort{margin-left:auto;font-size:14px;color:var(--gray);display:flex;align-items:center;gap:6px}
.sort select{height:36px;border:1px solid var(--line);border-radius:10px;padding:0 10px;font:500 14px var(--sans);color:var(--ink);background:var(--w)}
.phero{display:flex;gap:18px;align-items:center;margin-top:8px}.phero h1{margin-top:4px}
.pfacts{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:16px 0 10px}.pfacts .cstat{flex:0 1 auto}
.inside{border:1px solid var(--line);border-radius:12px;padding:14px}.inside p{margin:0 0 10px}
.inside ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.inside li{display:inline-flex;align-items:center;gap:6px;font:500 13px var(--mono);background:var(--g);border-radius:8px;padding:6px 9px;color:var(--ink)}
.norev{padding:14px;border:1px dashed var(--line2);border-radius:12px;color:var(--gray);margin:0}
.vh{list-style:none;padding:0;margin:0}.vh li{display:flex;gap:10px;flex-wrap:wrap;align-items:baseline}

@media (max-width:900px){
  .band .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.st:nth-child(3){border-left:0;padding-left:0}.st{padding:16px 14px}
  .path{grid-template-columns:repeat(2,minmax(0,1fr))}.path::before{display:none}
  .acard,.row.two,.news .wrap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:520px){
  .ask div{flex-direction:column}.ask .btn{width:100%}
  .path{grid-template-columns:minmax(0,1fr)}
  .st b{font-size:28px}
  .ups li{grid-template-columns:auto minmax(0,1fr)}.ups .ud{grid-column:1/3}
  .sort{margin-left:0}
}
