.webtron-docs-grid{--dg-primary:var(--wds-accent);--dg-bg:var(--wds-surface);--dg-border:var(--wds-border);--dg-text:var(--wds-text);--dg-text-muted:var(--wds-text-muted);--dg-radius:var(--wds-radius);--dg-gap:1.5rem;--dg-transition:var(--wds-dur) var(--wds-ease);margin:2rem auto;max-width:var(--content-width-desktop,none)}@media (max-width:1024px){.webtron-docs-grid{max-width:var(--content-width-tablet,none)}}@media (max-width:768px){.webtron-docs-grid{max-width:var(--content-width-mobile,none)}}.webtron-docs-grid__empty,.webtron-docs-grid__loading{align-items:center;background:var(--dg-bg);border:2px dashed var(--dg-border);border-radius:var(--dg-radius);color:var(--dg-text-muted);display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.webtron-docs-grid__tabs{background:var(--wds-control-track-bg);border:1px solid var(--dg-border);border-radius:var(--wds-radius);display:inline-flex;flex-wrap:wrap;gap:4px;margin-bottom:1.5rem;padding:4px}.webtron-docs-grid__tab{background:transparent;border:none;border-radius:var(--wds-radius-pill);color:var(--dg-text-muted);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.5rem 1rem;transition:color var(--dg-transition),background-color var(--dg-transition),box-shadow var(--dg-transition);white-space:nowrap}.webtron-docs-grid__tab:hover{background:color-mix(in srgb,var(--dg-primary) 8%,transparent);color:var(--dg-text)}.webtron-docs-grid__tab:focus-visible{box-shadow:var(--wds-focus-ring);outline:none}.webtron-docs-grid__tab.is-active{background:var(--wds-control-thumb-bg);box-shadow:var(--wds-control-thumb-shadow);color:var(--dg-primary)}.webtron-docs-grid__panel{animation:dgPanelFade var(--wds-dur-slow) var(--wds-ease) forwards;display:none;opacity:0}.webtron-docs-grid__panel.is-active{display:block}@keyframes dgPanelFade{to{opacity:1}}.webtron-docs-grid__content{display:grid;gap:var(--dg-gap);grid-template-columns:repeat(var(--columns-desktop,3),1fr)}@media (max-width:1024px){.webtron-docs-grid__content{grid-template-columns:repeat(var(--columns-tablet,2),1fr)}}@media (max-width:640px){.webtron-docs-grid__content{grid-template-columns:repeat(var(--columns-mobile,1),1fr)}}.webtron-docs-grid__card{background:var(--dg-bg);border:1px solid var(--dg-border);border-radius:var(--wds-radius-lg);box-shadow:var(--wds-shadow-card);display:flex;flex-direction:column;padding:1.5rem;position:relative;transition:box-shadow var(--dg-transition),transform var(--dg-transition),border-color var(--dg-transition)}.webtron-docs-grid__card:hover{box-shadow:var(--wds-shadow-lg);transform:var(--wds-lift)}.webtron-docs-grid__card-link{color:inherit;display:flex;flex-direction:column;text-decoration:none}.webtron-docs-grid__card-link:hover{text-decoration:none}.webtron-docs-grid__card-link:focus-visible{border-radius:var(--wds-radius-lg);box-shadow:var(--wds-focus-ring);outline:none}.webtron-docs-grid__card-icon{align-items:center;background:var(--wds-accent-soft);border-radius:var(--wds-chip-radius);color:var(--dg-primary);display:flex;height:46px;justify-content:center;margin-bottom:1rem;transition:background-color var(--dg-transition);width:46px}.webtron-docs-grid__card:hover .webtron-docs-grid__card-icon{background:color-mix(in srgb,var(--dg-primary) 20%,var(--wds-surface))}.webtron-docs-grid__card-icon svg{height:22px;width:22px}.webtron-docs-grid__card-icon i{font-size:22px;line-height:1}.webtron-docs-grid__card-title{color:var(--dg-text);font-size:1.0625rem;font-weight:650;letter-spacing:-.01em;line-height:1.4;margin:0 0 .5rem;transition:color var(--dg-transition)}.webtron-docs-grid__card-link:hover .webtron-docs-grid__card-title{color:var(--dg-primary)}.webtron-docs-grid__card-description{color:var(--dg-text-muted);display:-webkit-box;font-size:.875rem;-webkit-line-clamp:3;line-clamp:3;line-height:1.55;margin:0 0 1rem;-webkit-box-orient:vertical;overflow:hidden}.webtron-docs-grid__card-count{align-items:center;background:var(--wds-surface-2);border:1px solid var(--dg-border);border-radius:var(--wds-radius-pill);color:var(--dg-text-muted);display:inline-flex;font-size:.75rem;font-weight:500;gap:.375rem;margin-bottom:.75rem;padding:.25rem .625rem;width:-moz-fit-content;width:fit-content}.webtron-docs-grid__card-count i{font-size:.6875rem;opacity:.8}.webtron-docs-grid__card-children{border-top:1px solid var(--dg-border);list-style:none;margin:.5rem 0 0;padding:.75rem 0 0}.webtron-docs-grid__card-child{margin:0;padding:.375rem 0}.webtron-docs-grid__card-child a{align-items:center;color:var(--dg-text-muted);display:flex;font-size:.875rem;gap:.5rem;text-decoration:none;transition:color var(--dg-transition)}.webtron-docs-grid__card-child a:before{background:var(--wds-text-faint);border-radius:50%;content:"";height:4px;transition:background-color var(--dg-transition);width:4px}.webtron-docs-grid__card-child a:hover{color:var(--dg-primary)}.webtron-docs-grid__card-child a:hover:before{background:var(--dg-primary)}.webtron-docs-grid__card-child a:focus-visible{border-radius:var(--wds-radius-sm);outline:2px solid var(--wds-accent);outline-offset:2px}.webtron-docs-grid__card-child--more a{color:var(--dg-primary);font-weight:500}.webtron-docs-grid__card-child--more a:before{display:none}.webtron-docs-grid__card-child--more a i{font-size:.6875rem;transition:transform var(--dg-transition)}.webtron-docs-grid__card-child--more a:hover i{transform:translateX(3px)}.webtron-docs-grid__card--parent{align-items:center;background:var(--wds-accent-soft);border:1px solid color-mix(in srgb,var(--dg-primary) 22%,var(--dg-border));border-left:3px solid var(--dg-primary);box-shadow:none;color:var(--dg-text);flex-direction:row;gap:1.5rem;grid-column:1/-1;padding:1.75rem 2rem}.webtron-docs-grid__card--parent:hover{box-shadow:var(--wds-shadow-card);transform:none}.webtron-docs-grid__card--parent .webtron-docs-grid__card-link{align-items:center;flex:1;flex-direction:row;gap:1.5rem}.webtron-docs-grid__card--parent .webtron-docs-grid__card-icon{background:color-mix(in srgb,var(--dg-primary) 18%,var(--wds-surface));color:var(--dg-primary);flex-shrink:0;height:58px;margin-bottom:0;width:58px}.webtron-docs-grid__card--parent:hover .webtron-docs-grid__card-icon{background:color-mix(in srgb,var(--dg-primary) 26%,var(--wds-surface))}.webtron-docs-grid__card--parent .webtron-docs-grid__card-icon svg{height:28px;width:28px}.webtron-docs-grid__card--parent .webtron-docs-grid__card-icon i{font-size:28px;line-height:1}.webtron-docs-grid__card--parent .webtron-docs-grid__card-title{color:var(--dg-primary);font-size:1.375rem;margin-bottom:.25rem}.webtron-docs-grid__card--parent .webtron-docs-grid__card-link:hover .webtron-docs-grid__card-title{color:var(--dg-primary);text-decoration:underline}.webtron-docs-grid__card--parent .webtron-docs-grid__card-description{color:var(--dg-text-muted);-webkit-line-clamp:none;margin:0;overflow:visible}@media (max-width:640px){.webtron-docs-grid__card--parent{flex-direction:column;text-align:center}.webtron-docs-grid__card--parent .webtron-docs-grid__card-link{flex-direction:column}}.webtron-docs-grid__card-child-placeholder{color:var(--dg-text-muted);font-size:.875rem;font-style:italic}@media print{.webtron-docs-grid__tabs{display:none}.webtron-docs-grid__panel{display:block!important;opacity:1!important;transform:none!important}.webtron-docs-grid__card{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}}