.sp{gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);border:var(--shape-border-width) dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-sunken);color:var(--color-text);grid-template-columns:minmax(0,1fr);display:grid;container:sp/inline-size}.sp .sp-top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sp .sp-who{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-wrap:wrap;margin:0;display:flex}.sp .sp-who b{color:var(--color-text)}.sp .popover{inset-inline:auto 0}.sp .popover h3{font-size:var(--font-size-base)}.sp .popover p{color:var(--color-text-secondary);margin:0}.sp .link-btn{min-height:44px;font-size:var(--font-size-sm)}.sp [hidden]{display:none!important}.sp-tpl .sp-card{align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3);border:var(--border-width-hairline) dashed var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface);transition:border-color var(--motion-duration-fast) var(--motion-ease-standard), transform var(--motion-duration-base) var(--motion-ease-out);grid-template-columns:72px minmax(0,1fr);display:grid;position:relative}.sp-tpl .sp-card:hover{border-color:var(--color-text-secondary)}.sp-tpl .sp-mini,.sp-tpl .sp-logo{width:72px;height:72px}.sp-tpl .sp-mini{background:var(--sp-wheel,conic-gradient(var(--color-palette-1) 0 25%, var(--color-palette-2) 0 50%, var(--color-palette-3) 0 75%, var(--color-palette-4) 0));box-shadow:0 0 0 var(--shape-border-width) var(--color-border-strong);opacity:.9;transition:transform var(--motion-duration-slow) var(--motion-ease-out);border-radius:50%}.sp-tpl .sp-card:hover .sp-mini{transform:rotate(40deg)}.sp-tpl .sp-logo{object-fit:contain;border-radius:var(--radius-control);background:var(--color-raised)}.sp-tpl .sp-body{gap:4px;min-width:0;display:grid}.sp-tpl .sp-title{font-size:var(--font-size-lg);margin:0;line-height:1.25}.sp-tpl .sp-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.sp-tpl .tpl-meta{margin:4px 0 0}.sp-tpl .sp-go{pointer-events:none;display:none}.sp-tpl .sp-link{color:inherit;text-decoration:none}.sp-tpl .sp-link:after{content:"";z-index:1;border-radius:inherit;position:absolute;inset:0}.sp-tpl .sp-link:focus-visible{outline:none}.sp-tpl .sp-card:has(.sp-link:focus-visible){outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:3px}.sp-tpl .sp-link[aria-disabled=true]:after{cursor:default}@container sp (min-width:600px){.sp-tpl .sp-card{grid-template-columns:88px minmax(0,1fr) auto}.sp-tpl .sp-mini,.sp-tpl .sp-logo{width:88px;height:88px}.sp-tpl .sp-go{display:inline-flex}}.sp-banner{width:min(100%, calc(var(--sp-w,728px) + 2 * var(--space-4) + 2 * var(--shape-border-width)));padding:var(--space-2) var(--space-3) var(--space-3);justify-self:center;gap:var(--space-2)}.sp-banner .sp-frame{gap:var(--space-2);color:inherit;border-radius:var(--radius-control);justify-items:center;text-decoration:none;display:grid;position:relative}.sp-banner .sp-frame:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:3px}.sp-banner picture{width:100%;max-width:var(--sp-w,728px);display:block}.sp-banner img{width:100%;height:auto;aspect-ratio:var(--sp-ar);border-radius:calc(var(--radius-control) * .6);background:var(--color-surface);object-fit:cover;display:block}.sp-banner .sp-placeholder{width:100%;max-width:var(--sp-w,728px);aspect-ratio:var(--sp-ar);border:var(--border-width-hairline) dashed var(--color-border-strong);border-radius:calc(var(--radius-control) * .6);min-height:44px;color:var(--color-text-muted);font-size:var(--font-size-xs);place-items:center;display:grid}.sp-banner .sp-headline{color:var(--color-text);font-size:var(--font-size-sm);text-align:center;font-weight:700}.sp-banner .sp-frame:hover .sp-headline{text-underline-offset:3px;text-decoration:underline}.sp-banner.has-mobile img{aspect-ratio:var(--sp-ar-m)}@media (min-width:768px){.sp-banner.has-mobile img{aspect-ratio:var(--sp-ar)}}@media (prefers-reduced-motion:reduce){.sp-tpl .sp-card,.sp-tpl .sp-mini{transition:none}.sp-tpl .sp-card:hover .sp-mini{transform:none}}