.frame{padding:32px 0 72px}
.frame h1{font-size:clamp(24px,3.2vw,36px);margin:8px 0 10px;color:var(--wood)}
.lead{color:var(--muted);margin-bottom:20px;max-width:640px}
.manchu{display:grid;grid-template-columns:1.1fr 1.4fr 1.1fr;grid-template-rows:auto auto;gap:4px;background:var(--wood);padding:8px}
.cell{scroll-margin-top:72px;background:#fffdf8;padding:18px 14px}
.cell h2{font-size:16px;margin-bottom:8px}
.cell p{font-size:13px;color:var(--muted);margin-bottom:12px}
#win{grid-column:1;grid-row:1;background:#fdeeee}
#mac{grid-column:1;grid-row:2;background:#eaf2f8}
#app{grid-column:2;grid-row:1 / span 2;background:#fffdf8;display:flex;flex-direction:column;justify-content:center}
#web{grid-column:3;grid-row:1;background:#eaf6ee}
#scrm{grid-column:3;grid-row:2;background:#fbf6e4}
.cell img{width:100%;max-height:120px;object-fit:cover;margin:8px 0;border:2px solid var(--wood)}
@media(max-width:800px){.manchu{grid-template-columns:1fr}#win,#mac,#app,#web,#scrm{grid-column:auto;grid-row:auto}}