.rk-cases{box-sizing:border-box;color:#1d1d1f;background:#fff;padding:64px 32px;scroll-margin-top:100px}.rk-cases *{box-sizing:border-box}.rk-cases-heading{text-align:center;max-width:1000px;margin:0 auto 40px}.rk-cases-heading>p{font-size:12px;letter-spacing:.14em;font-weight:700;color:#6e6e73;margin:0 0 16px}.rk-cases-heading h1,.rk-cases-heading h2{font:600 44px/1.25 inherit;font-family:inherit;font-size:44px;font-weight:600;line-height:1.25;letter-spacing:-.01em;margin:0 0 20px;color:inherit;overflow-wrap:anywhere}.rk-cases-heading>div{font-size:16px;line-height:1.8;color:#6e6e73}.rk-cases-heading small{display:block;color:#6e6e73;margin-top:20px}.rk-cases-grid{display:grid;grid-template-columns:repeat(var(--case-columns,3),minmax(0,1fr));gap:32px;max-width:1180px;margin:auto}.rk-case-card{min-width:0}.rk-case-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}.rk-case-cover{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:16px;background:#f5f5f7}.rk-case-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}.rk-case-tags span{border:1px solid #dedee3;border-radius:980px;padding:5px 12px;font-size:12px;line-height:1.5;color:#6e6e73;overflow-wrap:anywhere}.rk-case-card h3{font:inherit;font-size:23px;font-weight:600;line-height:1.5;margin:0;color:inherit;overflow-wrap:anywhere}.rk-case-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:15px;line-height:1.8;color:#6e6e73;margin:12px 0 24px}.rk-case-read{display:flex;gap:24px;align-items:center;min-height:44px;margin-top:auto;font-size:14px;font-weight:600}.rk-case-read span{font-size:24px}.rk-case-link:hover .rk-case-read{text-decoration:underline}.rk-cases :is(a,button,summary):focus-visible{outline:2px solid #2f7d10;outline-offset:4px}.rk-cases-footer{text-align:center;margin:32px 0}.rk-cases-footer a,.rk-case-product>a{display:inline-block;border:1px solid #d2d2d7;border-radius:980px;padding:14px 24px;text-decoration:none;color:inherit;min-height:44px}.rk-cases-filters{display:flex;gap:12px;flex-wrap:wrap;max-width:1180px;margin:0 auto 32px}.rk-cases-filters a{padding:10px 20px;border:1px solid #dedee3;border-radius:980px;color:inherit;text-decoration:none}.rk-cases-filters a[aria-current]{background:#1d1d1f;color:#fff}.rk-case-breadcrumb{max-width:1180px;margin:0 auto 32px;font-size:14px}.rk-case-breadcrumb a{color:#6e6e73}.rk-case-detail .rk-case-tags{justify-content:center}.rk-case-hero{display:block;width:100%;max-width:1000px;height:auto;margin:0 auto 48px;border-radius:16px}.rk-case-layout{display:grid;grid-template-columns:220px minmax(0,800px);gap:40px;max-width:1060px;margin:auto}.rk-case-toc{position:sticky;top:110px;align-self:start;max-height:70vh;overflow:auto;font-size:13px;line-height:1.7}.rk-case-toc a{color:#6e6e73;text-decoration:none}.rk-case-toc li{margin:12px 0}.rk-case-toc summary{font-weight:600;cursor:pointer}.rk-case-body{min-width:0;font-size:17px;line-height:1.9;overflow-wrap:anywhere}.rk-case-body :is(h2,h3){scroll-margin-top:110px;color:#1d1d1f!important}.rk-case-overview{background:#f5f5f7;padding:24px;border-radius:16px;margin-bottom:32px}.rk-case-overview h2{font-size:24px}.rk-case-overview h3{font-size:17px;margin:20px 0 4px}.rk-case-overview p{margin:0 0 12px}.rk-case-overview p:last-child{font-size:12px;color:#6e6e73}.rk-case-product{max-width:800px;margin:48px auto;background:#f5f5f7;padding:32px;border-radius:16px;text-align:center}.rk-case-product h2{font-size:26px}.rk-case-related-heading{text-align:center;margin:48px 0 32px}@media(max-width:749px){.rk-cases{padding:40px 24px}.rk-cases-heading h1,.rk-cases-heading h2{font-size:30px}.rk-cases-heading>div{font-size:14px}.rk-cases-home .rk-cases-grid{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;margin:0 -24px;padding:4px 24px 12px;scrollbar-width:none}.rk-cases-home .rk-cases-grid::-webkit-scrollbar{display:none}.rk-cases-home .rk-case-card{flex:0 0 88%;scroll-snap-align:start}.rk-case-card h3{font-size:20px}.rk-case-summary{-webkit-line-clamp:3}.rk-cases-archive .rk-cases-grid,.rk-case-detail .rk-cases-grid{grid-template-columns:1fr}.rk-case-layout{display:block}.rk-case-toc{position:static;max-height:none;margin-bottom:24px;padding:16px;border:1px solid #dedee3;border-radius:16px}.rk-case-body{font-size:16px}.rk-case-hero{margin-bottom:24px}.rk-case-product{padding:24px}}.rk-cases.rk-case-detail{padding-top:32px}.rk-case-detail .rk-case-breadcrumb{max-width:1000px;margin:0 auto 32px;font-size:12px;line-height:1.8;color:#6e6e73}.rk-case-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;list-style:none;padding:0;margin:0}.rk-case-breadcrumb li{min-width:0;overflow-wrap:anywhere}.rk-case-breadcrumb li+li:before{content:"\203a";display:inline-block;margin-right:8px;color:#86868b}.rk-case-breadcrumb a{text-decoration:none;color:inherit}.rk-case-breadcrumb a:hover{text-decoration:underline;text-underline-offset:3px}.rk-case-breadcrumb li[aria-current]{color:#6e6e73}@media(max-width:749px){.rk-cases.rk-case-detail{padding-top:24px}.rk-case-detail .rk-case-breadcrumb{margin-bottom:24px}.rk-case-breadcrumb li[aria-current]{display:none}}
/*# sourceMappingURL=/cdn/shop/t/141/assets/rokid-use-cases.css.map */