.materials-page .section { padding-block:clamp(32px,5vw,60px); }
.materials-page .material-selection { padding-bottom:0; }
.material-selection > .wrap > p:last-child { margin-bottom:0; }
.materials-page #investment { padding-top:clamp(24px,3vw,40px); }
.materials-page .material-intro { padding-bottom:28px; }
.material-intro-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:clamp(24px,4vw,48px); align-items:center; }
.material-intro-grid > img { width:100%; height:100%; max-height:510px; object-fit:cover; border-radius:8px; }
.material-grid,.planning-steps,.investment-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.material-grid { margin-top:28px; }
.material-direction { border:1px solid #d5d9cb; border-radius:8px; overflow:hidden; background:#fffdf6; min-width:0; }
.material-direction > img { display:block; width:100%; aspect-ratio:4 / 3; height:auto; object-fit:cover; }
.material-direction > div { padding:24px; }
.material-direction h3,.planning-grid h3,.planning-steps h3,.investment-grid h3 { font-size:24px; line-height:1.25; margin:0 0 12px; }
.material-direction p:last-child,.planning-grid p:last-child,.planning-steps p:last-child,.investment-grid p:last-child { margin-bottom:0; }
.material-planning { background:#e7ecdf; }
.planning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:28px; }
.planning-grid article { padding:24px; background:#fffdf6; border:1px solid #d4dccb; border-radius:8px; }
.planning-steps article { border-top:1px solid #cbd5c5; padding-top:20px; }
.planning-steps .eyebrow { margin-bottom:12px; display:block; }
.garden-investment { padding:clamp(24px,4vw,40px); background:#dfe8eb; border:1px solid #c3d3d9; border-radius:8px; }
.investment-grid { margin-block:32px; gap:16px 20px; }
.investment-grid > article { display:grid; grid-template-rows:subgrid; grid-row:span 2; min-width:0; padding:24px; background:#fffdf6; border:1px solid #c3d3d9; border-top:4px solid #748d80; border-radius:8px; }
.investment-grid > article:nth-child(2) { border-top-color:#ad8b67; }
.investment-grid > article:nth-child(3) { border-top-color:#829ba8; }
.investment-grid h3 { margin:0; padding-bottom:16px; border-bottom:1px solid #dedfd5; }
.investment-grid p { margin:0; }
.material-evidence { border-top:1px solid #bbcbd0; padding-top:16px; }
.material-evidence summary { font-weight:600; cursor:pointer; min-height:44px; }
.material-evidence p { margin-top:16px; }
.ideas-layout { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); align-items:start; }
.ideas-panel { background:#f3ebce; border:1px solid #d8ceaa; border-radius:8px; padding:clamp(20px,3vw,32px); }
.ideas-panel label { display:block; font-weight:600; margin-bottom:12px; }
.ideas-panel textarea { width:100%; min-height:210px; resize:vertical; }
.ideas-panel button { cursor:pointer; font:inherit; }
.ideas-note { font-size:14px; margin-bottom:0; }
.ideas-clear { border:0; background:transparent; text-decoration:underline; color:#253c31; padding:12px 0; min-height:44px; }
#ideas-status:empty { display:none; }
.material-enquiry { border:1px solid #cbd7c3; background:#edf0e5; border-radius:8px; padding:20px; min-width:0; }
.material-enquiry textarea { width:100%; color:#293a43; background:#fffdf6; opacity:1; }
.material-enquiry .consent-row { margin:16px 0; }
.materials-page [hidden],.material-enquiry[hidden] { display:none !important; }
.materials-page [id] { scroll-margin-top:110px; }
.materials-page button:focus-visible,.materials-page a:focus-visible { outline:3px solid #8b6641; outline-offset:4px; }
@media(max-width:900px) { .planning-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .material-intro-grid { grid-template-columns:1fr; } .material-intro-grid > img { height:300px; } }
@media(max-width:650px) { .material-grid,.planning-grid,.planning-steps,.investment-grid,.ideas-layout { grid-template-columns:minmax(0,1fr); } .material-intro-grid > img { height:240px; } .material-direction > div,.planning-grid article { padding:20px; } }

@media(max-width:800px) { .investment-grid { grid-template-columns:minmax(0,1fr); gap:16px; } .investment-grid > article { display:block; grid-row:auto; padding:20px; } .investment-grid h3 { margin-bottom:16px; } }