/* Case pages extend the existing service layout without changing the main scene. */
.case-hero h1 { font-size: clamp(36px, 4.1vw, 58px); }
.case-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 24px; padding: 0; list-style: none; }
.case-tags li { padding: 5px 9px; border: 1px solid var(--line); border-radius: 3px; color: var(--muted); font-size: 12px; }
.case-service-link { display: inline-block; margin-top: 8px; font-size: 14px; }
.case-task { margin: 0; color: var(--muted); font-size: 18px; }
.case-solution { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
.case-solution li { padding: 26px; border: 1px solid var(--line); border-radius: 5px; background: rgba(17, 32, 46, .6); }
.case-step { font-family: "IBM Plex Mono", ui-monospace, monospace; color: var(--cyan); font-size: 13px; }
.case-solution p { margin: 18px 0 0; color: var(--muted); font-size: 15px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (max-width: 800px) { .case-solution { grid-template-columns: 1fr; } .case-solution li { padding: 23px; } }
@media (max-width: 600px) { .case-hero h1 { font-size: 36px; } .case-task { font-size: 16px; } }