/* DIY Liquid Stretch: merged recipe + formula page. White space per D-027. */
.diy-page .diy-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:7%;padding-block:59px var(--section-y)}
.diy-page h1{margin:16px 0 36px;max-width:820px}
.diy-page .diy-lockup{margin:0 0 8px}
.diy-page .diy-lockup p{margin:0 0 .45em}
.diy-page .diy-lockup .product-master-brand{font-size:clamp(1.3rem,2.6vw,2rem);letter-spacing:.04em;line-height:1.15;margin-bottom:.35em}
.diy-page .diy-lockup .product-name{font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.12;letter-spacing:.01em}
.diy-page .diy-intro{max-width:700px;margin-top:8px}
.diy-page .diy-intro p{font-size:1.13rem}
.diy-page .diy-hero-art{margin:0;min-width:0;padding-top:24px}
.diy-page .diy-hero-art img{display:block;width:100%;height:auto}
.diy-page .diy-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}
.diy-page .diy-jumps a{font-size:1rem;text-decoration:underline;text-underline-offset:6px;padding-block:6px}
/* Real paragraph margins and generous space above headings. */
.diy-page main p{margin-block:0 1.15em}
.diy-page main h2{margin-top:.6em;margin-bottom:.8em}
.diy-page main h3{margin-top:1.4em}
.diy-page .diy-copy{max-width:770px}
.diy-page .diy-copy p{font-size:1.13rem;line-height:1.7;color:var(--muted)}
.diy-page .ingredient-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 6%;margin-top:44px}
.diy-page .ingredient-card{border-top:1px solid var(--line);padding:30px 0 36px}
.diy-page .ingredient-card h3{font-size:1.55rem;font-weight:400;line-height:1.15;margin:0 0 18px}
.diy-page .ingredient-card p{font-size:1.06rem;line-height:1.7;color:var(--muted);max-width:520px}
.diy-page .diy-safety{border-top:1px solid var(--line);padding-block:var(--section-y);max-width:none}
.diy-page .diy-safety h2{font-size:1.45rem;line-height:1.2;margin:0 0 22px}
.diy-page .diy-safety p{font-size:1rem;line-height:1.7;max-width:900px;color:var(--muted)}
.diy-page .diy-buy{padding-block:var(--section-y)}
.diy-page .diy-buy .button{margin-top:8px;font-size:1.1rem}
@media(max-width:760px){.diy-page .diy-hero{grid-template-columns:1fr;gap:20px;padding-block:33px var(--section-y)}.diy-page .diy-hero-art{max-width:400px;margin:auto;padding-top:0}.diy-page .ingredient-grid{grid-template-columns:1fr}}
