.pip-app.pip-playground-public{flex-direction:column;padding:0;display:flex}.pip-playground-public :is(.pip-archive-header,.pip-landing-header){width:min(var(--pip-content-width), calc(100% - 64px));height:var(--pip-header-height);min-height:var(--pip-header-height);flex:none;gap:20px;margin:0 auto;padding:0}.pip-playground-public :is(.pip-archive-header,.pip-landing-header)>a:last-child{white-space:nowrap;font-size:13px}.pip-playground-public .pip-archive-header .pip-wordmark{color:var(--pip-ink);font-weight:800}.pip-playground-public :is(.pip-archive-main,.pip-landing-main){width:min(var(--pip-content-width), calc(100% - 64px));flex:1 0 auto;max-width:none;margin:24px auto 0;padding-bottom:36px}.pip-playground-public .pip-landing-main{margin-top:0}.pip-playground-public :is(.pip-archive-main h1,.pip-landing-intro h1){font-size:clamp(30px,3.6vw,44px)}.pip-playground-public .pip-archive-intro{max-width:680px;font-size:16px;line-height:1.65}.pip-playground-public :is(.pip-archive-primary,.pip-landing-primary){border-radius:14px;min-height:44px;padding:11px 20px;font-size:14px}.pip-playground-public .pip-entry-card{border-radius:22px;grid-template-columns:148px minmax(0,1fr);gap:24px;margin-top:24px;padding:24px}.pip-playground-public .pip-entry-card>img{width:132px;height:132px}.pip-playground-public .pip-entry-details h2{margin:6px 0 10px;font-size:clamp(23px,2.6vw,28px)}.pip-playground-public .pip-entry-size{margin-bottom:16px}.pip-playground-public .pip-archive-card{border-radius:22px;padding:22px}.pip-playground-public .pip-landing-hero{gap:48px;padding-block:28px 40px}.pip-playground-public .pip-landing-example{justify-self:end;width:min(100%,380px)}.pip-playground-public .pip-landing-section{padding-block:36px}.pip-playground-public .pip-public-related{padding:12px 0 4px;font-size:13px}.pip-playground-public .pip-public-related a{align-items:center;min-height:44px;display:inline-flex}@media (width>=761px) and (height<=760px){.pip-playground-public .pip-archive-main{margin-top:16px}.pip-playground-public .pip-archive-main h1{margin-block:8px 12px;font-size:38px}.pip-playground-public .pip-entry-card{margin-top:18px;padding:20px 24px}.pip-playground-public .pip-landing-hero{gap:40px;padding-block:20px 32px}.pip-playground-public .pip-landing-example{width:min(100%,320px)}.pip-playground-public .pip-landing-facts{margin-block:18px}}@media (width<=760px){.pip-playground-public :is(.pip-archive-header,.pip-landing-header,.pip-archive-main,.pip-landing-main){width:calc(100% - 32px)}.pip-playground-public :is(.pip-archive-header,.pip-landing-header){gap:12px}.pip-playground-public .pip-archive-main{margin-top:20px}.pip-playground-public .pip-landing-hero{gap:24px}.pip-playground-public .pip-landing-section{padding-block:28px}}@media (width<=640px){.pip-playground-public .pip-entry-card{grid-template-columns:1fr;gap:16px;padding:22px}.pip-playground-public .pip-entry-card>img{width:112px;height:112px}.pip-playground-public .pip-landing-example{justify-self:center}.pip-playground-public .pip-archive-card{padding:20px}}