.usages-page{--usages-copy:color-mix(in srgb,var(--text-primary) 76%,var(--background))}.usages-intro{padding-top:var(--page-top)}.usages-intro h1{font-size:clamp(2.35rem,4.6vw,4.8rem);line-height:1.08;letter-spacing:-.05em}.usages-content{padding:44px 0 72px}.documentation-heading{margin-bottom:30px;scroll-margin-top:24px}.documentation-heading h2{margin:0;font-size:clamp(1.6rem,2.5vw,2.1rem);line-height:1.2;letter-spacing:-.035em}.documentation-heading p{margin:10px 0 0;color:var(--usages-copy);line-height:1.65}.usage-sections{display:grid;gap:14px}.usage-section{padding:28px 30px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);scroll-margin-top:24px}.usage-heading{display:flex;gap:16px;align-items:baseline}.usage-heading span{color:var(--accent);font-size:.8rem;font-weight:750;font-variant-numeric:tabular-nums}.usage-heading h3{margin:0;font-size:1.25rem;letter-spacing:-.02em}.usage-faq-link,.usage-section>p,.usage-supports p{color:var(--usages-copy);line-height:1.7}.usage-section>p{margin:14px 0 0}.usage-section ol{display:grid;gap:8px;margin:16px 0 0;padding-left:1.4em;color:var(--usages-copy);line-height:1.7}.usage-section li{padding-left:4px}.usage-section li::marker{color:var(--accent);font-weight:700}.faq-answer strong,.usage-section strong{color:var(--text-primary)}.usage-section p.usage-example,.usage-supports p.usage-example{margin:18px 0 0;padding:12px 15px;border-radius:10px;background:var(--surface-subtle);font-size:.94rem}.usage-supports{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.usage-supports article{display:flex;flex-direction:column;min-width:0;padding:22px;border:1px solid var(--border);border-radius:12px;scroll-margin-top:24px}.usage-supports h4{margin:0;font-size:1.05rem;line-height:1.35}.usage-supports p.support-type{margin:8px 0 0;font-size:.88rem}.usage-faq-link a,.usage-supports a{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-weight:700;text-decoration:none}.usage-supports a{align-self:flex-start;margin-top:auto;padding-top:20px}.usage-faq-link a:hover,.usage-supports a:hover{text-decoration:underline}.licence-note,.usage-faq-link{font-size:.95rem}.faq-answer a,.licence-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.usage-connections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:20px}.usage-connections>div{min-width:0}.usage-connections h4{margin:0;font-size:1rem}.usage-connections p{margin:8px 0 0;color:var(--usages-copy);line-height:1.7}.usage-connections a{display:inline-flex;align-items:center;gap:8px;margin-top:10px;color:var(--accent);font-weight:700;text-decoration:none}.usage-connections a:hover{text-decoration:underline;text-underline-offset:3px}.usage-status{display:inline-block;margin-top:16px;padding:5px 10px;border-radius:7px;color:var(--accent);background:var(--accent-subtle);font-size:.85rem;font-weight:650}.usage-faq-link{margin:26px 0 0;scroll-margin-top:24px}.usages-faq{border-top:1px solid var(--border)}.usages-faq details{border-bottom:1px solid var(--border)}.usages-faq summary{position:relative;padding:20px 36px 20px 0;cursor:pointer;font-weight:700;list-style:none}.usages-faq summary::-webkit-details-marker{display:none}.usages-faq summary:after{content:"+";position:absolute;right:4px;top:15px;color:var(--accent);font-size:1.6rem;font-weight:400}.usages-faq details[open] summary:after{content:"−"}.faq-answer{max-width:850px;padding-bottom:22px;color:var(--usages-copy);line-height:1.7}.faq-answer p{margin:0}.faq-answer p+p,.faq-answer ul+p{margin-top:12px}.media-format-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.media-format-guide section{padding:18px;border:1px solid var(--border);border-radius:12px}.media-format-guide h3{margin:0 0 8px;font-size:1rem}.media-format-guide p{font-size:.95rem}.faq-answer ul{margin:12px 0;padding-left:1.4em}.faq-answer li+li{margin-top:8px}.usages-page a:focus-visible,.usages-page summary:focus-visible{outline:2px solid var(--focus);outline-offset:4px}@media (max-width:800px){.usages-content{padding:34px 0 56px}.usage-section{padding:22px}.media-format-guide,.usage-connections,.usage-supports{grid-template-columns:1fr}.usage-supports article{padding:19px}}