/* Home only: questions as a light list, services as compact tiles. */
#problems .problem-cards{gap:28px}
#problems .problem-card{min-height:0;padding:24px;background:var(--mist-green);border:1px solid var(--soft-green);border-radius:14px;overflow:visible}
#problems .problem-card::before,#problems .problem-number,#problems .problem-card>p{display:none}
#problems .problem-card h3{font-size:22px;margin:0 0 18px;line-height:1.45}
#problems .problem-card .problem-action{font-size:16px;margin-top:0}
#problems .problem-card:hover,#problems .problem-card:focus-visible{transform:none;border-color:var(--green)}
#customers .customer-links .customer-type-direct{border:1.5px solid var(--pink);background:var(--white);transition:background-color .2s,border-color .2s}
#customers .customer-links .customer-type-direct:hover,#customers .customer-links .customer-type-direct:focus-visible{background:var(--pale-pink);border-color:var(--deep-pink)}
#problems .problem-card:nth-child(2){background:var(--pale-pink);border-color:var(--soft-pink)}
#problems .problem-card:nth-child(3){background:var(--warm-white);border-color:var(--line)}
#problems .problem-card::after{content:'';position:absolute;top:-1px;left:24px;width:48px;height:3px;background:var(--pink);border-radius:999px}
#problems .problem-card .problem-arrow{color:var(--deep-pink)}
#problems .problem-card:hover,#problems .problem-card:focus-visible{border-color:var(--pink)}
#services .card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#services .service-card{padding:24px;min-height:0;gap:0}
#services .service-card .card-top,#services .brand-service-title small{display:none}
#services .brand-service-title{margin:0 0 14px}
#services .brand-service-title b{font-size:32px;line-height:1.15}
#services .service-card .card-focus{font-size:18px;line-height:1.45;margin:0 0 10px;color:var(--ink)}
#services .service-card p:not(.card-focus){font-size:16px;line-height:1.6;margin:0 0 18px;word-break:keep-all}
#services .service-more{margin-top:auto;font-size:16px;line-height:1.5;color:var(--green);font-weight:600}
@media(min-width:1100px){#services .service-card{aspect-ratio:1/1}}
@media(min-width:801px) and (max-width:1099px){#services .service-card{padding:20px}#services .service-card .card-focus{font-size:17px}}
@media(max-width:800px){
 #problems{padding:48px 0}
 #problems .problem-heading{margin-bottom:24px}
 #problems .problem-cards{grid-template-columns:1fr;gap:12px;border-bottom:0}
 #problems .problem-card{padding:18px 20px;display:grid;grid-template-columns:1fr auto;column-gap:12px;row-gap:6px}
 #problems .problem-card h3{font-size:20px;margin:0;grid-column:1;line-height:1.45}
 #problems .problem-card h3 br{display:none}
 #problems .problem-action{display:contents}
 #problems .problem-action .problem-arrow{grid-column:2;grid-row:1 / 3;align-self:center;font-size:22px}
 #services .card-grid.four{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #services .service-card{padding:18px 16px;border-radius:14px}
 #services .brand-service-title{margin:0 0 12px}
 #services .brand-service-title b{font-size:28px}
 #services .service-card .card-focus{font-size:16px;margin-bottom:8px;word-break:keep-all}
 #services .service-card p:not(.card-focus){font-size:16px;line-height:1.55;margin-bottom:16px;word-break:normal;overflow-wrap:break-word}
 #services .service-more{font-size:14px}
}