:is(html:has(.diy-guides-page),body:has(.diy-guides-page)){--bg:#fff;background:#fff}.diy-guides-page{max-width:84rem;margin-inline:auto;padding-top:clamp(8rem,12vw,11rem);padding-bottom:6rem}.diy-guides-heading{padding-bottom:3.5rem}.diy-guides-heading>.t-mono{color:var(--muted)}.diy-guides-heading h1{letter-spacing:-.055em;margin-top:1rem;font-size:clamp(3.5rem,8vw,7rem);font-weight:500;line-height:1.05}.diy-guides-intro{max-width:54ch;color:var(--muted);margin-top:1.75rem;font-size:clamp(1.125rem,2vw,1.375rem);line-height:1.65}.diy-guides-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;display:grid}.diy-guide{border-bottom:1px solid var(--color-line);flex-direction:column;height:100%;padding-bottom:2rem;display:flex}.diy-guide-image{aspect-ratio:16/9;border:1px solid var(--color-line);background:#fff;border-radius:.75rem;overflow:hidden}.diy-guide-image img{object-fit:cover;width:100%;height:100%;display:block}.diy-guide-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1.5rem;font-size:.7rem;display:flex}.diy-guide h2{letter-spacing:-.025em;text-wrap:balance;max-width:25ch;margin-top:1rem;font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:500;line-height:1.2}.diy-guide:hover h2{text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.diy-guide-description{color:var(--muted);max-width:52ch;margin-top:1rem;line-height:1.7}.diy-guide-action{text-underline-offset:.25em;gap:.75rem;width:-moz-fit-content;width:fit-content;margin-top:1.5rem;text-decoration:underline;display:flex}.diy-guides-toolbox{margin-top:3rem;line-height:1.7}.diy-guides-toolbox a{text-underline-offset:.25em;text-decoration:underline}@media (max-width:719px){.diy-guides-list{grid-template-columns:minmax(0,1fr);gap:2.5rem}.diy-guides-heading{padding-bottom:2.5rem}}