/* Public extension information and the original legal content share the mint/ink system. */
.extension-page { max-width:82rem; margin:0 auto; padding:clamp(.5rem,2vw,1.5rem) clamp(.25rem,2vw,1rem) 3rem; }
.extension-page .extension-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem 1.2rem; padding:.75rem 0 1.25rem; border-bottom:1px solid var(--bs-border-color); font-size:.76rem; }
.extension-page .extension-navigation a { color:var(--bs-secondary-color); padding:.6rem 0; text-decoration:none; }
.extension-page .extension-navigation a[aria-current=page] { color:var(--ui-accent-link,var(--bs-primary)); box-shadow:0 2px currentColor; font-weight:750; }
.extension-page .extension-eyebrow { font-size:.7rem; font-weight:800; letter-spacing:.14em; color:var(--ui-accent-link,var(--bs-primary)); margin-bottom:1.2rem; }
.app-shell .extension-page h1 { font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-weight:500; font-size:clamp(2.5rem,5.4vw,5.1rem); line-height:1.04; letter-spacing:-.065em; overflow-wrap:anywhere; margin-bottom:1.6rem; }
.app-shell .extension-page h2 { font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-weight:500; font-size:clamp(1.6rem,2.6vw,2.3rem); letter-spacing:-.045em; margin-bottom:1.1rem; }
.extension-page p, .extension-page li { color:var(--bs-secondary-color); font-size:.9rem; line-height:1.85; }
.extension-page .extension-hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:clamp(2rem,4vw,5rem); padding:clamp(2.5rem,6vw,5.5rem) 0; }
.extension-page .extension-hero header > p:last-child { font-size:1.06rem; max-width:42rem; margin-bottom:0; }
.extension-page .extension-link-art { height:23rem; border-radius:1.5rem; position:relative; background:radial-gradient(ellipse at 65% 20%,#234352,#101e30 65%); overflow:hidden; }
.extension-art-orbit { position:absolute; width:23rem; height:23rem; left:10%; top:-5%; border:1px solid #68edc839; border-radius:50%; }
.extension-art-orbit::after { content:''; position:absolute; inset:2rem; border:1px solid #68edc820; border-radius:50%; }
.extension-browser-window { position:absolute; top:4rem; left:8%; width:66%; height:12.5rem; border:1px solid #84a5b6; border-radius:.7rem; background:#1c3544; transform:rotate(-7deg); padding:1rem; box-shadow:0 1rem 2rem #0003; }
.extension-window-dots { display:flex; gap:.3rem; border-bottom:1px solid #84a5b64d; padding-bottom:1rem; margin-bottom:1.6rem; }
.extension-window-dots i { width:.35rem; height:.35rem; background:#98b9c9; border-radius:50%; }
.extension-window-lines { display:block; height:.8rem; border-top:1px solid #84a5b64d; border-bottom:1px solid #84a5b64d; margin:.7rem 0; width:77%; }
.extension-window-lines:last-child { width:50%; }
.extension-art-card { position:absolute; width:8rem; height:11.5rem; right:10%; top:8rem; border:4px solid #adf8df; border-radius:.7rem; background:#68edc8; color:#0b2932; transform:rotate(10deg); display:flex; flex-direction:column; justify-content:space-between; padding:.9rem; box-shadow:0 1rem 2rem #0004; }
.extension-art-card b { font-size:5rem; font-weight:400; line-height:1.3; align-self:center; }
.extension-art-card > span { border-top:1px solid #0b293266; padding-top:.7rem; font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-size:.7rem; letter-spacing:.05em; }
.extension-connection { position:absolute; left:45%; top:13.5rem; width:3.2rem; height:3.2rem; background:#eef5fa; color:#0b2932; border-radius:50%; display:grid; place-items:center; font-size:2rem; z-index:1; box-shadow:0 .5rem 1rem #0002; }
.extension-page .extension-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; list-style:none; padding:0; margin:0 0 1.5rem; counter-reset:extension-feature; }
.extension-page .extension-capabilities li { border-radius:1rem; padding:1.5rem; background:var(--ui-surface,var(--bs-tertiary-bg)); counter-increment:extension-feature; }
.extension-page .extension-capabilities li::before { content:'0' counter(extension-feature); display:block; color:var(--ui-accent-link,var(--bs-primary)); font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-size:1.7rem; line-height:1; margin-bottom:1.6rem; }
.extension-page .extension-boundary { border-left:2px solid var(--bs-border-color); padding:.5rem 0 .5rem 1.2rem; font-size:.78rem; margin:2rem 0 3rem; }
.extension-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,5rem); padding:3rem 0; border-top:1px solid var(--bs-border-color); }
.extension-setup-steps { list-style:none; counter-reset:extension-step; padding:0; margin:1.5rem 0 2rem; }
.extension-page .extension-setup-steps li { position:relative; counter-increment:extension-step; padding:.85rem 0 .85rem 2.6rem; border-top:1px solid var(--bs-border-color); }
.extension-setup-steps li::before { content:counter(extension-step); position:absolute; left:0; top:.95rem; width:1.55rem; height:1.55rem; border:1px solid var(--bs-border-color); border-radius:.45rem; display:grid; place-items:center; font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-size:.7rem; color:var(--ui-accent-link,var(--bs-primary)); }
.extension-page .extension-independent { padding:1.5rem 0; border-top:1px solid var(--bs-border-color); }
.extension-page .extension-independent p { font-size:.76rem; margin:0; }
.extension-page .extension-document-header { padding:clamp(2rem,5vw,4rem) 0 1rem; max-width:65rem; }
.extension-page .extension-document-header h1 { font-size:clamp(2.3rem,4.5vw,4.3rem); max-width:22ch; }
.extension-page--privacy > p { max-width:55rem; font-size:.8rem; }
.extension-document-layout { display:grid; grid-template-columns:minmax(12rem,.7fr) minmax(0,2fr); align-items:start; gap:clamp(2rem,4vw,4rem); margin-top:2.5rem; }
.extension-page .extension-document-index { position:sticky; top:5.5rem; display:flex; flex-direction:column; gap:.2rem; border-top:1px solid var(--bs-border-color); padding-top:.8rem; }
.extension-page .extension-document-index a { display:flex; align-items:baseline; gap:.7rem; padding:.65rem 0; color:var(--bs-secondary-color); font-size:.74rem; line-height:1.6; text-decoration:none; }
.extension-page .extension-document-index a:hover { color:var(--ui-accent-link,var(--bs-primary)); }
.extension-document-index a > span { color:var(--ui-accent-link,var(--bs-primary)); font-family:var(--ui-font-display,'Space Grotesk',sans-serif); font-size:.65rem; }
.extension-document-content { min-width:0; }
.extension-page .extension-document-section { padding:2rem 0; border-top:1px solid var(--bs-border-color); scroll-margin-top:6rem; }
.extension-page .extension-document-section:first-child { padding-top:1.25rem; }
.extension-page .extension-document-section h2 { font-size:clamp(1.4rem,2vw,1.9rem); }
.extension-page .extension-document-section p, .extension-page .extension-document-section li { font-size:.84rem; }
.extension-page .extension-document-section p:last-child { margin-bottom:0; }
.extension-page .table-responsive { max-width:100%; border:1px solid var(--bs-border-color); border-radius:1rem; margin-block:1.7rem; }
.extension-page .table { width:100%; margin:0; min-width:35rem; }
.extension-page .table th, .extension-page .table td { padding:1rem 1.1rem; font-size:.78rem; line-height:1.75; overflow-wrap:anywhere; vertical-align:top; }
.extension-page .table th { background:var(--ui-surface,var(--bs-tertiary-bg)); font-weight:750; }
.extension-page .table th:first-child, .extension-page .table td:first-child { width:29%; font-weight:650; }
.extension-page a:focus-visible { outline:3px solid var(--ui-accent-link,var(--bs-primary)); outline-offset:4px; }
@media (max-width:991.98px) {
 .extension-page .extension-hero { grid-template-columns:1fr; }
 .extension-page .extension-link-art { height:21rem; max-width:36rem; width:100%; }
 .app-shell .extension-page h1 { max-width:13ch; }
 .extension-document-layout { grid-template-columns:minmax(0,1fr); gap:1.5rem; }
 .extension-page .extension-document-index { position:static; display:grid; grid-template-columns:1fr 1fr; gap:.15rem 1.5rem; }
}
@media (max-width:767.98px) {
 .extension-page .extension-capabilities, .extension-detail-grid { grid-template-columns:1fr; }
 .extension-page .extension-capabilities li { padding:1.3rem 1.3rem 1.3rem 4rem; position:relative; }
 .extension-page .extension-capabilities li::before { position:absolute; left:1.3rem; top:1.5rem; font-size:1.2rem; }
 .extension-detail-grid { padding-block:2rem; }
 .extension-page .extension-boundary { margin-bottom:2rem; }
 .extension-page .extension-document-index { grid-template-columns:1fr; }
 .extension-page .extension-navigation { gap:.2rem 1rem; }
 .extension-page .extension-document-section { scroll-margin-top:2rem; }
}
@media (max-width:374.98px) {
 .extension-page .extension-link-art { height:18rem; }
 .extension-browser-window { top:3rem; }
 .extension-art-card { top:6rem; right:7%; width:6.5rem; height:9.5rem; }
 .extension-art-card b { font-size:3.8rem; }
 .extension-connection { top:11rem; }
}
