/* ダウンロードのページだけの部品。色・枠・影は lp.css の決まり（--bd・--sh）をそのまま使う */
.dl-hero{padding-block:56px 40px;position:relative;overflow:hidden}
.dl-hero .bg{position:absolute;right:-160px;top:-180px;width:520px;height:520px;border-radius:50%;background:var(--yel);z-index:0}
.dl-hero .wrap{position:relative;z-index:1}
.dl-hero h1{font-size:clamp(40px,6vw,72px)}
.dl-hero .lead{margin-top:18px}
.dl-box{margin-top:30px;border:var(--bd);border-radius:22px;background:#fff;box-shadow:var(--sh);padding:26px 28px;max-width:820px}
.dl-ver{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.dl-ver b{font-family:'Archivo Black',sans-serif;font-size:40px;line-height:1}
.dl-ver span{font-weight:700;color:var(--muted)}
.dl-meta{list-style:none;padding:0;margin:12px 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.dl-meta li{border:3px solid var(--ink);border-radius:999px;padding:2px 14px;font-weight:900;font-size:14px;background:var(--sky)}
.dl-box .cta-row{display:flex;gap:16px;flex-wrap:wrap}
.dl-box .note{margin:16px 0 0;font-size:14.5px;color:var(--muted);font-weight:500}
.dl-sub{margin:22px 0 0;font-weight:700;max-width:820px}
.dl-sub a,.how a{color:var(--red);font-weight:900}
.how{list-style:none;counter-reset:n;padding:0;margin:34px 0 0;display:grid;gap:14px;max-width:880px}
.how li{counter-increment:n;position:relative;border:var(--bd);border-radius:16px;background:#fff;padding:16px 20px 16px 76px}
.how li::before{content:counter(n);position:absolute;left:16px;top:14px;width:44px;height:44px;border-radius:50%;background:var(--red);color:#fff;border:3px solid var(--ink);display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:20px}
.how b{display:block;font-family:'Dela Gothic One',sans-serif;font-weight:400;font-size:18px;line-height:1.5}
.how span{display:block;font-size:15.5px}
.how kbd,.warn kbd{font-family:inherit;font-weight:900;border:2px solid var(--ink);border-radius:6px;padding:0 6px;background:var(--rose);white-space:nowrap}
.warn{margin-top:20px;border:var(--bd);border-radius:16px;background:var(--rose);padding:18px 22px;max-width:880px}
.warn h3{font-family:'Dela Gothic One',sans-serif;font-weight:400;font-size:18px;margin-bottom:6px}
.warn p{margin:6px 0 0;font-size:15.5px}
.hash{width:100%;border-collapse:collapse;margin-top:16px;font-size:13.5px;max-width:880px}
.hash th,.hash td{border:3px solid var(--ink);padding:8px 12px;text-align:left;vertical-align:top}
.hash code{font-family:ui-monospace,Consolas,monospace;word-break:break-all}
.hist dt{font-family:'Archivo Black',sans-serif}
.hist dd{margin:4px 0 16px}
@media (max-width:760px){.dl-box{padding:20px}.how li{padding:14px 16px 14px 66px}.how li::before{left:12px}}