/* Quiet editorial footer in the SnootySims petrol palette. */
#ssh-footer{background:#325d6c;color:#fff;font-family:'SSH Roboto',Roboto,Arial,sans-serif;border:0;margin:0}
#ssh-footer *{box-sizing:border-box}
#ssh-footer .ssh-footer-inner{max-width:1600px;margin:auto;padding:48px 32px 28px}
#ssh-footer a{color:inherit;text-decoration:none}
#ssh-footer a:focus-visible{outline:2px solid #a3e7be;outline-offset:5px}
#ssh-footer .ssh-related{padding:0 0 40px;border-bottom:1px solid #ffffff30}
#ssh-footer .ssh-related-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}
#ssh-footer .ssh-footer-eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:#c5e2df;margin-bottom:8px}
#ssh-footer h2{font-size:26px;line-height:1.3;letter-spacing:-.3px;color:#fff;margin:0;font-weight:500}
#ssh-footer .ssh-footer-explore{font-size:14px;padding:8px 0;color:#fff;border-bottom:1px solid #a3e7be}
#ssh-footer .ssh-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#ssh-footer .ssh-related-card{display:flex;flex-direction:column;align-items:flex-start;min-height:154px;padding:22px 24px;border:1px solid #ffffff35;border-radius:6px;background:#ffffff05;transition:background .18s,border-color .18s}
#ssh-footer .ssh-related-card:hover{background:#ffffff0d;border-color:#a3e7be}
#ssh-footer .ssh-related-tag{font-size:11px;line-height:1.5;color:#c5e2df;margin-bottom:10px}
#ssh-footer h3{font-size:20px;line-height:1.35;color:#fff;margin:0 0 20px;font-weight:500}
#ssh-footer .ssh-related-read{margin-top:auto;font-size:13px;line-height:1.5;color:#c5e2df}
#ssh-footer .ssh-related-card:hover .ssh-related-read{color:#fff}
#ssh-footer .ssh-footer-main{display:grid;grid-template-columns:1fr 1.35fr;gap:80px;padding:44px 0}
#ssh-footer .ssh-footer-brand{min-width:0}
#ssh-footer .ssh-footer-brand>a{display:inline-block;max-width:100%;line-height:0}
/* Self-contained transparent white logo, independent of the footer background. */
#ssh-footer .ssh-footer-logo{display:block;width:210px;max-width:100%;height:auto;}
#ssh-footer .ssh-footer-since{display:block;margin-top:16px;font-size:12px;line-height:1.5;color:#c5e2df}
#ssh-footer .ssh-footer-motto{font-size:17px;line-height:1.5;margin:8px 0 0;color:#fff}
#ssh-footer .ssh-footer-motto>span{font-weight:600}
#ssh-footer .ssh-footer-nav h2{font-size:14px;font-weight:500;letter-spacing:0;margin:0 0 14px;color:#fff}
#ssh-footer .ssh-footer-nav>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
#ssh-footer .ssh-footer-nav a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #ffffff18;font-size:14px;line-height:1.5;transition:color .18s,border-color .18s}
#ssh-footer .ssh-footer-nav a:hover{color:#a3e7be;border-color:#a3e7be}
#ssh-footer .ssh-footer-category-arrow{color:#c5e2df;font-size:16px}
#ssh-footer .ssh-footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff30;padding-top:22px;font-size:12px;line-height:1.5;color:#d3e3e8}
#ssh-footer .ssh-footer-bottom nav{display:flex;flex-wrap:wrap;gap:24px}
#ssh-footer .ssh-footer-bottom a:hover{color:#fff;text-decoration:underline}
#ssh-footer .ssh-footer-disclaimer{font-size:11px;line-height:1.6;max-width:850px;color:#c0d6dd;margin:16px 0 0}
@media(max-width:850px){#ssh-footer .ssh-footer-main{gap:36px;grid-template-columns:1fr 1.4fr}#ssh-footer .ssh-footer-nav>div{gap:0 20px}}
@media(max-width:700px){#ssh-footer .ssh-footer-inner{padding:32px 20px 24px}#ssh-footer .ssh-related-heading{align-items:flex-start;flex-direction:column;gap:14px}#ssh-footer .ssh-related-grid{grid-template-columns:1fr;gap:12px}#ssh-footer .ssh-related-card{min-height:132px;padding:18px 20px}#ssh-footer .ssh-footer-main{grid-template-columns:1fr;gap:28px;padding:32px 0}#ssh-footer .ssh-footer-bottom{flex-wrap:wrap}#ssh-footer h2{font-size:23px}}
@media(max-width:380px){#ssh-footer .ssh-footer-nav>div{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#ssh-footer a{transition:none}}

/* Featured images with a restrained petrol overlay for readable titles. */
#ssh-footer .ssh-related-card{position:relative;isolation:isolate;overflow:hidden;min-height:230px;justify-content:flex-end;background:#264956;padding:24px}
#ssh-footer .ssh-related-image{position:absolute;inset:0;z-index:-2;background:#264956}
#ssh-footer .ssh-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
#ssh-footer .ssh-related-card::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(23,61,73,.04) 0%,rgba(23,61,73,.45) 38%,rgba(15,40,49,.96) 100%)}
#ssh-footer .ssh-related-card h3{margin:80px 0 12px;text-shadow:0 1px 3px #0005}
#ssh-footer .ssh-related-read{margin-top:0;color:#edf6f4}
#ssh-footer .ssh-related-card:hover .ssh-related-image img{transform:scale(1.025)}
@media(max-width:700px){#ssh-footer .ssh-related-card{min-height:210px}}
@media(prefers-reduced-motion:reduce){#ssh-footer .ssh-related-image img{transition:none}#ssh-footer .ssh-related-card:hover .ssh-related-image img{transform:none}}
