.template-page-kind{color:var(--site-text-2);letter-spacing:-.005em;margin-bottom:16px;font-size:15px;font-weight:600}.template-page-links{margin-top:16px;font-size:17px}.template-page-links a{color:var(--site-link)}.template-page-links a:hover{text-decoration:underline}.template-preview{text-align:center;max-width:1240px;margin:0 auto;padding:0 clamp(0px,50% - 160px,24px)}.template-preview-frame{background:var(--site-tile);box-shadow:0 0 0 1px var(--site-hairline), 0 30px 60px -30px #00000073;border-radius:24px;overflow:hidden}.template-preview-frame iframe{border:0;width:100%;height:min(78vh,780px);min-height:560px;display:block}.template-page-section{max-width:760px;margin:0 auto;padding:clamp(64px,8vw,104px) 24px 0}.template-page-section h2{font-family:var(--site-font-display);letter-spacing:-.005em;font-size:28px;font-weight:600;line-height:1.1}.template-page-section h2+*{margin-top:16px}.template-page-section *+h2{margin-top:48px}.template-page-section p{color:var(--site-text-2);font-size:17px;line-height:1.53}.template-page-section code{color:var(--site-text);font-family:var(--site-font-mono);white-space:nowrap;font-size:.88em}.template-page-components{flex-wrap:wrap;gap:8px;display:flex}.template-page-components a{background:var(--site-fill);height:36px;box-shadow:inset 0 0 0 1px var(--site-hairline);color:var(--site-text);border-radius:999px;align-items:center;padding:0 16px;font-size:15px;transition:background-color .18s;display:inline-flex}.template-page-components a:hover{background:var(--site-fill-strong)}.template-page-components a:focus-visible,.template-page-links a:focus-visible{outline:2px solid var(--lg-focus-ring);outline-offset:3px}