/* ============================================================
   SetuKit — a precision instrument for government file specs.
   Direction: quiet technical panel. The specifications are the
   subject, so they are set in mono and given real presence;
   everything around them stays disciplined and plain.
   ============================================================ */

:root{
  --void:#0C1116;        /* header, primary text — cool near-black */
  --paper:#F6F7F9;       /* canvas */
  --surface:#FFFFFF;
  --sunk:#EEF1F4;        /* wells, tracks, thumbnails */
  --line:#E2E6EB;
  --line-2:#CFD6DE;
  --ink:#0C1116;
  --ink-2:#5A6673;
  --ink-3:#8A95A1;
  --signal:#0B62D6;      /* the one interactive colour */
  --signal-2:#0A4FAC;
  --signal-w:#E8F0FC;
  --verify:#077A4B;      /* finished / verified only */
  --verify-w:#E4F3EC;
  --warn:#8A5A11;

  --display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --ui:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;

  --r:10px;              /* cards */
  --r-s:8px;             /* controls */
  --sh:0 1px 2px rgba(12,17,22,.05);
  --sh-2:0 8px 24px -8px rgba(12,17,22,.18);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--ui);font-size:15px;line-height:1.55;
  background:var(--paper);color:var(--ink);
  display:flex;flex-direction:column;overflow:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
button,select,input{font-family:inherit}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px;border-radius:4px}

