.dl{gap:22px;max-width:880px;margin:0 auto;padding:20px 16px 60px;display:grid}.dl-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.dl-hero{border-radius:var(--r-xl);grid-template-columns:88px minmax(0,1fr);align-items:start;gap:22px;padding:clamp(20px,4vw,36px);display:grid}.dl-panda{animation:5s ease-in-out infinite float}.dl-title{letter-spacing:-.04em;margin:0;font-size:clamp(30px,5vw,48px);font-weight:800;line-height:1}.dl-sub{color:var(--ink-2);margin:12px 0 20px;font-size:17px;line-height:1.5}.dl-safe{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.5}.dl-calm h2{letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(22px,3vw,28px)}.dl-calm p{color:var(--ink-2);margin:0;line-height:1.55}.dl-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dl-steps li{border-radius:var(--r-lg);grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:center;gap:18px;padding:18px 20px;display:grid}.dl-steps li:last-child{grid-template-columns:1fr}.dl-step-copy b{letter-spacing:-.01em;font-size:18px}.dl-step-copy p{color:var(--ink-2);margin:6px 0 0;font-size:15px;line-height:1.55}.mock{border-radius:12px;gap:8px;padding:12px 14px;font-size:13px;line-height:1.4;display:grid;box-shadow:0 10px 24px -14px #0006}.mock-btns{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.mock-btns em{color:#222;background:#fff;border:1px solid #0000002e;border-radius:6px;padding:5px 12px;font-style:normal}.mock .hl{outline:3px solid var(--orange);outline-offset:2px;font-weight:700}.mock-bar{color:#222;background:#fff}.mock-file{font-weight:700}.mock-warn{color:#a4400a}.mock-ss{color:#fff;background:#1f63b5}.mock-ss strong{font-size:16px}.mock-ss .mock-btns em{color:#1f63b5;background:#fff;border-color:#0000}.hl-text{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);font-weight:700;text-decoration-thickness:3px}.mock-def{color:#222;background:#f3f3f3}.dl-help,.dl-back{text-align:center;color:var(--ink-2);margin:0}.dl-help a,.dl-back a{color:var(--orange);font-weight:700}@media (width<=680px){.dl-hero{grid-template-columns:1fr}.dl-panda{width:64px;height:64px}.dl-steps li{grid-template-columns:1fr}}