.cs-hero{padding:40px 0 48px}.cs-back{color:var(--muted);align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.cs-back .i{width:14px;height:14px;transform:rotate(180deg)}.cs-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:48px;margin-top:28px;display:grid}.cs-kind{font:600 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--g700)}.cs-hero h1{letter-spacing:-.035em;margin:16px 0;font-size:clamp(30px,3.6vw,48px);font-weight:800;line-height:1.08}.cs-sum{color:var(--muted);font-size:18px}.cs-tags{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.cs-tags>span{border:1px solid var(--line);color:var(--ink2);background:#fff;border-radius:99px;padding:5px 11px;font-size:12.5px;font-weight:600}.cs-video{aspect-ratio:4/3.4;background-position:50% 25%;background-size:cover;border-radius:24px;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 30px 50px -28px #0d381480}.cs-video:after{content:"";background:linear-gradient(#0000 45%,#091e0dd9);position:absolute;inset:0}.cs-play{z-index:1;width:72px;height:72px;color:var(--g800);background:#fffffff0;border-radius:50%;place-items:center;transition:transform .25s;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.cs-play .i{width:26px;height:26px}.cs-video:hover .cs-play{transform:translate(-50%,-50%)scale(1.08)}.cs-vcap{z-index:1;color:#d7e8da;font-size:13px;position:absolute;bottom:18px;left:20px;right:20px}.cs-vcap b{color:#fff;font-size:15px;display:block}.cs-results{background:var(--g900);color:#fff}.cs-res{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.cs-res>div{border-left:1px dashed #ffffff2e;padding:30px 24px}.cs-res>div:first-child{border-left:0;padding-left:0}.cs-res b{letter-spacing:-.045em;color:var(--g300);font-size:clamp(34px,3.8vw,52px);font-weight:800;line-height:1;display:block}.cs-res span{color:#bfd6c3;margin-top:8px;font-size:14px;display:block}.cs-body{padding:64px 0 40px}.cs-grid{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:64px;display:grid}.cs-side{gap:16px;display:grid;position:sticky;top:96px}.cs-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.cs-card>img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.cs-card dl{gap:4px;margin:0;padding:16px 18px;font-size:13.5px;display:grid}.cs-card dt{font:600 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:10px}.cs-card dt:first-child{margin-top:0}.cs-card dd{color:var(--ink);margin:0}.cs-card a{color:var(--g800);font-weight:600}.cs-toc{gap:2px;padding-left:2px;display:grid}.cs-toc a{border-left:2px solid var(--line);color:var(--muted);padding:7px 12px;font-size:13.5px;text-decoration:none;transition:all .2s}.cs-toc a.on{border-color:var(--g500);color:var(--ink);font-weight:600}.cs-prose{max-width:700px}.cs-prose h2{scroll-margin-top:96px}.cs-pull{background:var(--g50);border:1px solid #d3ebd7;border-radius:20px;margin:36px 0;padding:28px 30px}.cs-pull blockquote{letter-spacing:-.015em;color:var(--g900);margin:0;font-size:clamp(20px,2vw,25px);font-weight:600;line-height:1.35}.cs-pull figcaption{color:var(--muted);align-items:center;gap:12px;margin-top:18px;font-size:13px;display:flex}.cs-pull figcaption img,.cs-pull .av{object-fit:cover;border-radius:50%;flex:none;width:44px;height:44px}.cs-pull .av{background:var(--g100);color:var(--g800);place-items:center;font-weight:700;display:grid}.cs-pull figcaption b{color:var(--ink);font-size:14px;display:block}.cs-callout{background:var(--g900);color:#fff;border-radius:16px;margin:28px 0;padding:20px 22px}.cs-callout b{font-size:16px}.cs-callout p{color:#bfd6c3;margin:6px 0 0}.cs-rel{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.cs-rel>a{color:var(--ink);gap:8px;text-decoration:none;display:grid}.cs-rel span{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:16px;transition:transform .3s}.cs-rel>a:hover span{transform:translateY(-3px)}.cs-rel small{font:600 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--g700);margin-top:4px}.cs-rel b{font-size:17px;line-height:1.3}@media (width<=900px){.cs-hero-grid,.cs-grid{grid-template-columns:minmax(0,1fr)}.cs-side{position:static}.cs-toc{display:none}.cs-res{grid-template-columns:1fr 1fr}.cs-res>div:nth-child(3){border-left:0;padding-left:0}.cs-rel{grid-template-columns:minmax(0,1fr)}}.cs-heroimg{border-radius:24px;width:100%;height:auto;box-shadow:0 30px 50px -28px #0d381480}.cs-rel span.gen{text-align:center;background:linear-gradient(135deg,#9fe2a9,#2ea140);align-content:center;place-items:center;gap:6px;display:grid}.cs-rel span.gen b{letter-spacing:.32em;color:#fff;font-size:18px;font-weight:500}.cs-rel span.gen em{color:var(--g900);font:700 18px/1.15 Georgia,serif}.cs-prose h2,.cs-prose h3{scroll-margin-top:96px}
