@font-face{
  font-family:"Amiri";
  src:url("../assets/fonts/AmiriRegular.woff2") format("woff2");
  font-display:swap
}
:root{
  --red:#9d3b34;--red-dark:#7f2824;--gold:#b58a45;--ivory:#fbf7ef;--paper:#fffdf9;
  --ink:#2c241f;--muted:#76695d;--line:#eadcc4;--shadow:0 18px 55px rgba(70,43,22,.11)
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{
  margin:0;min-height:100svh;color:var(--ink);
  background:radial-gradient(circle at 50% -10%,rgba(181,138,69,.16),transparent 38rem),var(--ivory);
  font-family:"Amiri","Noto Naskh Arabic","Segoe UI",serif;line-height:1.75
}
html[dir="ltr"] body{line-height:1.6}
a{color:inherit}
.download-shell{width:min(950px,calc(100% - 28px));margin:auto;padding:max(18px,env(safe-area-inset-top)) 0 calc(36px + env(safe-area-inset-bottom))}
.download-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.back-link{text-decoration:none;color:var(--red-dark);font-weight:700}
.lang-toggle{border:1px solid var(--line);background:#fff;color:var(--red-dark);border-radius:999px;padding:8px 16px}
.release-card{
  display:grid;grid-template-columns:300px 1fr;gap:36px;align-items:center;background:#fff;border:1px solid var(--line);
  border-radius:28px;padding:32px;box-shadow:var(--shadow)
}
.cover-wrap{perspective:1000px;padding:12px}
.cover-wrap img{width:100%;border-radius:7px;box-shadow:18px 18px 38px rgba(57,30,20,.2);transform:rotateY(-8deg)}
html[dir="ltr"] .cover-wrap img{transform:rotateY(8deg)}
.eyebrow{color:var(--gold);font-weight:700;margin:0 0 4px}
h1,h2{color:var(--red-dark);line-height:1.25}
h1{font-size:clamp(2.2rem,5vw,3.6rem);margin:0}
.lead{color:var(--muted);font-size:1.08rem;margin:12px 0 20px}
.version-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);margin-bottom:14px}
.version-row strong{color:var(--red-dark);font-size:1.15rem}
.release-date{margin-inline-start:auto}
.download-btn{
  display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:12px 18px;border-radius:15px;
  background:var(--red);color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem;box-shadow:0 10px 28px rgba(157,59,52,.2)
}
.download-btn small{font-size:.8rem;opacity:.85}
.download-btn.disabled{opacity:.55;pointer-events:none}
.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.meta-grid>div{border:1px solid var(--line);border-radius:13px;padding:11px 13px;min-width:0}
.meta-grid span,.meta-grid strong{display:block}
.meta-grid span{color:var(--muted);font-size:.85rem}
.meta-grid strong{color:var(--ink)}
.meta-grid code{font:12px/1.5 Consolas,monospace;overflow-wrap:anywhere;direction:ltr;display:block}
.ready{color:#397548!important}
.info-card{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px}
.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.section-title h2,.info-card h2{margin:0 0 8px;font-size:1.7rem}
.badge{background:#f5ead8;color:var(--red-dark);border-radius:999px;padding:5px 10px;font-size:.8rem}
.changelog{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:11px}
.changelog li{position:relative;padding-inline-start:26px;color:var(--muted)}
.changelog li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--red);font-weight:800}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.steps{padding-inline-start:22px;color:var(--muted)}
.steps li{margin:7px 0}
.info-card p{color:var(--muted)}
.privacy-link{color:var(--red);font-weight:700}
footer{display:flex;justify-content:space-between;gap:20px;padding:26px 4px 0;color:var(--muted)}
footer a{color:var(--red-dark);text-decoration:none;font-weight:700}
@media(max-width:760px){
  .release-card{grid-template-columns:1fr;padding:22px;text-align:center}
  .cover-wrap{width:min(230px,70vw);margin:auto}
  .version-row{justify-content:center}.release-date{margin-inline-start:0;width:100%}
  .meta-grid{text-align:start}
  .two-col{grid-template-columns:1fr}
}
@media(max-width:420px){
  .download-shell{width:calc(100% - 18px)}
  .release-card,.info-card{border-radius:18px;padding:18px}
  .meta-grid{grid-template-columns:1fr}
  .download-btn{flex-direction:column;justify-content:center;gap:0}
}