.addon-page{max-inline-size:1600px}.addon-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,4vw,5rem);padding-block:clamp(2rem,5vw,5rem);display:grid}.addon-hero .page-header{margin:0}.addon-hero h1{letter-spacing:-.05em;font-size:clamp(3rem,6vw,6.5rem);line-height:1}.addon-hero .lede{max-inline-size:42rem}.addon-promise{margin-block:1.5rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:650;line-height:1.25}.addon-download{justify-items:start;gap:.75rem;scroll-margin-block-start:2rem;display:grid}.addon-button{background:var(--gold);min-block-size:48px;color:var(--gold-ink);border:1px solid var(--gold);text-align:center;border-radius:6px;justify-content:center;align-items:center;padding:.85rem 1.25rem;font-weight:750;text-decoration:none;display:inline-flex}.addon-button:hover{filter:brightness(1.08);color:var(--gold-ink)}.addon-note,.addon-requirement{color:var(--muted);margin:0;font-size:.95rem}.addon-install-link{margin-block-start:.25rem}.addon-screenshot{min-inline-size:0;margin:0}.addon-screenshot img{border:1px solid var(--line);border-radius:var(--radius);block-size:auto;inline-size:100%}.addon-screenshot-placeholder{aspect-ratio:16/10;border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);min-block-size:260px;color:var(--muted);align-content:center;justify-items:center;gap:1rem;display:grid}.addon-image-mark{color:var(--gold);opacity:.55;font-size:2rem;font-weight:300}.addon-screenshot figcaption{color:var(--muted);gap:.35rem;margin-block-start:1rem;font-size:.9rem;display:grid}.addon-screenshot figcaption strong{color:var(--text)}.addon-section{border-block-start:1px solid var(--line);padding-block:clamp(2.5rem,5vw,5rem)}.addon-section h2,.addon-data-preview h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.15}.addon-use-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 4rem;margin-block-start:2.5rem;display:grid}.addon-use-cases article{min-inline-size:0}.addon-use-cases h3{margin-block-end:.8rem;font-size:1.25rem}.addon-use-cases p,.addon-details p,.addon-installation p{color:var(--muted);line-height:1.65}.addon-details,.addon-installation{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,5vw,6rem);display:grid}.addon-installation{scroll-margin-block-start:2rem}.addon-installation ol{margin-block:0;padding-inline-start:1.4rem}.addon-installation li{margin-block-end:1.4rem;padding-inline-start:.4rem;line-height:1.6}.addon-page code{overflow-wrap:anywhere;font-size:.9em}.addon-data-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;margin-block-end:3rem;padding:clamp(1.5rem,4vw,3rem);display:grid}.addon-data-preview p{color:var(--muted);max-inline-size:48rem}.addon-data-preview .addon-coming{color:var(--gold);white-space:nowrap;font-size:1.5rem}.addon-migration{border-block:1px solid var(--line);padding-block:1.5rem}.addon-migration summary{cursor:pointer;min-block-size:44px;font-weight:650}.addon-migration p{color:var(--muted);max-inline-size:70rem}.addon-attribution{color:var(--muted);gap:.75rem;max-inline-size:70rem;padding-block:2rem;font-size:.9rem;display:grid}.addon-related{border-block-start:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;padding-block:2rem;display:grid}.addon-related a{gap:.5rem;padding-block:1rem;display:grid}.addon-related a>span:first-child{font-size:1.4rem;font-weight:700}.addon-related a>span:last-child{color:var(--muted)}.addon-hub-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;margin-block:2rem 4rem;display:grid}.addon-hub-card{border-block-start:2px solid var(--gold);flex-direction:column;align-items:start;gap:1rem;min-inline-size:0;padding-block:1.5rem;display:flex}.addon-hub-card h2{margin:0;font-size:2rem}.addon-hub-card p{color:var(--muted)}.addon-hub-card a:last-child{min-block-size:44px;margin-block-start:auto}@media (min-width:2200px){.addon-page{padding-inline:3rem}}@media (max-width:900px){.addon-hero,.addon-details,.addon-installation{grid-template-columns:1fr}.addon-hero{padding-block:2rem}.addon-hub-grid{grid-template-columns:1fr}.addon-hub-card{padding-block:1.5rem}}@media (max-width:600px){.addon-use-cases,.addon-related,.addon-data-preview{grid-template-columns:1fr}.addon-use-cases{gap:1.5rem}.addon-button{inline-size:100%}.addon-download{justify-items:stretch}.addon-screenshot-placeholder{min-block-size:190px}}