/* Directory-only composition; approved subject artwork remains replaceable per guide. */
.guides-directory-heading{background:#102646;color:#fff;padding:clamp(38px,5vw,64px) 0;text-align:center}
.guides-directory-heading h1{margin:0 0 16px;font-size:clamp(42px,5.5vw,70px);line-height:1.05;font-weight:500;letter-spacing:-.035em}
.guides-directory-heading p{max-width:700px;margin:0 auto;color:#dde6ee;font-size:clamp(18px,2vw,23px);line-height:1.45}
.guides-image-directory{background:#fff;padding:48px 0 38px}
.guides-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.guides-image-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d2e0e8;border-radius:24px;overflow:hidden;color:#19364f!important;background:#f4f8fb;text-decoration:none!important}
.guides-image-art{aspect-ratio:1.6;background:#102646;display:flex;align-items:center;justify-content:center;overflow:hidden}
.guides-image-art img{display:block;width:100%;height:100%;object-fit:contain}
.guides-image-card[data-guide-card="metering"] .guides-image-art img{width:86%;height:94%;object-fit:contain}
.guides-image-card[data-guide-card="bill-validation"] .guides-image-art img{width:92%;height:92%}
.guides-image-copy{display:flex;flex:1;flex-direction:column;padding:23px 24px 24px;gap:12px}
.guides-image-copy h2{font-size:clamp(22px,2vw,27px);line-height:1.15;letter-spacing:-.025em;margin:0;font-weight:600}
.guides-image-copy p{font-size:17px;line-height:1.45;color:#526879;margin:0}
.guides-image-link{margin-top:auto;padding-top:5px;font-size:16px;font-weight:650;color:#19364f;display:flex;align-items:center;gap:9px}
.guides-image-link span{color:#f6892b;font-size:30px;line-height:.75}
.guides-image-card:hover{border-color:#f6892b}
.guides-image-card:focus-visible{outline:3px solid #04839e;outline-offset:4px}
.guides-directory-faq{margin:28px 0 0;text-align:center;font-size:17px;color:#526879}
.guides-directory-faq a{color:#176b85;text-underline-offset:3px}
@media(max-width:1100px){.guides-image-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.guides-directory-heading{padding:34px 0}.guides-image-directory{padding:26px 0}.guides-image-grid{grid-template-columns:1fr;gap:24px}.guides-image-copy{padding:21px;gap:10px}.guides-image-copy h2{font-size:25px}.guides-image-art{aspect-ratio:1.65}}