.tpl-hero{justify-items:start;gap:16px;padding-block:clamp(48px,7vw,88px) 32px;display:grid}.tpl-hero .display--page{max-width:16ch}.tpl-hero .lead{max-width:560px}.tpl-hero__meta{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;font-size:.9375rem;display:flex}.tpl-catalog{padding-bottom:var(--section-y)}.tpl-toolbar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 16px;padding-block:20px 8px;display:flex}.tpl-search{min-width:0;color:var(--text-subtle);flex:0 340px;position:relative}.tpl-search svg{pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.tpl-search input{border:1px solid var(--n-300);border-radius:var(--radius-sm);background:var(--white);width:100%;min-height:44px;color:var(--text);font:inherit;padding:0 14px 0 40px;font-size:1rem}.tpl-search input::placeholder{color:var(--text-subtle)}.tpl-search input:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-color:var(--focus)}.tpl-filters,.tpl-jump ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.filter-chip{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--white);min-height:40px;color:var(--n-800);font:inherit;cursor:pointer;transition:border-color .15s var(--ease), background-color .15s var(--ease);align-items:center;padding:0 14px;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.filter-chip:hover{border-color:var(--n-300);color:var(--n-900)}.filter-chip[aria-pressed=true]{border-color:var(--n-900);background:var(--n-900);color:var(--white)}.tpl-count{color:var(--text-muted);flex-basis:100%;margin:0;font-size:.875rem}.tpl-group{scroll-margin-top:calc(var(--header-h) + 16px);padding-top:32px}.tpl-group+.tpl-group{padding-top:48px}.tpl-group__title{letter-spacing:-.015em;margin:0 0 16px;font-size:1.25rem;font-weight:600}.tpl-card--catalog .tpl-card__body{grid-template-rows:auto auto 1fr auto}.tpl-card__meta{color:var(--text-muted);align-items:center;gap:8px;margin:0 0 4px;font-size:.8125rem;display:flex}.tpl-card__actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tpl-card__actions .btn{min-height:40px;padding-inline:14px;font-size:.9375rem}.tpl-empty{border:1px dashed var(--n-300);border-radius:var(--radius-lg);color:var(--text-muted);text-align:center;justify-items:center;gap:16px;margin-top:32px;padding:48px 24px;display:grid}.tpl-empty p{max-width:44ch;margin:0}html:has(.tpl-dialog[open]){overflow:hidden}.tpl-dialog{border-radius:var(--radius-lg);background:var(--white);width:min(560px,100vw - 24px);max-width:none;max-height:min(88vh,880px);color:var(--text);box-shadow:var(--shadow-pop);border:0;padding:0}.tpl-dialog[open]{display:flex}.tpl-dialog::backdrop{background:#17171780}.tpl-dialog__inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.tpl-dialog__head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 16px 16px 24px;display:flex}.tpl-dialog__heading{gap:2px;min-width:0;display:grid}.tpl-dialog__meta{color:var(--text-muted);margin:0;font-size:.8125rem}.tpl-dialog__title{letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:600}.tpl-dialog__close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--n-600);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.tpl-dialog__close:hover{background:var(--n-100);color:var(--n-900)}.tpl-dialog__body{overscroll-behavior:contain;background:var(--n-100);flex:1;min-height:0;padding:20px;overflow:auto}.tpl-dialog__body:focus-visible{outline-offset:-2px}.tpl-dialog__foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;padding:16px 24px;display:flex}.tpl-dialog__foot .small{color:var(--text-muted);flex:220px;margin:0}@media (width<=620px){.tpl-search{flex-basis:100%}.tpl-filters{flex:0 0 calc(100% + 2 * var(--gutter));margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.tpl-filters .filter-chip{flex:none}.tpl-dialog{max-height:calc(100dvh - 24px)}.tpl-dialog__body{padding:12px}.tpl-dialog__foot{padding:14px 16px}.tpl-dialog__foot .btn{justify-content:center;width:100%}}