/* Compact operation content: preserve reading order and all useful detail. */
.service-work-details, .service-topic { padding-block: 40px; scroll-margin-top: 110px; }
.service-work-details > .container > h2, .service-topic > .container > h2 { margin-bottom: 24px; }
.service-work-grid, .service-topic-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.service-work-grid article, .service-topic-grid article { padding: 24px; border: 1px solid var(--line, #dce3ec); border-radius: 16px; background: #fff; scroll-margin-top: 110px; }
.service-work-grid h3, .service-topic-grid h3 { font-size: 21px; line-height: 1.3; margin: 0 0 14px; }
.service-work-grid p, .service-topic-grid p { max-width: none; font-size: 16px; line-height: 1.65; color: var(--ink, #252c35); margin: 0; }
.service-work-grid p + p, .service-topic-grid p + p { margin-top: 12px; }
.service-topic-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.service-topic-reference { margin: 18px 0 0; }
.service-topic-reference a { color: var(--blue-deep, #184da9); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 900px) { .service-topic-grid { grid-template-columns: 1fr; } }
@media (max-width: 700px) {
  .service-work-grid { grid-template-columns: 1fr; gap: 14px; }
  .service-work-details, .service-topic { padding-block: 28px; }
  .service-work-grid article, .service-topic-grid article { padding: 20px; }
}
