.hub{padding-block:36px clamp(48px,6vw,80px)}.hub-head{max-width:47.5rem;margin-top:28px}.hub-title{font-family:var(--font-display);letter-spacing:-.028em;text-wrap:balance;font-size:clamp(2.4rem,5.6vw,4rem);font-weight:700;line-height:1}.hub-lede{max-width:62ch;color:var(--text-body);margin-top:18px;font-size:clamp(1.04rem,1.4vw,1.16rem);line-height:1.7}.hub-lede+.hub-lede{margin-top:12px}.hub-actions{flex-wrap:wrap;gap:10px 26px;margin-top:22px;display:flex}.hub-section{margin-top:clamp(40px,5vw,60px)}.hub-section-title{font-family:var(--font-display);letter-spacing:-.022em;margin-bottom:18px;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:600;line-height:1.15}.hub-section-lede{max-width:62ch;color:var(--text-2);margin:-6px 0 18px;font-size:.98rem;line-height:1.65}.hub-head+.hub-list{margin-top:clamp(32px,4vw,48px)}.hub-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.hub-list>li{min-width:0;display:flex}.hub-card{--ring:linear-gradient(var(--line-strong), var(--line-strong));border-radius:var(--radius-lg);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--ring) border-box;width:100%;min-width:0;transition:background .3s var(--ease-out);border:1px solid #0000;flex-direction:column;gap:14px;padding:clamp(16px,2.2vw,22px);display:flex}.hub-card:hover{--ring:linear-gradient(color-mix(in srgb, var(--accent) 45%, var(--line-strong)), color-mix(in srgb, var(--accent) 45%, var(--line-strong)))}.hub-body{flex-direction:column;flex:auto;gap:10px;min-width:0;display:flex}.hub-cover{aspect-ratio:16/9;object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--well);width:100%;height:auto;display:block}.hub-kicker{color:var(--accent-soft);font-size:.88rem;font-weight:500}.hub-meta{color:var(--text-3);flex-wrap:wrap;gap:4px 14px;font-size:.88rem;display:flex}.hub-card-title{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;line-height:1.22}.hub-card-title a{transition:color .2s}.hub-card-text{color:var(--text-2);font-size:.98rem;line-height:1.6}.hub-card .tags{margin-top:2px}.hub-links{flex-wrap:wrap;gap:8px 22px;margin-top:auto;padding-top:6px;display:flex}.hub-list>li:is(.row-full,.row-fill-3,.row-fill-2) :is(.hub-card-title,.hub-card-text){max-width:62ch}@media (width>=1100px){.hub-list>li:is(.row-full,.row-fill-3) .hub-card:has(.hub-cover){flex-direction:row-reverse;align-items:center;gap:28px}.hub-list>li:is(.row-full,.row-fill-3) .hub-cover{flex:none;width:48%}}@media (width>=900px) and (width<=1099px){.hub-list>li:is(.row-full,.row-fill-2) .hub-card:has(.hub-cover){flex-direction:row-reverse;align-items:center;gap:28px}.hub-list>li:is(.row-full,.row-fill-2) .hub-cover{flex:none;width:48%}}@media (hover:hover) and (pointer:fine){.hub-card-title a:hover{color:var(--accent)}}.hub-rules{gap:10px;display:grid}.hub-rules li{border:1px solid var(--line);border-radius:var(--radius-md);background:#ffffff05;gap:4px;padding:14px 16px;display:grid}.hub-rules strong{color:var(--text);font-weight:600}.hub-rules span{color:var(--text-2);font-size:.92rem}.hub-rules code{color:var(--accent-soft);font-family:var(--font-mono);font-size:.86rem}.hub-terms{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:0;display:grid}.hub-terms>div{border-bottom:1px solid var(--line);gap:4px 28px;padding:14px 0;display:grid}.hub-terms dt{color:var(--text);font-weight:600}.hub-terms dd{color:var(--text-2);margin:0;line-height:1.6}@media (width>=760px){.hub-terms>div{grid-template-columns:220px minmax(0,1fr)}.hub-rules li{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) 96px;align-items:baseline;gap:4px 24px}.hub-rules li>span:last-child{text-align:right}}