@layer component{@scope(.relatedGroup){:scope{padding-top:calc(var(--inset)*2);padding-bottom:calc(var(--inset)*2);padding-left:var(--gutter);padding-right:var(--gutter);border-top:var(--border-sm)solid var(--border-quaternary)}.relatedGroupWrapper{width:100%;max-width:var(--measure);gap:calc(var(--inset)*1.5);flex-direction:column;height:fit-content;margin-left:auto;margin-right:auto;display:flex;position:relative}h3{font-variation-settings:var(--body-variation-semi-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-tght);line-height:var(--leading-sm)}.relatedGrid{grid-template-columns:var(--grid-card-xl);gap:calc(var(--inset))calc(var(--inset)/2);grid-template-rows:auto;width:100%;height:fit-content;display:grid;position:relative}}@scope(.linkCard){:scope{align-items:center;gap:var(--inset);padding:calc(var(--inset)/2);border-radius:calc(var(--radius-sm) + (var(--inset)/2));background:var(--surface-secondary);color:var(--text-primary);transition:border-color var(--transition-base),transform var(--transition-base);text-decoration:none;display:flex}:scope>svg:last-child{margin-right:var(--inset);width:var(--icon-md);height:var(--icon-md);stroke:currentColor;stroke-width:var(--stroke-md);stroke-linecap:round;stroke-linejoin:round}.linkCardIcon{width:calc(var(--button-lg) + (var(--inset)/2));height:calc(var(--button-lg) + (var(--inset)/2));border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--doc-accent,var(--theme-primary));flex:none;justify-content:center;align-items:center;display:inline-flex}.linkCardIcon svg{width:var(--icon-lg);height:var(--icon-lg);stroke:currentColor;stroke-width:var(--stroke-md);stroke-linecap:round;stroke-linejoin:round}.linkCardText{gap:var(--gap-3xs);flex-direction:column;min-width:0;display:flex}.linkCardText strong{font-variation-settings:var(--body-variation-medium-alt);min-width:0;font-size:var(--text-md);letter-spacing:var(--tracking-tght);line-height:var(--leading-sm);flex:1}.linkCardText small{min-width:0;padding-top:var(--safe-ellipsis);padding-bottom:var(--safe-ellipsis);color:var(--text-tertiary);letter-spacing:var(--tracking-md);line-height:var(--leading-sm);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (hover:hover) and (pointer:fine){:scope:not(.static):hover{border-color:var(--doc-accent,var(--theme-primary));transform:translateY(calc(var(--gap-3xs)*-1))}}}}