/* ─────────────────────────────── header */
header{
  flex:0 0 auto;height:64px;display:flex;align-items:center;gap:14px;
  padding:0 22px;background:var(--void);color:#fff;position:relative;z-index:5;
}
header .logo{
  font-family:var(--display);font-size:26px;font-weight:700;letter-spacing:-.035em;
  background:linear-gradient(100deg,#fff 0%,#fff 38%,#7FB4FF 47%,#fff 56%,#fff 100%);
  background-size:280% 100%;-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  animation:wordmark-in .5s cubic-bezier(.2,.8,.3,1) both,
            shine 6.5s ease-in-out 1.2s infinite;
}
@keyframes wordmark-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes shine{
  0%,74%{background-position:180% 0}
  94%,100%{background-position:-80% 0}
}
header .tag{
  font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:.09em;
  text-transform:uppercase;color:#8FA0B1;
  border:1px solid #2A3641;border-radius:5px;padding:4px 8px;
  animation:wordmark-in .5s cubic-bezier(.2,.8,.3,1) .14s both;
}
header .now{
  font-family:var(--mono);font-size:12px;color:#9AA6B2;margin-left:auto;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.02em;
}
header button.back{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;align-items:center;gap:7px;
  background:#1A222B;border:1px solid #2C3742;color:#E8ECF0;
  border-radius:var(--r-s);padding:9px 16px 9px 12px;
  font-size:14px;font-weight:500;cursor:pointer;z-index:2;
  transition:background .12s,border-color .12s;
}
header button.back:hover{background:#243039;border-color:#3B4854}
header button.back[hidden]{display:none}
header button.back svg{flex:0 0 auto}

main{flex:1;overflow:auto}

/* ─────────────────────────────── home */
.home{max-width:1080px;margin:0 auto;padding:26px 22px 72px}


/* section labels */
.home h2{
  font-family:var(--mono);font-size:13.5px;font-weight:500;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);
  margin:40px 0 15px;display:flex;align-items:center;gap:13px;
}
.home h2::before{
  content:"";width:4px;height:17px;border-radius:2px;background:var(--signal);
  transform-origin:center;animation:tick 3.6s ease-in-out infinite;
}
.home h2::after{
  content:"";flex:1;height:2px;border-radius:1px;background:var(--line);
  transform-origin:left;animation:draw .7s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tick{0%,88%,100%{transform:scaleY(1)}94%{transform:scaleY(.55)}}

/* ── quick start: spec-led tiles (the signature) */
.quickbar{margin-bottom:2px}
.quickbar h2{margin-top:6px}
.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.qb{
  display:block;text-align:left;cursor:pointer;position:relative;
  background:linear-gradient(180deg,#FFFFFF 0%,#F3F7FE 100%);
  border:2px solid var(--signal);border-radius:12px;
  padding:20px 20px 19px;box-shadow:var(--sh);
  transition:box-shadow .14s,transform .14s;
}
.qb:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}
.qb .ico{
  width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:var(--signal);color:#fff;
}
.qb .ico svg{width:19px;height:19px}
.qb b{
  display:block;font-family:var(--display);font-size:20px;font-weight:700;
  letter-spacing:-.03em;color:var(--ink);margin-top:15px;line-height:1.18;
}
.qb s{
  display:block;text-decoration:none;font-family:var(--mono);
  font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:var(--signal);margin-top:9px;
}
/* a beacon that travels across the row, so it reads as one wave, not four alarms */
.qb::after{
  content:"";position:absolute;inset:-2px;border-radius:12px;pointer-events:none;
  box-shadow:0 0 0 0 rgba(11,98,214,.38);
  animation:beacon 3.4s ease-out infinite;
}
.qb:nth-child(2)::after{animation-delay:.4s}
.qb:nth-child(3)::after{animation-delay:.8s}
.qb:nth-child(4)::after{animation-delay:1.2s}
@keyframes beacon{
  0%   {box-shadow:0 0 0 0 rgba(11,98,214,.38)}
  55%  {box-shadow:0 0 0 14px rgba(11,98,214,0)}
  100% {box-shadow:0 0 0 0 rgba(11,98,214,0)}
}

/* ── PDF row */
.pdfbar{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.pb{
  display:block;text-align:left;cursor:pointer;position:relative;
  background:var(--surface);border:2px solid var(--line);border-radius:var(--r);
  padding:18px 18px 17px;box-shadow:var(--sh);
  transition:border-color .14s,box-shadow .14s,transform .14s;
}
.pb:hover{border-color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-2px)}
.pb .ico{
  width:32px;height:32px;border-radius:7px;display:grid;place-items:center;
  background:var(--sunk);color:var(--ink);
}
.pb .ico svg{width:18px;height:18px}
.pb b{
  display:block;font-family:var(--display);font-size:17.5px;font-weight:600;
  letter-spacing:-.02em;color:var(--ink);margin-top:11px;line-height:1.25;
}
.pb s{display:block;text-decoration:none;font-size:13px;color:var(--ink-2);margin-top:3px}

/* ── tool grid */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:11px}
.card{
  display:block;text-align:left;cursor:pointer;position:relative;
  background:var(--surface);border:2px solid var(--line);border-radius:var(--r);
  padding:18px 18px 17px;box-shadow:var(--sh);
  transition:border-color .14s,box-shadow .14s,transform .14s;
}
.card:hover{border-color:var(--ink);box-shadow:var(--sh-2);transform:translateY(-2px)}
.card .ico{width:32px;height:32px;border-radius:7px;display:grid;place-items:center;background:var(--sunk)}
.card .ico svg{width:18px;height:18px}
.card b{
  display:block;font-family:var(--display);font-size:17px;font-weight:600;
  letter-spacing:-.02em;margin-top:11px;line-height:1.25;
}
.card p{font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.45}
.g-q   .ico{color:#8A5A11}
.g-img .ico{color:var(--signal)}
.g-pdf .ico{color:var(--verify)}
.card.hide,.grid.hide,.home h2.hide{display:none}
.empty{font-size:14px;color:var(--ink-3);padding:8px 2px}

/* ── guides */
.reads{display:grid;grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:11px}
.read{
  display:block;background:var(--surface);border:2px solid var(--line);
  border-radius:var(--r);padding:17px 18px;text-decoration:none;box-shadow:var(--sh);
  transition:border-color .14s,box-shadow .14s,transform .14s;
}
.read:hover{border-color:var(--signal);box-shadow:var(--sh-2);transform:translateY(-2px)}
.read b{display:block;font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.read span{display:block;font-size:13px;color:var(--ink-2);margin-top:4px;line-height:1.45}

/* ─────────────────────────────── workspace */
.wrap{max-width:700px;margin:0 auto;padding:30px 22px 70px}
.steps{display:flex;flex-direction:column;gap:16px}
.step{display:grid;grid-template-columns:1fr;gap:0;position:relative}
.step .num{
  font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.13em;
  color:var(--ink-3);
}
.step > .body > h2{
  font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.02em;
  margin:2px 0 11px;
}
.step .body{min-width:0}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  box-shadow:var(--sh);padding:2px 18px}
.panel h3{
  font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-3);margin:0 0 12px;
}
.panel .sec{padding:17px 0;border-bottom:1px solid var(--line)}
.panel .sec:last-child{border-bottom:0}

/* dropzone */
.drop{
  border:1.5px dashed var(--line-2);border-radius:var(--r);background:var(--surface);
  padding:40px 22px;text-align:center;cursor:pointer;color:var(--ink-2);box-shadow:var(--sh);
  transition:border-color .14s,background .14s;
}
.drop:hover,.drop.over{border-color:var(--signal);background:var(--signal-w)}
.drop b{display:block;font-family:var(--display);font-size:18px;font-weight:600;
  letter-spacing:-.02em;color:var(--ink)}
.drop span{font-family:var(--mono);font-size:12px;display:block;margin-top:10px;
  line-height:1.7;color:var(--ink-3)}
.drop input{display:none}

/* file strip */
.strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.item{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden;position:relative;box-shadow:var(--sh)}
.item .pv{aspect-ratio:3/4;background:var(--sunk) center/contain no-repeat;display:block}
.item .lb{padding:10px 11px;font-size:13px;line-height:1.4;border-top:1px solid var(--line)}
.item .lb .n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.item .lb .d{font-family:var(--mono);font-size:11px;color:var(--ink-3);margin-top:3px}
.item .tools{position:absolute;top:7px;right:7px;display:flex;gap:6px}
.item .tools button{
  width:34px;height:34px;border:0;border-radius:9px;background:rgba(12,17,22,.82);
  color:#fff;font-size:16px;line-height:1;cursor:pointer;
  box-shadow:0 2px 6px rgba(0,0,0,.3);transition:background .12s;
}
.item .tools button:hover{background:var(--signal)}
.item.off{opacity:.35}
.item .badge{position:absolute;top:7px;left:7px;background:var(--void);color:#fff;
  font-family:var(--mono);font-size:10px;padding:3px 7px;border-radius:5px}

.addmore{margin-top:13px;background:var(--surface);border:1px dashed var(--line-2);
  color:var(--ink-2);border-radius:var(--r-s);padding:12px 18px;font-size:14.5px;
  cursor:pointer;font-weight:500;transition:border-color .12s,color .12s}
.addmore:hover{border-color:var(--signal);color:var(--signal)}

/* crop stage */
.cropwrap{position:relative;display:inline-block;max-width:100%;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;line-height:0;box-shadow:var(--sh)}
.cropwrap img{max-width:100%;display:block;user-select:none;-webkit-user-drag:none}
.cropbox{position:absolute;border:1.5px solid var(--signal);
  box-shadow:0 0 0 9999px rgba(12,17,22,.5);cursor:move}
.cropbox .hz{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;
  background:var(--signal);border:2px solid #fff;border-radius:4px;cursor:nwse-resize}

/* fields */
.f{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}
.f:last-child{margin-bottom:0}
.f label{font-size:14.5px;color:var(--ink)}
select,input[type=text],input[type=number]{
  font-family:var(--mono);font-size:13.5px;padding:9px 11px;
  border:1px solid var(--line-2);border-radius:var(--r-s);
  background:var(--surface);color:var(--ink);width:158px;
  transition:border-color .12s,box-shadow .12s;
}
select:focus,input:focus{border-color:var(--signal);box-shadow:0 0 0 3px var(--signal-w);outline:none}
input[type=number]{width:92px;text-align:right}
input[type=text].wide,select.wide{width:100%;max-width:100%}
input[type=range]{width:158px;accent-color:var(--signal)}
.chk{display:flex;align-items:center;gap:10px;margin-bottom:11px;cursor:pointer;font-size:14.5px}
.chk:last-child{margin-bottom:0}
.chk input{accent-color:var(--signal);width:16px;height:16px;cursor:pointer}
.hint{font-size:13px;color:var(--ink-2);line-height:1.6;margin-top:11px}
.hint.alert{color:var(--warn)}
.btnrow{display:flex;gap:8px;flex-wrap:wrap}
.btnrow button{
  flex:1;min-width:72px;border:1px solid var(--line-2);background:var(--surface);
  border-radius:var(--r-s);padding:11px 8px;font-size:14px;cursor:pointer;color:var(--ink);
  transition:border-color .12s,background .12s;
}
.btnrow button:hover{border-color:var(--ink-2);background:var(--sunk)}
.btnrow button.on{background:var(--void);color:#fff;border-color:var(--void)}

/* meter */
.meter{margin-top:14px}
.meter .bar{height:6px;border-radius:4px;background:var(--sunk);overflow:hidden}
.meter .bar i{display:block;height:100%;background:var(--verify);transition:width .2s}
.meter .bar i.over{background:#B03A26}
.meter .rd{display:flex;justify-content:space-between;font-family:var(--mono);
  font-size:12.5px;color:var(--ink-3);margin-top:7px}
.meter .rd b{color:var(--ink);font-weight:500;font-variant-numeric:tabular-nums}

/* run + output */
.act{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:17px 18px;box-shadow:var(--sh)}
.act .st{font-family:var(--mono);font-size:12.5px;color:var(--ink-3);
  min-height:18px;margin-bottom:12px}
.act .st.busy{color:var(--signal)}
.act .st.done{color:var(--verify)}
button.go{
  width:100%;padding:15px;border:0;border-radius:var(--r-s);
  background:var(--signal);color:#fff;font-family:var(--display);
  font-size:16.5px;font-weight:600;letter-spacing:-.01em;cursor:pointer;
  transition:background .12s;
}
button.go:hover{background:var(--signal-2)}
button.go:disabled{background:var(--sunk);color:var(--ink-3);cursor:not-allowed}
button.dl{
  width:100%;margin-top:10px;padding:14px;border:0;border-radius:var(--r-s);
  background:var(--verify);color:#fff;font-family:var(--display);
  font-size:16px;font-weight:600;cursor:pointer;transition:filter .12s;
}
button.dl:hover{filter:brightness(1.08)}
.outlist{margin-top:11px;max-height:190px;overflow:auto}
.outlist a{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);
  font-size:12.5px;color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:var(--r-s)}
.outlist a:hover{background:var(--sunk)}
.outlist a s{text-decoration:none;color:var(--ink-3)}

/* progress */
.prog{height:4px;border-radius:3px;background:var(--sunk);overflow:hidden;
  margin-bottom:12px;opacity:0;transition:opacity .15s}
.prog.on{opacity:1}
.prog i{display:block;height:100%;width:36%;border-radius:3px;background:var(--signal);
  animation:slide 1.05s ease-in-out infinite}
.prog.done i{width:100%;background:var(--verify);animation:none}
@keyframes slide{0%{margin-left:-38%}100%{margin-left:102%}}

/* collapsed advanced options */
.more{border-top:1px solid var(--line);margin:0 -18px;padding:0 18px}
.more[open]{padding-bottom:6px}
.more > summary{list-style:none;cursor:pointer;padding:14px 0;font-size:13.5px;
  font-weight:500;color:var(--signal);display:flex;align-items:center;gap:8px}
.more > summary::-webkit-details-marker{display:none}
.more > summary::before{
  content:"+";font-family:var(--mono);font-size:14px;line-height:1;
  width:18px;height:18px;border:1px solid var(--line-2);border-radius:5px;
  display:grid;place-items:center;color:var(--ink-2);
}
.more[open] > summary::before{content:"–"}
.more .sec:first-of-type{padding-top:0}

/* footer */
.sitefoot{
  flex:0 0 auto;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;
  padding:15px 22px;background:var(--surface);border-top:1px solid var(--line);
}
.sitefoot a{font-size:13px;color:var(--ink-3);text-decoration:none}
.sitefoot a:hover{color:var(--signal)}

/* ─────────────────────────────── wide: three columns */
@media (min-width:1000px){
  .wrap{max-width:1160px;padding:30px 24px 60px}
  .steps{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:22px;align-items:start}
  .strip{grid-template-columns:repeat(auto-fill,minmax(146px,1fr))}
  .act{position:sticky;top:18px}
}
@media (min-width:1400px){.wrap{max-width:1280px}}

/* ─────────────────────────────── narrow */
@media (max-width:900px){
  .pdfbar{grid-template-columns:none;grid-auto-flow:column;
    grid-auto-columns:minmax(160px,1fr);overflow-x:auto;
    scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .pb{scroll-snap-align:start}
}
@media (max-width:640px){
  header{padding:0 15px;gap:10px}
  header .tag,header .now{display:none}
  header button.back{position:static;transform:none;margin-left:auto}
  .home{padding:24px 16px 56px}
  .wrap{padding:20px 16px 60px}
  .panel{padding:2px 15px}
  .more{margin:0 -15px;padding:0 15px}
  .f{flex-wrap:wrap}
  select,input[type=text],input[type=number],input[type=range]{width:100%}
  input[type=number]{width:118px}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none!important;animation:none!important}
  .prog i{width:100%}
  header .logo{-webkit-text-fill-color:#fff;color:#fff}
}




/* ===== motion for every tile: staggered entrance + a real hover lift ===== */
@keyframes rise{
  from{opacity:0;transform:translateY(14px)}
  to  {opacity:1;transform:none}
}
.quick > *,.pdfbar > *,.grid > *,.reads > *{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}
.quick > :nth-child(1),.pdfbar > :nth-child(1),.grid > :nth-child(1),.reads > :nth-child(1){animation-delay:.02s}
.quick > :nth-child(2),.pdfbar > :nth-child(2),.grid > :nth-child(2),.reads > :nth-child(2){animation-delay:.06s}
.quick > :nth-child(3),.pdfbar > :nth-child(3),.grid > :nth-child(3),.reads > :nth-child(3){animation-delay:.10s}
.quick > :nth-child(4),.pdfbar > :nth-child(4),.grid > :nth-child(4),.reads > :nth-child(4){animation-delay:.14s}
.quick > :nth-child(5),.pdfbar > :nth-child(5),.grid > :nth-child(5),.reads > :nth-child(5){animation-delay:.18s}
.quick > :nth-child(n+6),.pdfbar > :nth-child(n+6),.grid > :nth-child(n+6),.reads > :nth-child(n+6){animation-delay:.22s}

.qb,.pb,.card,.read{transition:border-color .16s,box-shadow .16s,transform .16s}
.qb:hover,.pb:hover,.card:hover,.read:hover{transform:translateY(-4px)}
.qb .ico,.pb .ico,.card .ico{transition:transform .16s,background .16s,color .16s}
.qb:hover .ico,.pb:hover .ico,.card:hover .ico{transform:scale(1.12)}
.pb:hover .ico,.card:hover .ico{background:var(--signal-w);color:var(--signal)}

@media (prefers-reduced-motion:reduce){
  .quick > *,.pdfbar > *,.grid > *,.reads > *{animation:none}
  .home h2::before,.home h2::after,header .logo,.qb::after{animation:none}
  header .logo{-webkit-text-fill-color:#fff;color:#fff}
}


/* ===== the one cross-sell line — under the finished download ===== */
.crm{
  display:block;margin-top:14px;padding:13px 15px;text-decoration:none;
  background:var(--sunk);border:1px solid var(--line);border-left:3px solid var(--verify);
  border-radius:var(--r-s);transition:border-color .13s,background .13s;
}
.crm:hover{background:#E8EDF2;border-color:var(--line-2);border-left-color:var(--verify)}
.crm-k{display:block;font-size:13.5px;font-weight:600;color:var(--ink)}
.crm-v{display:block;font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.45}
.crm::after{content:" →";font-size:12.5px;color:var(--verify);font-weight:600}


/* exam tiles share the quick-tile shape but sit in a calmer key —
   they are seasonal, so they should not compete with the daily jobs */
.qb-exam{
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F7F4 100%);
  border-color:var(--verify);
}
.qb-exam .ico{background:var(--verify)}
.qb-exam s{color:var(--verify)}
.qb-exam::after{animation:none;box-shadow:none}


/* ===== tool page: the indexable explanation under the tool itself ===== */
.toolinfo{
  max-width:700px;margin:0 auto;padding:8px 22px 64px;
}
.toolinfo h1{
  font-family:var(--display);font-size:clamp(23px,3.2vw,29px);font-weight:600;
  letter-spacing:-.03em;line-height:1.22;margin-bottom:16px;
}
.toolinfo table{
  width:100%;border-collapse:collapse;margin:0 0 20px;background:var(--surface);
  border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:14.5px;
}
.toolinfo th{background:var(--void);color:#fff;text-align:left;padding:10px 14px;
  font-size:12.5px;font-weight:600;letter-spacing:.02em}
.toolinfo td{padding:10px 14px;border-top:1px solid var(--line)}
.toolinfo td:first-child{font-weight:600;width:42%}
.toolinfo td:last-child{font-family:var(--mono);font-size:13.5px}
.toolinfo p{font-size:16px;line-height:1.65;color:var(--ink-2);margin-bottom:14px}
.toolinfo p strong,.toolinfo p em{color:var(--ink)}
.toolinfo a{color:var(--signal)}
.toolinfo .back-home{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
@media (min-width:1000px){.toolinfo{max-width:1160px;padding:8px 24px 64px}}
@media (max-width:640px){.toolinfo{padding:4px 16px 52px}}