/* The approachable side of Forms, using the site's existing neutral surfaces. */
.playground-card{--playground-accent:#b4a1ed;--playground-wash:#b4a1ed0d}.playground-make{--playground-accent:#deb17c;--playground-wash:#deb17c0d}.playground-tinker{--playground-accent:#84c7b3;--playground-wash:#84c7b30d}.playground-card .playground-art{background:radial-gradient(ellipse at center,var(--playground-wash),transparent 75%)}.playground-card .playground-doodle{color:var(--playground-accent);opacity:.8}.playground-grid .playground-card .playground-tagline{color:var(--playground-accent);font-size:14px;line-height:1.5;margin:0 0 12px}.playground-card h2{margin-bottom:10px}.playground-card:focus-within{border-color:var(--playground-accent)}
.playground-hero{padding-bottom:36px}.playground-intro{max-width:590px;color:var(--muted,#a6aaa9);font-size:15px;line-height:1.8;margin-top:20px}.playground-section{padding-top:28px}.playground-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.playground-card{min-width:0;padding:28px;border:1px solid #ffffff19;border-radius:16px;background:#1b1e20;display:flex;align-items:flex-start;flex-direction:column}.playground-card h2{font-size:29px;font-weight:450;letter-spacing:-1px;margin:8px 0 14px}.playground-card>p:not(.overline){font-size:14px;line-height:1.8;color:#b7bbb9}.playground-art{position:relative;width:100%;height:175px;display:flex;align-items:center;justify-content:center;margin-bottom:26px;background:radial-gradient(ellipse at center,#b4a1ed0d,transparent 75%);border-bottom:1px solid #ffffff0c}.playground-art>.product-icon{width:106px;height:106px;filter:drop-shadow(0 10px 18px #0004)}.playground-doodle{position:absolute;bottom:5px;right:0;font-family:Georgia,serif;font-style:italic;font-size:16px;color:#b4a1edb3;transform:rotate(-5deg)}.playground-art>svg{width:160px;height:130px;stroke:#8fa7b7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.playground-circuits>svg{stroke:#88b8a4}.playground-state{font-size:10px;letter-spacing:.6px;color:#929b97;padding:18px 0 22px;margin-top:auto}.playground-state.available{color:#c2b2ef}.playground-card .mw-button{width:100%;justify-content:space-between;background:#d1c4f3;border-color:#d1c4f3;color:#1d172c}.playground-card .mw-button:hover{background:#e0d6f7}.playground-card .mw-text-link{font-size:12px;margin-top:19px}.playground-card .playground-direction{font-size:12px!important;border-top:1px solid #ffffff12;padding-top:16px;margin:0}.playground-bridge{border-top:1px solid #ffffff13;display:grid;grid-template-columns:1fr 1fr;gap:24px 80px}.playground-bridge h2{font-size:clamp(30px,3vw,44px);font-weight:400;line-height:1.2;letter-spacing:-1.2px}.playground-bridge>p{font-size:15px;line-height:1.9;color:#a6aaa9;align-self:center}.playground-bridge>.mw-text-link{grid-column:2}.playground-teaser{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;border-top:1px solid #ffffff13}.playground-teaser>.product-icon{width:90px;height:90px}.playground-teaser h2{font-size:clamp(28px,3.2vw,43px);font-weight:400;letter-spacing:-1.3px;margin:8px 0 12px}.playground-teaser p:last-child{color:#a6aaa9;font-size:14px;line-height:1.8;max-width:560px}.sketch-brand-intro{display:flex;align-items:center;gap:20px;margin-bottom:24px}.sketch-brand-intro>.product-icon{width:78px;height:78px}.sketch-features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.sketch-features h2{font-size:22px;font-weight:450}.sketch-features p{font-size:14px;line-height:1.8;color:#a6aaa9}@media(max-width:1000px){.playground-grid{gap:12px}.playground-card{padding:20px}.playground-card h2{font-size:25px}.playground-art{height:145px}.playground-teaser{gap:20px;grid-template-columns:70px 1fr}.playground-teaser>.product-icon{width:70px;height:70px}.playground-teaser>.mw-button{grid-column:2;justify-self:start}}@media(max-width:700px){.playground-grid{grid-template-columns:1fr;gap:20px}.playground-card{padding:26px}.playground-art{height:150px}.playground-bridge{grid-template-columns:1fr;gap:18px}.playground-bridge>.mw-text-link{grid-column:1}.playground-teaser{grid-template-columns:1fr}.playground-teaser>.mw-button{grid-column:1}.sketch-features{grid-template-columns:1fr;gap:20px}.sketch-brand-intro{gap:15px}.sketch-brand-intro>.product-icon{width:58px;height:58px}}
/* Approved outlined wordmarks and complete Sketch lockup. */
.playground-card h2{width:100%}.playground-card h2 .playground-wordmark{display:block;width:100%;max-width:245px;height:50px;object-fit:contain;object-position:left center}.sketch-brand-intro>.playground-logo{width:240px;max-width:50%;height:auto}.sketch-brand-intro>.overline{max-width:190px;line-height:1.8}@media(max-width:700px){.sketch-brand-intro{align-items:center;flex-wrap:wrap}.sketch-brand-intro>.playground-logo{width:210px;max-width:100%}.sketch-brand-intro>.overline{max-width:none}}

.playground-card .playground-download-note{font-size:11px!important;line-height:1.6;margin:8px 0 0;color:#929b97}