.tpt{margin:-2rem -2rem 0;min-height:calc(100vh - 4rem);background:#fafafa;color:#111827;font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;display:flex;flex-direction:column}@media(max-width:768px){.tpt{margin:-1rem -1rem 0}}.tpt-inner{max-width:64rem;margin:0 auto;padding-left:1rem;padding-right:1rem}@media(min-width:640px){.tpt-inner{padding-left:1.25rem;padding-right:1.25rem}}.tpt-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8125rem;color:#6b7280;margin-bottom:1rem}.tpt-breadcrumb a{color:#6b7280;text-decoration:none}.tpt-breadcrumb a:hover{color:#111827;text-decoration:underline;text-underline-offset:2px}.tpt-breadcrumb span[aria-current=page]{color:#111827;font-weight:500}.tpt-header{background:transparent;padding:1.25rem 0 0;flex-shrink:0}@media(min-width:640px){.tpt-header{padding-top:1.5rem}}.tpt-header__eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.5rem}.tpt-header__headline{font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;letter-spacing:-.03em;color:#111827;margin:0 0 .75rem;max-width:none}.tpt-header__intro{font-size:1rem;font-weight:400;line-height:1.6;color:#6b7280;max-width:48rem;margin:0 0 1.25rem}.tpt-workspace{flex:1 1;background:transparent;border:0;padding:0 1rem;display:flex;justify-content:center}@media(min-width:640px){.tpt-workspace{padding-left:1.25rem;padding-right:1.25rem}}.tpt-info{background:transparent;padding:2.5rem 0 4rem;border:0}.tpt-info h2{font-family:var(--font-body),ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;font-weight:600;letter-spacing:-.01em;color:#111827;margin:2rem 0 .75rem}.tpt-info h2:first-child{margin-top:0}.tpt-info h3{font-size:.95rem;font-weight:600;color:#111827;margin:1.25rem 0 .35rem}.tpt-info p{font-size:.9rem;font-weight:400;line-height:1.65;color:#6b7280;margin:0 0 .75rem}.tpt-info p:last-child{margin-bottom:0}.tpt-info p code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;background:#f4f4f5;padding:.1em .3em;border-radius:4px;color:#111827}.tpt-info p a{color:#111827;text-decoration:underline;text-underline-offset:2px;font-weight:400}.tpt-info p a:hover{color:#111827}.tpt-definition{margin-bottom:1.5rem}.tpt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem 2rem;gap:1.5rem 2rem;margin-bottom:1rem}.tpt-block h2{margin-top:0}.tpt-list{margin:0 0 .75rem;padding-left:1.15rem}.tpt-list li{font-size:.9rem;font-weight:400;line-height:1.65;color:#6b7280;margin-bottom:.4rem}.tpt-list li strong{font-weight:600;color:#111827}.tpt-list li code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8rem;background:#f4f4f5;padding:.1em .3em;border-radius:4px;color:#111827}.tpt-list li a{color:#111827;text-decoration:underline;text-underline-offset:2px;font-weight:400}.tpt-list li a:hover{color:#111827}.tpt-howto{margin:2rem 0}.tpt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1rem;gap:1rem;margin-top:1rem}.tpt-step{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem}.tpt-step__num{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#f4f4f5;border-radius:50%;font-size:.75rem;margin-bottom:.5rem}.tpt-step h3,.tpt-step__num{font-weight:600;color:#111827}.tpt-step h3{font-size:.9rem;margin:0 0 .35rem}.tpt-step p{font-size:.85rem;line-height:1.55;color:#6b7280;margin:0}.tpt-examples{margin:2rem 0}.tpt-examples__grid{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.tpt-example{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem}.tpt-example h3{font-size:.9rem;font-weight:600;color:#111827;margin:0 0 .75rem}.tpt-example__row{display:flex;align-items:flex-start;gap:1rem}@media(max-width:600px){.tpt-example__row{flex-direction:column;gap:.5rem}}.tpt-example__col{flex:1 1;min-width:0}.tpt-example__label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;margin-bottom:.35rem}.tpt-example__code{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.5;background:#f4f4f5;border-radius:6px;padding:.6rem .75rem;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-all;color:#111827}.tpt-example__arrow{display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#9ca3af;padding-top:1.25rem}@media(max-width:600px){.tpt-example__arrow{padding-top:0;transform:rotate(90deg)}}.tpt-example__note{font-size:.8rem;font-style:italic;color:#9ca3af;margin:.75rem 0 0}.tpt-comparison,.tpt-errors{margin:2rem 0}.tpt-table-wrap{overflow-x:auto;margin-top:1rem}.tpt-table{width:100%;border-collapse:collapse;font-size:.85rem}.tpt-table td,.tpt-table th{padding:.65rem .85rem;text-align:left;border:1px solid #e5e7eb}.tpt-table th{background:#f4f4f5;font-weight:600;color:#111827}.tpt-table td{background:#fff;color:#6b7280}.tpt-table td code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;background:#f4f4f5;padding:.15em .35em;border-radius:4px;color:#111827;white-space:nowrap}.tpt-table tr:hover td{background:#fafafa}.tpt-faqs{margin:2rem 0}.tpt-faq-list{margin-top:1rem}.tpt-faq{margin-bottom:1.25rem}.tpt-faq h3{font-size:.95rem;font-weight:600;color:#111827;margin:0 0 .35rem}.tpt-faq p{font-size:.9rem;line-height:1.65;color:#6b7280;margin:0}.tpt-related{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.tpt-related h2{margin-top:0}.tpt-related h3{font-size:.9rem;margin-top:1.25rem}.tpt-related__list{list-style:none;margin:.5rem 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem}.tpt-related__list li{font-size:.9rem;line-height:1.5}.tpt-related__list a{color:#111827;text-decoration:underline;text-underline-offset:2px}.tpt-related__list a:hover{color:#111827}.tpt-meta{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.tpt-meta p{font-size:.8rem;color:#9ca3af;margin:0}.tpt-meta p a{color:#6b7280;text-decoration:underline;text-underline-offset:2px}.tpt-meta p a:hover{color:#111827}