.tpl-page{color:#1d1919;background:#f7f7f5;min-height:100vh;padding:8rem max(1.5rem,50vw - 590px) 5rem}.tpl-hero{max-width:880px;padding:4rem 0}.tpl-kicker{letter-spacing:.04em;text-transform:uppercase;color:#9e268f;font-size:.86rem;font-weight:800}.tpl-hero h1,.tpl-example h2,.tpl-structure h2{font-family:var(--font-display,inherit);letter-spacing:-.035em;line-height:.95}.tpl-hero h1{margin:.75rem 0 1.5rem;font-size:clamp(3.2rem,8vw,7rem)}.tpl-lead{max-width:720px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.5}.tpl-primary{color:#fff;background:#1d1919;border-radius:999px;margin-top:1.5rem;padding:.9rem 1.35rem;font-weight:750;text-decoration:none;display:inline-flex}.tpl-example{background:#f59be8;border-radius:2rem;grid-template-columns:1fr 1fr;align-items:center;gap:3rem;padding:clamp(1.5rem,4vw,3.5rem);display:grid}.tpl-example__copy h2,.tpl-structure h2{margin:.65rem 0 1.25rem;font-size:clamp(2.2rem,5vw,4.4rem)}.tpl-example__copy p,.tpl-example__copy li{font-size:1.08rem;line-height:1.55}.tpl-example__copy small{opacity:.7;margin-top:1.25rem;display:block}.tpl-structure{padding:6rem 0 3rem}.tpl-segments{grid-template-columns:repeat(3,1fr);gap:1rem;margin:2.5rem 0;display:grid}.tpl-segments article{background:#fff;border-radius:1.25rem;min-height:210px;padding:1.5rem}.tpl-segments article>span{color:#d72fc0;font-weight:850}.tpl-segments h3{margin:2rem 0 .5rem;font-size:1.55rem}.tpl-segments p{line-height:1.5}.tpl-back{margin-top:4rem}.tpl-back a{color:inherit}.tpl-example .hpl{background:#fff}.tpl-example .hpl__src{background:#fce6f8}@media (max-width:760px){.tpl-page{padding-top:5rem}.tpl-example,.tpl-segments{grid-template-columns:1fr}.tpl-hero{padding:2.5rem 0}}.tpl-crumbs{max-width:1120px;margin:0 auto;padding:24px 24px 0}.tpl-crumbs ol{flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.tpl-crumbs li+li:before{content:"/";opacity:.45;margin-right:8px}.tpl-crumbs a{color:inherit;opacity:.7;text-decoration:none}.tpl-crumbs a:hover{opacity:1;text-decoration:underline}.tpl-crumbs [aria-current=page]{opacity:1;font-weight:600}.tpl-hub-collections{gap:32px;max-width:1120px;margin:0 auto;padding:40px 24px 0;display:grid}.tpl-hub-collections h2{margin:0 0 12px;font-size:18px}.tpl-hub-collections ul{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tpl-hub-collections li{border:1px solid #0000001a;border-radius:14px;padding:16px}.tpl-hub-collections li a{color:inherit;font-weight:600;text-decoration:none}.tpl-hub-collections li a:hover{text-decoration:underline}.tpl-hub-collections li p{opacity:.72;margin:6px 0 0;font-size:14px}.tpl-hub-collections__count{opacity:.6;margin-left:8px;font-size:13px;display:inline-block}.tpl-collection{max-width:1120px;margin:0 auto;padding:0 24px 72px}.tpl-collection__hero{padding:24px 0 32px}.tpl-collection__hero h1{margin:8px 0 12px}.tpl-collection__count{opacity:.7;margin:0 0 20px;font-size:15px}.tpl-collection__grid ul{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tpl-collection__grid li{border:1px solid #0000001a;border-radius:16px;padding:20px}.tpl-collection__grid h2{margin:0 0 8px;font-size:18px}.tpl-collection__grid h2 a{color:inherit;text-decoration:none}.tpl-collection__grid h2 a:hover{text-decoration:underline}.tpl-collection__grid p{opacity:.75;margin:0;font-size:14px}.tpl-collection__meta{gap:12px;font-size:13px;display:flex;opacity:.6!important;margin-top:12px!important}.tpl-collection__howto,.tpl-collection__faq,.tpl-collection__related{margin-top:48px}.tpl-collection__faq dt{margin-top:16px;font-weight:600}.tpl-collection__faq dd{opacity:.8;margin:6px 0 0}.tpl-collection__related ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tpl-collection__related li a{color:inherit;border:1px solid #0000001f;border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none;display:inline-block}.tpl-related{max-width:1120px;margin:0 auto;padding:48px 24px 72px}.tpl-related h2{margin:0 0 20px;font-size:20px}.tpl-related__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tpl-related__grid li{border:1px solid #0000001a;border-radius:16px;padding:18px}.tpl-related__grid li a{color:inherit;font-weight:600;text-decoration:none}.tpl-related__grid li a:hover{text-decoration:underline}.tpl-related__grid li p{opacity:.75;margin:8px 0 0;font-size:14px}.tpl-related__meta{opacity:.6;margin-top:4px;font-size:13px;display:block}.tpl-related__parent{margin-top:24px}@media (prefers-color-scheme:dark){.tpl-hub-collections li,.tpl-collection__grid li,.tpl-collection__related li a,.tpl-related__grid li{border-color:#ffffff29}}@media (max-width:640px){.tpl-crumbs,.tpl-hub-collections,.tpl-collection,.tpl-related{padding-left:16px;padding-right:16px}}