body{background:var(--sand)}
.dl-wrap{display:flex;flex-wrap:wrap;gap:clamp(32px,4.4vw,48px);align-items:flex-start;margin-top:32px}
.dl-t{flex:1.1 1 460px;min-width:0}
.dl-f{flex:1 1 420px;min-width:0;position:sticky;top:calc(var(--nav) + 20px)}
@media(max-width:1000px){.dl-f{position:static}}
.dl-t h1{margin-top:12px;font-size:clamp(28px,3.9vw,48px);line-height:1.4}
.cover{margin-top:32px;aspect-ratio:16/10;max-width:520px;background:#fff;border:1px solid var(--line)}
.dl-t .ttl{margin-top:32px;font-size:15px;font-weight:700}
.dl-t ul{margin-top:12px;padding-left:1.2em;display:flex;flex-direction:column;gap:6px;color:var(--ink2)}
.others{margin-top:clamp(56px,7vw,72px)}
.others .t{font-size:15px;font-weight:700}
.o-grid{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.o-grid a,.o-grid .soon{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;display:flex;flex-direction:column;gap:6px;transition:border-color .22s,transform .22s}
.o-grid .soon{background:var(--sand);color:var(--mute)}
.o-grid .c3{margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mute)}
.o-grid a:hover{border-color:var(--ink);transform:translateY(-2px)}
.o-grid .c1{font-size:13px;font-weight:700;color:var(--mute)}
.o-grid .c2{font-size:17px;font-weight:700;line-height:1.5}