@layer components{.hub-intro{padding-top:clamp(48px,5vw,72px)}.hub-intro+.hub-collection{padding-top:clamp(40px,4vw,56px)}.hub-collection{padding-top:clamp(56px,6vw,88px)}.hub-collection>.ps-head+*{margin-top:28px}.hub-empty{margin:0;padding-top:clamp(56px,6vw,88px)}.hub-intro__tile{padding:28px 32px}.hub-intro__tile .ps-statement{max-width:52rem}.hub-collection__note{max-width:46rem;margin-top:20px}.hub-collection__note a{color:var(--color-lapu-primary-text);text-underline-offset:3px;text-decoration:underline}.hub-tile{gap:12px;padding:24px 24px 22px}.hub-tile .ps-h3{text-wrap:balance}.hub-tile__text{color:var(--color-lapu-ink-800)}.hub-tile__media{aspect-ratio:1.6;background:#1d1f23;background:lab(11.8112% -.359252 -2.95931);border-radius:12px;margin:-8px -8px 8px;overflow:hidden}@media (min-width:640px){.hub-tile--wide:has(.hub-tile__media){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:center;column-gap:32px;display:grid}.hub-tile--wide .hub-tile__media{grid-row:1/span 6;margin:-8px 0 -8px -8px}}@media (min-width:1024px){.hub-tile--wide:has(.hub-tile__media){grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.hub-tile__foot{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;margin-top:auto;padding-top:8px;display:flex}.hub-tile{grid-template-rows:auto}.hub-tile:has(.hub-tile__foot){flex-direction:column;display:flex}.hub-tile__action{color:var(--color-lapu-ink-900)}.hub-group{gap:20px;display:grid}.hub-group__title{font-size:1.5rem}@media (min-width:768px){.hub-group__title{font-size:1.75rem}}.hub-examples{gap:6px;margin:0;padding-left:1.1em;list-style:outside;display:grid}.hub-examples li::marker{color:var(--color-lapu-primary-strong)}.hub-examples li{color:var(--color-lapu-ink-800);font-size:1rem;line-height:1.5}.hub-note{color:var(--color-lapu-ink-800);margin:0;font-size:1rem}.hub-note a,.hub-page .ps-section a:not([class]){color:var(--color-lapu-primary-text);text-underline-offset:3px;text-decoration:underline}}