.ocf-helpful-plumbing-guides { padding-block: clamp(16px, 2.5vw, 28px); }

.ocf-helpful-plumbing-guides .container-global { display: grid; gap: 1.25rem; }
.ocf-helpful-guides__header { max-width: 680px; }
.ocf-helpful-guides__header .eyebrow { margin: 0 0 .45rem; }
.ocf-helpful-guides__header h2 { margin: 0 0 .65rem; }
.ocf-helpful-guides__intro { margin: 0; color: var(--ocf-body); }
.ocf-helpful-guides__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap, 1.25rem); }
.ocf-helpful-guides__card { display: flex; flex-direction: column; gap: .7rem; padding: 1.25rem; border: 1px solid var(--ocf-border-light, var(--ocf-border)); border-radius: var(--radius-md, 12px); background: var(--ocf-bg); }
.ocf-helpful-guides__card h3 { margin: 0; font-size: clamp(1.05rem, 1.5vw, 1.25rem); line-height: 1.35; }
.ocf-helpful-guides__card h3 a { color: inherit; text-decoration: none; }
.ocf-helpful-guides__card h3 a:hover, .ocf-helpful-guides__card h3 a:focus-visible { color: var(--ocf-primary); }
.ocf-helpful-guides__card p { margin: 0; color: var(--ocf-body); }
.ocf-helpful-guides__link { display: inline-flex; align-items: center; gap: .35rem; margin-top: auto; color: var(--ocf-primary); font-weight: 600; text-decoration: none; }
.ocf-helpful-guides__link:hover, .ocf-helpful-guides__link:focus-visible { text-decoration: underline; }
.ocf-helpful-guides__footer { text-align: center; }
@media (max-width: 900px) { .ocf-helpful-guides__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .ocf-helpful-guides__grid { grid-template-columns: 1fr; } .ocf-helpful-guides__card { padding: 1.1rem; } .ocf-helpful-guides__footer .btn-secondary { width: min(100%, 22rem); justify-content: center; } }