.hub-page{padding-block:2rem 3rem}.hub-opening{max-width:800px;margin-bottom:2rem}.hub-opening h1{margin-top:.5rem;font-size:clamp(2rem,4vw,3.25rem)}.hub-opening .lede{margin-top:.8rem;font-size:1.05rem}.hub-opening .breadcrumbs{margin-bottom:1.2rem}.hub-opening .wiki-global{max-width:100%;margin-top:1.4rem}.hub-opening .wiki-global label{font-size:.9rem;font-weight:700}.hub-opening .wiki-global input{border:1px solid var(--gold-strong);border-radius:12px;max-width:none;min-height:54px;padding:.9rem 1rem;box-shadow:0 3px 12px #00000008}.hub-opening .wiki-global input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hub-opening .wiki-results{z-index:20}.hub-opening .wiki-results a{min-height:44px;text-decoration:none}.hub-opening .wiki-results a:hover,.hub-opening .wiki-results a:focus-visible{background:var(--surface-2)}.hub-section{margin-block:1.75rem}.hub-section h2,.hub-support h2{margin-bottom:1rem;font-size:1.4rem}.hub-section-heading{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.hub-section-heading>span{color:var(--muted);font-size:.8rem}.reference-grid,.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.reference-card{border:1px solid var(--border);border-left:3px solid var(--gold);border-radius:var(--radius);background:var(--surface);min-height:185px;color:var(--text);grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:1rem;padding:1.4rem;text-decoration:none;transition:transform .15s,border-color .15s;display:grid;position:relative;box-shadow:0 3px 10px #00000005}.reference-copy{grid-area:1/1;min-width:0;padding-bottom:1.3rem}.reference-media{background:var(--surface-2);border-radius:12px;grid-area:1/2;justify-content:center;align-items:center;min-width:0;min-height:112px;display:flex}.reference-media img{object-fit:contain;width:64px;height:80px;image-rendering:pixelated;min-width:0}.reference-media img:only-child{width:112px;height:112px}.reference-card--screen .reference-media img{aspect-ratio:3/2;object-fit:contain;image-rendering:auto;border-radius:8px;width:100%;height:auto}.reference-count{color:var(--muted);font-size:.75rem}.reference-copy h3{margin:.35rem 0 .5rem;font-size:1.2rem}.reference-copy p{color:var(--muted);font-size:.9rem;line-height:1.55}.card-arrow{color:var(--gold-strong);font-size:1.2rem;position:absolute;bottom:1rem;right:1.3rem}.reference-card:hover,.guide-card:hover,.guide-feature:hover{border-color:var(--gold-strong);transform:translateY(-2px)}.reference-card:focus-visible,.guide-card:focus-visible,.guide-feature:focus-visible,.hub-support a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.machine-mark{letter-spacing:.05em;align-items:center;gap:.4rem;font-size:1.25rem;display:flex}.machine-mark b,.machine-mark span{border:1px solid var(--border);color:var(--gold-strong);border-radius:50%;padding:.7rem .5rem}.transform-arrow{color:var(--muted);font-size:1rem}.hub-support{border-top:1px solid var(--border);padding-top:1.5rem}.hub-support>div{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.hub-support a{min-height:44px;padding:.6rem 0;font-weight:700;text-decoration:none}.hub-support a span{color:var(--muted);margin-top:.35rem;font-size:.85rem;font-weight:400;display:block}.hub-ad{max-width:100%;margin:1.5rem 0;overflow:hidden}.guide-feature,.guide-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);grid-template-columns:1fr 1fr;text-decoration:none;transition:transform .15s,border-color .15s;display:grid;overflow:hidden}.guide-feature-media{background:var(--surface-2);place-items:center;padding:1rem;display:grid}.guide-feature-media img{object-fit:contain;width:100%;height:auto;max-height:280px}.guide-feature-copy{align-self:center;padding:2rem}.guide-feature h3{margin:.6rem 0 1rem;font-size:clamp(1.5rem,3vw,2.3rem)}.guide-feature-copy>p:not(.eyebrow),.guide-card-copy>p{color:var(--muted);line-height:1.6}.read-guide{color:var(--gold-strong);margin-top:1.2rem;font-size:.9rem;font-weight:700;display:block}.guide-card{grid-template-columns:120px minmax(0,1fr);align-items:stretch}.guide-card-media{background:var(--surface-2);place-items:center;padding:.5rem;display:grid}.guide-card-media img{object-fit:contain;width:100%;height:auto;max-height:140px}.guide-card-media.is-sprite img{width:88px;height:88px;image-rendering:pixelated}.guide-card-copy{padding:1.2rem}.guide-card .eyebrow{font-size:.65rem}.guide-card h3{margin:.45rem 0 .65rem;font-size:1.15rem}.guide-card-copy>p{font-size:.88rem}.support-mark{text-align:center;color:var(--gold-strong);border:1px solid var(--border);border-radius:10px;padding:.6rem;font-size:2rem}.support-mark small{letter-spacing:.1em;font-size:.55rem;display:block}@media (width<=767px){.reference-grid,.guide-grid{grid-template-columns:1fr}.reference-card{grid-template-columns:84px minmax(0,1fr);gap:1rem;min-height:155px;padding:1rem}.reference-media{grid-column:1;min-height:88px}.reference-copy{grid-column:2}.reference-media img,.reference-media img:only-child{width:80px;height:80px}.reference-media .secondary-sprite{display:none}.reference-card--mega .reference-media{flex-direction:column}.reference-card--mega .reference-media img{width:50px;height:50px}.reference-card--mega .secondary-sprite{display:block}.reference-card--mega .transform-arrow{line-height:.6;transform:rotate(90deg)}.reference-card--screen .reference-media img{height:auto}.reference-count{font-size:.68rem}.reference-copy h3{font-size:1.08rem}.reference-copy p{font-size:.84rem}.machine-mark{gap:.1rem;font-size:.85rem}.machine-mark b,.machine-mark span{padding:.5rem .2rem}.guide-feature{grid-template-columns:1fr}.guide-feature-media{padding:.6rem}.guide-feature-media img{max-height:170px}.guide-feature-copy{padding:1.2rem}.guide-feature h3{font-size:1.65rem}.guide-card{grid-template-columns:84px minmax(0,1fr)}.guide-card-copy{padding:1rem}.hub-opening{margin-bottom:1.5rem}.hub-page{padding-top:1.25rem}.hub-section-heading>span{display:none}.hub-support>div{grid-template-columns:1fr}.guide-card-media.is-sprite img{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){.reference-card,.guide-card,.guide-feature{transition:none}.reference-card:hover,.guide-card:hover,.guide-feature:hover{transform:none}}
