body:has(>main>.tp-sample){background-color:var(--tp-background);margin:0}.tp-sample{box-sizing:border-box;min-block-size:100dvh;inline-size:100%;max-inline-size:1260px;color:var(--tp-text-body);font:var(--tp-type-text);grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;margin:0 auto;padding:24px 40px 80px;display:grid}@media (max-width:760px){.tp-sample{padding:16px 16px 64px}}:where(.tp-sample) :where(h1,h2,h3){color:var(--tp-text-heading);margin:0}:where(.tp-sample) :where(h1){font:var(--tp-type-title);font-stretch:var(--tp-type-title-width);letter-spacing:var(--tp-type-title-tracking)}:where(.tp-sample) :where(h2){font:var(--tp-type-title-panel);font-stretch:var(--tp-type-title-panel-width);letter-spacing:var(--tp-type-title-panel-tracking)}:where(.tp-sample) :where(h3){font:var(--tp-type-text);font-size:16px;font-weight:500}:where(.tp-sample) :where(p){margin:0}:where(.tp-sample) :where(a){color:var(--tp-brand-text);text-underline-offset:3px}.tp-sample :where(a,button):focus-visible{outline:var(--tp-focus-outline);outline-offset:var(--tp-focus-offset)}:where(.tp-sample) :where(a):focus-visible{border-radius:var(--tp-radius-mark)}a.tp-sample__brand{font:var(--tp-type-button);letter-spacing:-.01em;color:var(--tp-text-heading);justify-self:start;align-items:center;gap:10px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.tp-sample__bar{border-block-end:1px solid var(--tp-border);justify-content:space-between;align-items:center;gap:12px;padding-block-end:16px;display:flex}.tp-sample__banner{border:1px solid var(--tp-border);background:var(--tp-surface);box-shadow:var(--tp-elev-1);color:var(--tp-text-body);font:var(--tp-type-text);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;padding:20px 22px;display:flex}.tp-sample__banner>div{justify-items:start;gap:8px;min-inline-size:0;display:grid}.tp-sample__banner>.tp-button{white-space:normal;text-align:center;max-inline-size:100%}.tp-sample__banner-title{border:1px solid var(--tp-border-strong);font:var(--tp-type-text);color:var(--tp-text-heading);border-radius:999px;align-items:center;gap:8px;padding:4px 12px 4px 10px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.tp-sample__banner-title:before{content:"";background:var(--tp-brand);border-radius:50%;flex:none;block-size:7px;inline-size:7px}.tp-sample__head{border-block-end:1px solid var(--tp-border);gap:8px;padding-block:8px 20px;display:grid}.tp-sample__head p{max-inline-size:62ch;font:var(--tp-type-prose);color:var(--tp-text-body)}.tp-sample__files{gap:10px;margin:0;padding:0;list-style:none;display:grid}.tp-sample__files li{flex-wrap:wrap;align-items:center;gap:6px 12px;display:flex}.tp-sample__files a{overflow-wrap:anywhere;color:var(--tp-text-heading);font-weight:500}