.doc-page{width:100%}.breadcrumb{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;font-size:.8rem;margin-bottom:var(--sp-6)}.breadcrumb,.breadcrumb a{color:var(--c-text-3)}.breadcrumb a:hover{color:var(--c-text-1)}.breadcrumb__sep{opacity:.5}.breadcrumb__current{color:var(--c-text-2);font-weight:500}.td-header{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-4)}.td-header__badge{width:-moz-fit-content;width:fit-content;padding:.3rem .8rem;border-radius:var(--r-full);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#facc15;background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.25)}.td-header__title{margin:0;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:900;letter-spacing:-.03em;color:var(--c-text-1)}.td-header__tagline{margin:0;font-size:1.1rem;color:var(--c-text-1)}.td-header__desc{margin:0;max-width:52rem;line-height:1.7;color:var(--c-text-2)}.td-header__stats{display:flex;flex-wrap:wrap;gap:var(--sp-6);font-size:.85rem;color:var(--c-text-2)}.td-header__stats strong{margin-right:.25rem;font-size:1.15rem;color:var(--c-text-1)}.td-header__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-2)}.tpl-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-full);border:1px solid rgba(255,255,255,.14);font-size:.88rem;font-weight:700;color:var(--c-text-1)}.tpl-btn:hover{background:rgba(255,255,255,.05);color:var(--c-text-1)}.tpl-btn--primary{border-color:transparent}.tpl-btn--primary,.tpl-btn--primary:hover{background:var(--c-primary-light);color:var(--c-bg)}.tpl-btn--primary:hover{filter:brightness(1.08)}.tpl-btn:focus-visible{outline:2px solid var(--c-primary-light);outline-offset:3px}.doc-section{margin-top:var(--sp-10)}.doc-section__title{font-size:1.1rem;font-weight:700;color:var(--c-text-1);margin:0 0 var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border)}.doc-section__subtitle{margin:0 0 var(--sp-4);font-size:.9rem;color:var(--c-text-3)}.td-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--sp-5);gap:var(--sp-5)}.td-page{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--c-border);background:rgba(255,255,255,.015);overflow:hidden;transition:border-color .2s ease,transform .25s ease}.td-page:hover{border-color:rgba(212,160,23,.35);transform:translateY(-2px)}.td-page:focus-within{outline:2px solid var(--c-primary-light);outline-offset:2px}.td-page .tpl-frame{border:0;border-bottom:1px solid var(--c-border);border-radius:0}.td-page__body{display:grid;grid-gap:var(--sp-2);gap:var(--sp-2);padding:var(--sp-4) var(--sp-5) var(--sp-5)}.td-page__body h3{margin:0;font-size:1rem}.td-page__link{color:var(--c-text-1)}.td-page__link:after{content:"";position:absolute;inset:0}.td-page__link:focus-visible{outline:none}.td-page__body p{margin:0;font-size:.88rem;line-height:1.6;color:var(--c-text-2)}.td-page__body code{width:-moz-fit-content;width:fit-content;font-size:.75rem;color:#facc15;background:rgba(255,255,255,.05);padding:.1rem .4rem;border-radius:4px;overflow-wrap:anywhere}.td-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin:0;padding:0;list-style:none}.td-highlights li{padding:var(--sp-4) var(--sp-4) var(--sp-4) 2.6rem;position:relative;border-radius:var(--r-md);border:1px solid var(--c-border);background:rgba(255,255,255,.015);font-size:.9rem;color:var(--c-text-1)}.td-highlights li:before{content:"";position:absolute;left:var(--sp-4);top:1.15rem;width:14px;height:14px;border-radius:50%;background:rgba(212,160,23,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4a017' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") 50% /9px no-repeat}.td-steps{display:grid;grid-gap:var(--sp-8);gap:var(--sp-8);margin:0;padding:0;list-style:none;counter-reset:step}.td-steps>li{position:relative;padding-left:2.75rem;counter-increment:step;min-width:0}.td-steps>li:before{content:counter(step);position:absolute;left:0;top:-2px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(212,160,23,.14);color:var(--c-primary-light);font-weight:800;font-size:.85rem}.td-steps h3{margin:0 0 var(--sp-3);font-size:1rem;color:var(--c-text-1)}.td-steps p{margin:0 0 var(--sp-3);font-size:.9rem;color:var(--c-text-2)}.td-files{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--sp-4);gap:var(--sp-4)}.td-files>div,.td-steps>li>*{min-width:0}.td-steps{grid-template-columns:minmax(0,1fr)}.td-files__name{margin:0 0 var(--sp-2)!important}.td-files__name code{font-size:.78rem;color:#facc15}.td-comps{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--sp-3);gap:var(--sp-3);margin:0;padding:0;list-style:none}.td-comps a{display:grid;grid-gap:4px;gap:4px;height:100%;padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border);background:rgba(255,255,255,.015);transition:border-color .2s ease,background .2s ease}.td-comps a:hover{border-color:rgba(212,160,23,.35);background:rgba(212,160,23,.04)}.td-comps a:focus-visible{outline:2px solid var(--c-primary-light);outline-offset:2px}.td-comps strong{font-size:.92rem;color:var(--c-text-1)}.td-comps span{font-size:.8rem;line-height:1.5;color:var(--c-text-2)}.td-comps--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.td-comps--compact a{padding:var(--sp-3) var(--sp-4)}.td-count{margin-left:.35rem;padding:.05rem .45rem;border-radius:var(--r-full);background:rgba(234,179,8,.12);color:#facc15;font-size:.72rem;vertical-align:middle}.td-prev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--sp-4);gap:var(--sp-4)}.td-prev-grid--sections{grid-template-columns:repeat(2,minmax(0,1fr))}.td-prev{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--c-border);background:rgba(255,255,255,.015);overflow:hidden;transition:border-color .2s ease,transform .25s ease}.td-prev:hover{border-color:rgba(212,160,23,.4);transform:translateY(-2px)}.td-prev:focus-within{outline:2px solid var(--c-primary-light);outline-offset:2px}.td-prev__stage{--mini-scale:0.35;position:relative;height:240px;overflow:hidden;border-bottom:1px solid var(--c-border);background:#050505;content-visibility:auto;contain-intrinsic-size:auto 240px}.td-prev-grid--sections .td-prev__stage{height:280px;contain-intrinsic-size:auto 280px}.td-prev__stage:after{content:"";inset:auto 0 0;height:40px;background:linear-gradient(transparent,#050505)}.td-prev__mini,.td-prev__stage:after{position:absolute;pointer-events:none}.td-prev__mini{inset:0}.td-prev__scale{width:calc(var(--canvas) * 1px);transform:scale(var(--mini-scale));transform-origin:top left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.td-prev:hover .td-prev__scale{transform:scale(calc(var(--mini-scale) * 1.03))}.td-prev__stage--component .td-prev__inner{margin:0 auto;padding:48px 40px}.td-prev__fallback{display:grid;place-items:center;height:100%;color:var(--c-text-3);font-size:.9rem}.td-prev__body{display:grid;grid-gap:4px;gap:4px;padding:var(--sp-4) var(--sp-5) var(--sp-5)}.td-prev__kind{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#facc15}.td-prev__name{margin:0;font-size:1rem}.td-prev__link{color:var(--c-text-1)}.td-prev__link:after{content:"";position:absolute;inset:0;z-index:2}.td-prev__link:focus-visible{outline:none}.td-prev__desc{margin:0;font-size:.82rem;line-height:1.55;color:var(--c-text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.td-prev__cta{margin-top:6px;font-size:.8rem;font-weight:700;color:var(--c-primary-light)}.td-prev:hover .td-prev__cta{text-decoration:underline;text-underline-offset:3px}@media (max-width:1200px){.td-prev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.td-prev__scale{transition:none}}@media (max-width:900px){.td-pages,.td-prev-grid,.td-prev-grid--sections{grid-template-columns:1fr}.td-steps>li{padding-left:0}.td-steps>li:before{position:static;margin-bottom:var(--sp-2)}}