.tpl-block{border:1px solid var(--line);border-radius:var(--r-lg,20px);background:var(--surface);gap:16px;padding:18px;display:grid}@media (min-width:640px){.tpl-block{padding:24px}}.tpl-pre{max-height:none;font-size:13px}.tpl-examples{gap:16px;display:grid}.tpl-example{border:1px solid var(--line);border-radius:var(--r-lg,20px);background:var(--surface);gap:14px;padding:18px;display:grid}@media (min-width:640px){.tpl-example{padding:22px}}.tpl-example-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tpl-example-title{color:var(--text);font-family:var(--font-display);text-transform:uppercase;margin:0;font-size:clamp(1.6rem,4.5vw,2.2rem);font-weight:900;line-height:.95}.tpl-blurb{color:var(--text-2);font-size:var(--fs-sm);margin:0;line-height:1.55}.tpl-tips{gap:12px;margin:0;padding:0;list-style:none;display:grid}.tpl-tips li{border:1px solid var(--line);border-radius:var(--r-md,14px);background:var(--surface);padding:14px 16px}.tpl-tips h3{color:var(--text);font-size:var(--fs-base);margin:0 0 4px;font-weight:600}.tpl-tips p{color:var(--text-2);font-size:var(--fs-sm);margin:0;line-height:1.55}.tpl-onscene{border:1px solid var(--accent-line);border-radius:var(--r-lg,20px);background:var(--accent-soft);gap:12px;margin-top:40px;padding:20px;display:grid}.tpl-onscene p{color:var(--text);margin:0;line-height:1.6}.tpl-onscene h2{margin:0}.tp-cta-row .ui-btn{white-space:normal;text-align:left;max-width:100%}