

.en-downloads .pagehead{
  padding:calc(var(--hdr) + clamp(30px,4vw,52px)) 0 0;background:none;
}
.en-downloads .pagehead .wrap{
  max-width:var(--maxw);margin:0 auto;
  padding-left:clamp(18px,3vw,34px);padding-right:clamp(18px,3vw,34px);
}
.en-downloads .pagehead .eyebrow{
  font:500 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--acc);margin-bottom:13px;
}
.en-downloads .pagehead .eyebrow::before{content:none}
.en-downloads .pagetitle{
  margin:0;max-width:18ch;
  font:500 clamp(28px,3.4vw,42px)/1.14 var(--serif);
  letter-spacing:-.016em;color:var(--ink);
}
.en-downloads .pagesub{
  margin:16px 0 0;max-width:56ch;
  font:400 17px/1.62 var(--sans);color:var(--mid);
}

.en-downloads .dlwrap{
  max-width:var(--maxw);margin:0 auto;
  padding:clamp(26px,3vw,40px) clamp(18px,3vw,34px) clamp(46px,5vw,72px);
  display:grid;gap:clamp(16px,2vw,24px);
  grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;
}

.en-downloads .dlcard{
  display:block;
  position:relative;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:clamp(22px,2.6vw,30px);
  box-shadow:0 1px 2px rgba(14,24,29,.04), 0 20px 44px -34px rgba(14,24,29,.5);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.en-downloads .dlcard h2{
  margin:0 0 8px;font:500 24px/1.2 var(--serif);
  letter-spacing:-.012em;color:var(--ink);
}
.en-downloads .dlcard .meta,
.en-downloads .dlcard p{
  margin:0 0 18px;font:400 14.5px/1.62 var(--sans);color:var(--mid);
}

.en-downloads .dlbtn{
  display:block;text-align:center;text-decoration:none;
  padding:15px 18px;border-radius:9px;
  background:var(--acc-fill);color:#fff;font:500 14.5px/1 var(--sans);
  transition:background .18s ease, transform .12s ease;
}

.en-downloads .dlbtn:hover{background:#0a6d42}
.en-downloads .dlbtn:active{transform:translateY(1px)}
.en-downloads .dlbtn:focus-visible{outline:2px solid var(--acc);outline-offset:3px}


.en-downloads .dlcard.yours{
  border-color:var(--acc-fill);
  box-shadow:0 0 0 1px var(--acc-fill), 0 24px 48px -32px rgba(14,24,29,.55);
}
.en-downloads .dl-you{
  position:absolute;top:-10px;left:clamp(22px,2.6vw,30px);
  padding:4px 10px;border-radius:100px;background:var(--acc-fill);color:#fff;
  font:600 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
}

.en-downloads .dlcard:not(.yours) .dlbtn{
  background:#fff;color:var(--ink-2);border:1px solid var(--line);
}
.en-downloads .dlcard:not(.yours) .dlbtn:hover{
  border-color:var(--acc-fill);color:var(--acc);background:var(--paper-2);
}


.en-downloads .dl-warn{
  grid-column:1 / -1;margin:6px 0 0;padding:16px 18px;border-radius:9px;
  background:rgba(207,140,44,.12);border-left:3px solid #8a5514;
}
.en-downloads .dl-warn b{
  display:block;margin-bottom:5px;
  font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:#8a5514;
}
.en-downloads .dl-warn p{
  margin:0 0 8px;font:400 14.5px/1.66 var(--sans);color:#7a5320;
}
.en-downloads .dl-warn p:last-child{margin-bottom:0}
.en-downloads .dl-warn i{font-style:normal;font-weight:500;color:#5f3f14}


.en-downloads .dl-nextholder{
  max-width:var(--maxw);margin:0 auto;
  padding:0 clamp(18px,3vw,34px) clamp(46px,5vw,72px);
}
.en-downloads .dl-next{
  grid-column:1 / -1;margin:4px 0 0;padding:20px 0 0;
  border-top:1px solid var(--line-2);
}
.en-downloads .dl-next b{
  display:block;margin-bottom:8px;
  font:600 10.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;
  color:var(--acc);
}
.en-downloads .dl-next p{
  margin:0;max-width:64ch;font:400 15px/1.62 var(--sans);color:var(--ink-2);
}
.en-downloads .dl-next ol{
  margin:12px 0 0;padding:0 0 0 22px;max-width:64ch;
  font:400 15px/1.62 var(--sans);color:var(--mid);
}
.en-downloads .dl-next li{margin:0 0 6px}
.en-downloads .dl-next li:last-child{margin-bottom:0}
.en-downloads .dl-next li::marker{color:var(--acc);font-weight:600}
.en-downloads .dl-next code{
  font:500 13.5px/1.5 var(--mono);color:var(--ink);
  background:var(--paper-2);padding:1px 5px;border-radius:4px;
  border:1px solid var(--line-2);
}

.en-downloads #logout-btn{
  appearance:none;cursor:pointer;background:none;
  border:1px solid var(--line);border-radius:100px;padding:8px 15px;
  font:500 12px/1 var(--mono);letter-spacing:.06em;color:var(--mid);
}
.en-downloads #logout-btn:hover{border-color:var(--acc-fill);color:var(--acc)}

@media(max-width:820px){
  .en-downloads .dlwrap{grid-template-columns:1fr}
}


.en-downloads .dlcard.dl-acct{
  grid-column:1 / -1;background:var(--paper-2);
  box-shadow:none;border-style:dashed;
}
.en-downloads .dlcard.dl-acct .dlbtn{
  display:inline-block;background:#fff;color:var(--ink-2);
  border:1px solid var(--line);
}
.en-downloads .dlcard.dl-acct .dlbtn:hover{
  border-color:var(--acc-fill);color:var(--acc);
}
.en-downloads .dlnote,
.en-downloads .dlout{
  grid-column:1 / -1;margin:0;
  font:400 15px/1.6 var(--sans);color:var(--dim);
}
.en-downloads .dlnote a{
  color:var(--acc);font-weight:500;text-decoration:none;
  border-bottom:1px solid rgba(14,132,80,.35);
}


@media (prefers-reduced-motion: reduce){
  .en-downloads .dlbtn:active{transform:none}
}
