.card-selection{font-size:.9375rem;line-height:1.5;color:#354f3d;margin-top:8px;font-weight:500}
.catalog-guide-links{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0 0 22px}
.catalog-guide-links a{color:#20472f;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:9px 15px;border:1px solid #a5b4a2;border-radius:8px;background:#fffdf7}
.catalog-guide-links a:hover{background:#e8ecdf}
.featured-copy .card-selection{font-size:.9375rem;color:#354f3d;margin:10px 0}
.drainage-guide{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #dce0d3;scroll-margin-top:96px}
.drainage-guide>h2{margin-top:0}.drainage-guide>p{margin:16px 0}
.drainage-diagram{display:block;width:100%;aspect-ratio:1;border:0;padding:0;overflow:hidden;background:#f6f2e7;cursor:zoom-in;border-radius:12px;margin:22px 0 16px}
.drainage-diagram img,.drainage-large img{width:100%;height:100%;object-fit:cover;object-position:center 47.6%;max-width:none}
.drainage-guide .drainage-caption{font-size:.9375rem;color:#4b5e4b}
.drainage-guide ol{padding-left:24px;line-height:1.7}.drainage-guide li{margin:12px 0}
.drainage-dialog{width:min(1120px,calc(100vw - 24px));max-width:1120px}.drainage-large{aspect-ratio:1;margin:0;overflow:hidden}
.catalog-guide-links button,.planter-guide-links button{font:inherit;color:#20472f;font-weight:600;text-align:left;cursor:pointer;min-height:44px;border:1px solid #a5b4a2;border-radius:8px;background:#fffdf7;padding:9px 15px}
.catalog-guide-links button:hover,.planter-guide-links button:hover{background:#e8ecdf;border-color:#557655}
.catalog-guide-links button:focus-visible,.planter-guide-links button:focus-visible{outline:3px solid #386544;outline-offset:3px}
.planter-guide-dialog{width:min(1080px,calc(100vw - 32px));max-width:1080px;max-height:90dvh;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.planter-guide-dialog .dialog-head{position:sticky;top:0;z-index:2;background:var(--paper);padding:20px 28px}
.planter-guide-dialog .dialog-head h2{font-size:1.7rem;line-height:1.2;margin:0}
.planter-guide-dialog .close-button{flex:0 0 44px;min-width:44px;min-height:44px;cursor:pointer}
.planter-guide-body{padding:28px;color:#354b37;font-size:1rem;line-height:1.7;overflow-wrap:anywhere}
.planter-guide-body .rich-prose{max-width:none}.planter-guide-cover{width:100%;max-height:280px;object-fit:contain;margin-bottom:24px}
.planter-guide-body .reference-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.planter-guide-body .reference-design-grid article{min-width:0}.planter-guide-body .reference-design-grid img{max-width:100%}
.drainage-popup{display:grid;grid-template-columns:1.2fr 1fr;align-items:start;gap:30px}.drainage-popup figure{margin:0;min-width:0}
.drainage-popup-image{aspect-ratio:1;overflow:hidden;border-radius:12px;background:#f6f2e7}.drainage-popup-image img{width:100%;height:100%;object-fit:cover;object-position:center 47.6%;max-width:none}
.drainage-popup figcaption{font-size:.9375rem;line-height:1.5;margin-top:12px;color:#43543f}
.drainage-popup h3{font:2rem/1.15 var(--serif);color:var(--text);margin:10px 0 18px}.drainage-popup .eyebrow{font-size:.8125rem;margin:0}
.drainage-popup ol{padding-left:24px;margin:22px 0}.drainage-popup li{padding-left:5px;margin:18px 0}.drainage-popup li strong,.drainage-popup li span{display:block}
.drainage-alignment{padding:18px 20px;border-radius:10px;background:#e8ecdf}.drainage-alignment strong{display:block;color:#20472f}
@media(max-width:740px){.planter-guide-dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:90dvh}.planter-guide-dialog .dialog-head{padding:14px 16px;gap:12px}.planter-guide-dialog .dialog-head h2{font-size:1.35rem}.planter-guide-body{padding:18px 16px}.drainage-popup{grid-template-columns:1fr;gap:24px}.drainage-popup h3{font-size:1.75rem}.planter-guide-body .reference-design-grid{grid-template-columns:1fr}.planter-guide-links{gap:8px}.catalog-guide-links button,.planter-guide-links button{font-size:.9375rem}}
@media(max-width:600px){.card-selection{font-size:.875rem}.catalog-guide-links{gap:8px;margin-bottom:14px}.catalog-guide-links a{font-size:.9375rem}.drainage-dialog .dialog-head{padding:18px}.drainage-dialog .dialog-head h2{font-size:1.35rem;padding-right:24px}}
