.sp-anchor{scroll-margin-top:calc(var(--nav-height) + var(--subnav-height) + var(--space-md))}.sp-hero h1{max-width:12ch}.sp-plat{gap:var(--space-2xl)}.sp-plat__head{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.sp-plat__head .pl__specs{max-width:44rem;margin:0}.sp-plat__head .pl__more{margin:0}.sp-kinds{border-block:var(--rule-hair) solid var(--color-rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sp-kinds li{gap:var(--space-xs);padding:var(--space-xl) var(--space-xl) var(--space-xl) 0;align-content:start;display:grid}.sp-kinds li+li{padding-left:var(--space-xl);border-left:var(--rule-hair) solid var(--color-rule)}.sp-kinds h3{font-size:var(--text-xl);font-weight:400}.sp-kinds p{color:var(--color-muted);max-width:34ch;margin:0}.sp-kinds__link{margin-top:var(--space-sm);width:fit-content;color:var(--color-ink);font-size:var(--text-sm);text-decoration:underline;-webkit-text-decoration-color:var(--color-rule-2);text-decoration-color:var(--color-rule-2);text-underline-offset:.2em}.sp-kinds__link:hover{-webkit-text-decoration-color:var(--color-ink);text-decoration-color:var(--color-ink)}.sp-ex{gap:var(--space-3xl);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;display:grid}.sp-ex__text{gap:var(--space-md);align-content:start;display:grid}.sp-ex__text .lead{max-width:34ch;margin:0}.sp-ex__demo{min-width:0}@media (max-width:60rem){.sp-plat__head{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);justify-items:start}.sp-ex{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.sp-kinds{grid-template-columns:minmax(0,1fr)}.sp-kinds li,.sp-kinds li+li{padding:var(--space-lg) 0;border-left:0}.sp-kinds li+li{border-top:var(--rule-hair) solid var(--color-rule)}}.sp-ex__demo{container-type:inline-size}@container (max-width:60rem){.sp-ex__demo .wx__body{grid-template-columns:minmax(0,1fr)}.sp-ex__demo .wx__map{border-right:0;border-bottom:var(--rule-hair) solid var(--color-rule);height:15rem}}