/* Editorial advice cards, consistent with ObraChat's homepage. */
.oc-home .oc-guides{gap:22px;align-items:stretch}
.oc-home .oc-guide{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;border:1px solid #d7ded5;border-radius:20px;background:#fffaf6;box-shadow:0 6px 18px #173d3808;transition:transform .2s,box-shadow .2s}
.oc-home .oc-guide:hover{transform:translateY(-4px);box-shadow:0 12px 24px #173d3814}
.oc-guide .oc-guide-image{display:block;overflow:hidden;background:#efece3}
.oc-home .oc-guide .oc-guide-image img{display:block;width:100%;height:220px;min-height:0;object-fit:cover;transition:transform .35s}
.oc-home .oc-guide:first-child .oc-guide-image img{object-fit:contain;background:#efece3}
.oc-guide:hover .oc-guide-image img{transform:scale(1.025)}
.oc-home .oc-guide-copy{display:flex;flex-direction:column;align-items:flex-start;padding:26px}
.oc-home .oc-guide .oc-tag{display:inline-block;padding:7px 11px;border-radius:20px;background:#f5e6d8;color:#a54928;font:600 10px/1.3 Arial,sans-serif!important;letter-spacing:1.1px}
.oc-home .oc-guide h3{font:600 27px/1.2 Georgia,'Times New Roman',serif!important;letter-spacing:-.5px;color:#173d38;margin:18px 0 14px}
.oc-home .oc-guide h3 a{font:inherit!important;color:inherit}
.oc-home .oc-guide h3 a:hover{color:#a54928}
.oc-home .oc-guide p{font:14px/1.65 Arial,sans-serif;color:#5f6d66;margin:0 0 24px}
.oc-home .oc-guide .oc-guide-link{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:52px;margin-top:auto;padding-top:16px;border-top:1px solid #dde2d8;font:600 13px/1.5 Arial,sans-serif;color:#173d38!important}
.oc-guide-link span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#173d38;color:#fffaf6;font:22px/1 Arial,sans-serif}
.oc-guide-link:hover span{background:#b8542e}
@media(min-width:701px) and (max-width:900px){.oc-home .oc-guide-copy{padding:20px}.oc-home .oc-guide h3{font-size:23px!important}.oc-home .oc-guide .oc-guide-image img{height:175px}}
@media(max-width:700px){
.oc-home .oc-guides{grid-template-columns:minmax(0,1fr);gap:24px}
.oc-home .oc-guide{grid-template-columns:minmax(0,1fr);border-radius:18px}
.oc-home .oc-guide .oc-guide-image img{height:clamp(200px,58vw,280px);min-height:0}
.oc-home .oc-guide-copy{padding:24px}
.oc-home .oc-guide h3{font-size:28px!important;line-height:1.2!important;margin:16px 0 12px}
.oc-home .oc-guide p{font-size:14px;margin-bottom:20px}
.oc-home .oc-guide .oc-guide-link{font-size:14px;min-height:54px}
}
@media(prefers-reduced-motion:reduce){.oc-home .oc-guide,.oc-home .oc-guide img{transition:none}.oc-home .oc-guide:hover,.oc-guide:hover .oc-guide-image img{transform:none}}