.blog-wrap{padding-top:64px;padding-bottom:80px}.blog-heading{max-width:850px;margin-bottom:40px}.blog-heading h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;margin:14px 0 22px}.blog-heading>p:not(.blog-eyebrow){font-size:1.2rem;color:#aebdc4}.blog-eyebrow{color:#62ddc0;font-size:.8rem;letter-spacing:.16em;font-weight:700}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px}.blog-card{padding:28px;border:1px solid #304248;border-radius:18px;background:#152126}.blog-card h2{font-size:1.65rem;line-height:1.2}.blog-card a{color:inherit;text-decoration:none}.blog-card a:hover{color:#62ddc0}.blog-card time,.blog-card span,.blog-comment time{font-size:.88rem;color:#aebdc4}.blog-card p{line-height:1.65}.blog-article{max-width:900px}.blog-article>.blog-heading{margin-top:30px}.blog-body{font-size:1.12rem;line-height:1.85;overflow-wrap:anywhere}.blog-comments{margin-top:60px;border-top:1px solid #304248;padding-top:28px}.blog-comment{padding:22px 0;border-bottom:1px solid #304248;overflow-wrap:anywhere}.blog-pagination{display:flex;gap:24px;margin-top:28px}.blog-form{margin-top:30px}.blog-form textarea{width:100%;padding:14px;border:1px solid #40565f;border-radius:10px;background:#101a20;color:#fff;font:inherit}.blog-form button,.blog-comment button{padding:10px 18px;border:1px solid #62ddc0;border-radius:8px;background:#17382f;color:#dcfff5;cursor:pointer}.blog-comment form{margin-top:10px}@media(max-width:600px){.blog-wrap{padding-top:32px}.blog-card{padding:20px}}
.blog-body h2{font-size:1.8rem;margin:2rem 0 1rem;line-height:1.25}.blog-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;list-style:none;counter-reset:flow;padding:0;margin:0 0 36px}.blog-flow li{counter-increment:flow;border:1px solid #304248;background:#152126;border-radius:12px;padding:16px 10px;overflow-wrap:anywhere;font-size:.95rem}.blog-flow li:before{content:counter(flow);display:block;color:#62ddc0;font-weight:700;margin-bottom:6px}.blog-example{margin-top:40px;padding-top:28px;border-top:1px solid #304248}.blog-example h2{font-size:1.8rem;line-height:1.25;margin-bottom:20px}.blog-example p{line-height:1.7}.blog-example figure{margin:24px 0}.blog-example img{width:100%;height:auto}.blog-example figcaption{margin-top:10px;color:#aebdc4}.blog-table{overflow-x:auto;margin:24px 0}.blog-table table{width:100%;border-collapse:collapse}.blog-table th,.blog-table td{text-align:left;padding:12px 8px;border-bottom:1px solid #304248}.blog-table caption{text-align:left;margin-bottom:10px}.blog-example a,.blog-related a{color:#a5d7c6;text-decoration:underline;text-underline-offset:4px}.blog-related{display:flex;gap:16px 24px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid #304248}@media(max-width:600px){.blog-flow{grid-template-columns:1fr}.blog-flow li{display:flex;gap:12px;align-items:center;padding:12px 16px}.blog-flow li:before{margin:0}.blog-body h2,.blog-example h2{font-size:1.5rem}}
.lap-case{scroll-margin-top:100px}.lap-case-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:24px 0}.lap-case-summary p{margin:0;padding:20px;background:#152126;border:1px solid #304248;border-radius:14px}.lap-case-summary strong,.lap-case-summary span{display:block}.lap-case-summary span{font-size:1.8rem;font-variant-numeric:tabular-nums}.lap-case-legend{display:flex;flex-wrap:wrap;gap:12px 28px;font-weight:700}.lap-a{color:#77e2c5}.lap-b{color:#d6a4ef}.lap-case-chart{padding:12px;border:1px solid #304248;border-radius:14px;background:#101a20}.lap-case-chart figcaption{color:#e1ecef!important;margin:0 0 8px!important;font-weight:600}.lap-case-chart svg{display:block;width:100%;height:auto}.lap-grid{fill:none;stroke:#40565f;stroke-width:1}.lap-axis{fill:#b8cbd2;font:18px sans-serif}.lap-line{fill:none;stroke-width:2.5;stroke-linejoin:round}.lap-line-a{stroke:#77e2c5}.lap-line-b{stroke:#d6a4ef;stroke-dasharray:8 5}.lap-case details{padding:18px;background:#152126;border:1px solid #304248;border-radius:12px}.lap-case summary{cursor:pointer;font-weight:600}.lap-case h3{margin-top:28px}.lap-case .blog-table{font-variant-numeric:tabular-nums}@media(max-width:420px){.lap-case-summary{gap:10px}.lap-case-summary p{padding:12px}.lap-case-summary span{font-size:1.45rem}.lap-case-chart{padding:8px}}

.lap-case-screenshot img{display:block;border:1px solid #304248;border-radius:12px}.lap-case-screenshot a{display:block}.lap-case-screenshot figcaption{font-size:.95rem;line-height:1.6}

.blog-body > .lap-case-screenshot{margin:28px 0}