.coffee-fault-page{max-width:1120px;margin:0 auto;padding:16px 0 48px;color:#17231c}
.coffee-fault-page__nav,.coffee-fault-page__related{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.coffee-fault-page__nav a,.coffee-fault-page__related a{padding:9px 14px;border:1px solid #d7eadf;border-radius:999px;background:#f0f8f3;color:#143c29;text-decoration:none;font-weight:700}
.coffee-fault-page__visual{display:grid;grid-template-columns:minmax(280px,48%) 1fr;gap:24px;align-items:center;margin:24px 0 30px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#f0f8f3,#fff);border:1px solid #dcebe2}
.coffee-fault-page__visual img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.coffee-fault-page__visual p{font-size:18px;line-height:1.6;margin:0}
.coffee-fault-page__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.coffee-fault-page__card{padding:19px;border:1px solid #dce9e0;border-radius:17px;background:#fff;box-shadow:0 10px 28px rgba(15,56,37,.07)}
.coffee-fault-page__card h3{margin:0 0 8px;color:#123a27;font-size:19px}.coffee-fault-page__card p{margin:0;line-height:1.55}
.coffee-fault-page__note{margin:22px 0;padding:17px 20px;border-left:4px solid #2ca764;background:#eff8f2;border-radius:0 15px 15px 0;line-height:1.6}
.coffee-fault-page h2{margin:34px 0 15px;color:#10291b}
.service-topic__grid>a.coffee-fault-card{position:relative;display:flex;min-height:230px;overflow:hidden;border:0!important;border-radius:18px;color:#fff;text-decoration:none;background:#13291d;transform:translateZ(0)}
.service-topic__grid>a.coffee-fault-card img{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none;object-fit:cover;transition:transform .3s ease;filter:brightness(.68)}
.service-topic__grid>a.coffee-fault-card article{position:relative;z-index:1;align-self:flex-end;width:100%;margin:0!important;padding:72px 18px 18px;border:0!important;border-radius:0!important;background:linear-gradient(transparent,rgba(5,17,11,.92));box-shadow:none;color:#fff}
.service-topic__grid>a.coffee-fault-card h3,.service-topic__grid>a.coffee-fault-card p{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.55)}
.service-topic__grid>a.coffee-fault-card:hover img{transform:scale(1.045)}
@media(max-width:800px){.coffee-fault-page__visual{grid-template-columns:1fr}.coffee-fault-page__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.coffee-fault-page__grid{grid-template-columns:1fr}.coffee-fault-page__visual{padding:12px}.service-topic__grid>a.coffee-fault-card{min-height:210px}}
@media(prefers-reduced-motion:reduce){.service-topic__grid>a.coffee-fault-card img{transition:none}}