@layer components{.hub-head{align-items:start}.hub-head .lead{max-width:40rem}.hub-card{width:100%;max-width:40rem}@media (min-width:64rem){.hub-head{grid-template-columns:minmax(0,1fr)}}@media (min-width:80rem){.hub-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.hub-card{justify-self:end}}@media (min-width:80rem) and (max-width:89.99rem){.hub-card .mini-field{border-radius:var(--r-lg);flex-wrap:wrap;padding:.25rem}.hub-card .mini-field input{flex:100%;padding:.5rem .625rem}.hub-card .mini-field .btn{flex:100%}}.hub-made-slot{grid-column:1/-1;min-width:0}@media (min-width:80rem){.hub-grid>.hub-made-slot{order:1}.hub-grid>.post-card:nth-child(n+10){order:2}}.hub-made{border-block:1px solid var(--rule);gap:1.25rem;padding-block:1.5rem 1.75rem;display:grid}@media (min-width:64rem){.hub-made{gap:1.5rem;padding-block:2.25rem 2.5rem}}.hub-made-head{gap:.375rem;display:grid}.hub-made-head h2{margin:0}.hub-made-head p{color:var(--ink-2);font-size:var(--text-ui);max-width:40rem;margin:0}.post-card p.by{clip-path:inset(-.25rem -1rem -.25rem 1rem);gap:.25rem 0;width:calc(100% + 1rem);translate:-1rem}.post-card p.by>*{white-space:nowrap;padding-left:1rem;position:relative}.post-card p.by>:before{content:"·";text-align:center;width:1rem;margin:0;position:absolute;left:0}}