.service-topic{max-width:1180px;margin:0 auto;padding:32px 20px 72px;color:#26332b}
.service-topic--index{padding-top:10px;padding-bottom:26px}
.service-topic--index{max-width:1440px}
.service-topic__breadcrumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 24px;padding:0;font-size:14px}
.service-topic__breadcrumbs li:not(:last-child)::after{content:"/";margin-inline-start:8px;color:#91a098}
.service-topic__breadcrumbs a{color:#50705c;text-decoration:none}
.service-topic__hero{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px;border-radius:24px;background:linear-gradient(135deg,#eef5ef,#f8fbf8);border:1px solid #dce9df}
.service-topic__hero h1{margin:8px 0 14px;font-size:clamp(30px,4vw,48px);line-height:1.3}
.service-topic__hero p{max-width:720px;margin:0;color:#53635a;line-height:2}
.service-topic__hero img{max-width:36%;height:auto;border-radius:18px;object-fit:cover}
.service-topic__eyebrow{font-size:14px;font-weight:700;color:#60836d}
.service-topic__section{margin-top:44px}
.service-topic__section-heading{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.service-topic__section-heading h2{margin:0;font-size:26px}
.service-topic__section-heading span{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:99px;background:#e7f0e9;color:#41604b;font-weight:700}
.service-topic__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-topic__grid--categories{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-topic__card{display:flex;flex-direction:column;align-items:flex-start;min-height:100%;padding:22px;border:1px solid #e1e8e3;border-radius:18px;background:#fff;box-shadow:0 10px 30px rgba(36,59,43,.06)}
.service-topic__card img{width:100%;height:170px;margin-bottom:16px;border-radius:12px;object-fit:cover}
.service-topic__card--category img,.service-topic__card--form img{width:72px;height:72px;object-fit:contain}
.service-topic__card h3{margin:0 0 10px;font-size:19px;line-height:1.65}
.service-topic__card p{margin:0 0 18px;color:#647168;line-height:1.8}
.service-topic__card a{margin-top:auto;padding:10px 16px;border-radius:10px;background:#567a61;color:#fff;text-decoration:none;font-weight:700}
.service-topic__notice,.service-topic__empty{padding:16px 18px;border-radius:12px;background:#f5f8f5;color:#5c6b61}
.service-topic__content{margin-top:48px;padding-top:32px;border-top:1px solid #e4eae5;line-height:2}
.service-topic__content img{max-width:100%;height:auto}
.service-topic__pagination{margin-top:28px}
@media(max-width:850px){.service-topic__grid,.service-topic__grid--categories{grid-template-columns:repeat(2,minmax(0,1fr))}.service-topic__hero img{display:none}}
@media(max-width:580px){.service-topic{padding-inline:14px}.service-topic__hero{padding:24px}.service-topic__grid,.service-topic__grid--categories{grid-template-columns:1fr}}