/* Institutional components come from Sobre; these rules stay within this page. */
.extension-page {background:#fefefe;overflow-x:visible;}
.extension-page .site-header {background:#fefefe;backdrop-filter:none;}
.extension-page :focus-visible {outline:3px solid #016ff7;outline-offset:5px;}
.extension-page .primary-link {background:#005fcf;border-color:#005fcf;border-radius:5px;min-height:48px;}
.extension-page .primary-link::before {display:none;}
.extension-page .primary-link:hover {background:#004fab;}
.extension-page .eyebrow,.extension-page .section-label {color:#005bc9;}
.extension-page p {line-height:1.75;}
.ext-hero {padding:84px 0 70px;}
.ext-hero-layout {display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,7vw,100px);align-items:center;}
.ext-intro h1 {font-size:clamp(2.8rem,5vw,4.4rem);line-height:1.05;letter-spacing:-.055em;color:#0b1730;margin:20px 0 26px;}
.ext-intro h1 span {display:block;}
.ext-intro .ext-lead {font-size:clamp(1.3rem,2.2vw,1.65rem);line-height:1.4;color:#17202b;letter-spacing:-.025em;margin-bottom:18px;}
.ext-intro>p:not(.eyebrow):not(.ext-lead):not(.ext-caption) {max-width:520px;color:var(--text-soft);}
.ext-actions {display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px;margin-top:28px;}
.extension-page .ext-caption {font-size:.8rem;color:#59677a;line-height:1.65;margin-top:16px;}
.ext-package {border:1px solid var(--line);border-top:3px solid #016ff7;padding:28px;background:#f8fafc;}
.ext-package-heading {display:flex;gap:14px;align-items:center;}
.ext-package-heading p {font:10px ui-monospace,monospace;letter-spacing:.07em;margin:0 0 7px;color:#59677a;}
.ext-package h2 {font-size:1.25rem;letter-spacing:-.03em;margin:0;}
.ext-package dl {margin:25px 0 18px;}
.ext-package dl>div {display:grid;grid-template-columns:90px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:.82rem;}
.ext-package dt {color:#59677a;}.ext-package dd {margin:0;color:#17202b;}
.ext-package>p {font-size:.8rem;color:#59677a;}
.ext-package>a {display:inline-flex;align-items:center;gap:15px;min-height:44px;color:#005bc9;font-size:.84rem;font-weight:650;}
.ext-jump {display:flex;flex-wrap:wrap;gap:12px 30px;border-block:1px solid var(--line);padding:12px 0;}
.ext-jump a {font-size:.85rem;color:#35465e;min-height:44px;display:flex;align-items:center;}
.ext-section {padding:76px 0;scroll-margin-top:24px;}
.extension-page h2 {font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.04em;line-height:1.2;}
.ext-package h2 {font-size:1.25rem;}
.ext-section-heading {max-width:650px;}
.ext-section-heading>p:last-child,.ext-split>div>p,.ext-end p {color:var(--text-soft);margin-top:20px;}
.ext-features {display:grid;grid-template-columns:1fr 1fr;gap:0 64px;margin-top:38px;}
.ext-features article {border-top:1px solid var(--line);padding:26px 0;}
.ext-index {font:11px ui-monospace,monospace;color:#59677a;letter-spacing:.04em;}
.extension-page h3 {font-size:1.05rem;letter-spacing:-.02em;line-height:1.4;margin:14px 0 10px;}
.ext-features p {font-size:.93rem;color:var(--text-soft);}
.ext-features .ext-tools {font-size:.77rem;margin-top:15px;color:#005bc9;}
.ext-scan-note {display:grid;grid-template-columns:1fr 1.7fr;gap:45px;padding:25px 0 0;border-top:1px solid var(--line);margin-top:14px;}
.ext-scan-note h3 {margin:0;}.ext-scan-note p {font-size:.87rem;color:var(--text-soft);margin:0;}
.ext-install {background:#f7f9fc;border-block:1px solid var(--line);}
.ext-split {display:grid;grid-template-columns:.9fr 1.2fr;gap:clamp(40px,8vw,110px);}
.ext-install .primary-link {margin-top:20px;}
.ext-steps {list-style:none;counter-reset:step;padding:0;margin:0;}
.ext-steps li {counter-increment:step;position:relative;border-top:1px solid var(--line);padding:22px 0 22px 45px;}
.ext-steps li::before {content:counter(step,decimal-leading-zero);position:absolute;left:0;top:26px;color:#005bc9;font:12px ui-monospace,monospace;}
.ext-steps h3 {margin:0 0 10px;}.ext-steps p {margin:0;font-size:.9rem;color:var(--text-soft);}
.extension-page code {font: .86em ui-monospace,monospace;background:#eaf0f7;padding:3px 5px;border-radius:3px;overflow-wrap:anywhere;}
.extension-page .ext-table-title {margin-top:0;}
.ext-permissions {margin-top:20px;}.ext-permissions>div {display:grid;grid-template-columns:105px 1fr;gap:18px;padding:16px 0;border-top:1px solid var(--line);}
.ext-permissions dt {font:12px/1.7 ui-monospace,monospace;color:#005bc9;}.ext-permissions dd {font-size:.86rem;line-height:1.7;margin:0;color:var(--text-soft);}
.ext-faq {border-top:1px solid var(--line);}
.ext-faq details {border-bottom:1px solid var(--line);padding:0;}
.ext-faq summary {cursor:pointer;padding:20px 0;font-size:.93rem;font-weight:600;line-height:1.5;}
.ext-faq details p {font-size:.88rem;color:var(--text-soft);margin:0;padding:0 0 22px;}
.ext-end {background:#f7f9fc;border-top:1px solid var(--line);padding:50px 0;}.ext-end .container {display:flex;gap:30px;align-items:center;justify-content:space-between;}.ext-end p {font-size:.9rem;}.ext-end h2 {font-size:1.6rem;}
@media(max-width:760px){.ext-hero{padding:48px 0}.ext-hero-layout,.ext-split{grid-template-columns:1fr;gap:36px}.ext-intro h1 span{display:inline}.ext-section{padding:50px 0}.ext-features{gap:0 28px}.ext-scan-note{grid-template-columns:1fr;gap:14px}.ext-end .container{display:block}.ext-end .secondary-link{margin-top:18px}}
@media(max-width:480px){.ext-features{grid-template-columns:1fr}.ext-package{padding:20px}.ext-jump{gap:4px 19px}.ext-jump a{font-size:.79rem}.ext-permissions>div{grid-template-columns:90px 1fr;gap:12px}.ext-intro h1{font-size:2.8rem}.ext-actions{gap:14px}.ext-package dl>div{grid-template-columns:75px 1fr}}
@media(prefers-reduced-motion:no-preference){.ext-package{animation:ext-appear .35s ease-out}@keyframes ext-appear{from{transform:translateY(8px);opacity:.65}to{transform:none;opacity:1}}}
@media(prefers-reduced-motion:no-preference){
  .ext-intro>.eyebrow,.ext-intro>h1,.ext-intro>.ext-lead,.ext-actions {animation:ext-appear .5s ease-out backwards;}
  .ext-intro>h1{animation-delay:.06s}.ext-intro>.ext-lead{animation-delay:.12s}.ext-actions{animation-delay:.18s}
  .ext-intro:focus-within *{animation:none}
  .ext-features article,.ext-steps li{transition:border-color .2s ease;}
  .ext-jump a,.ext-faq summary{transition:color .18s ease;}
  .ext-actions a>span,.ext-package>a>span,.ext-end a>span{display:inline-block;transition:transform .2s ease;}
  .ext-faq details[open]>p{animation:ext-appear .22s ease-out;}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .ext-features article:hover,.ext-steps li:hover{border-color:#016ff7;}
  .ext-jump a:hover,.ext-faq summary:hover{color:#005bc9;}
  .ext-actions a:hover>span,.ext-package>a:hover>span,.ext-end a:hover>span{transform:translateX(3px);}
  .ext-actions a[download]:hover>span{transform:translateY(3px);}
}
@media(prefers-reduced-motion:reduce){
  .extension-page *, .extension-page *::before,.extension-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;}
}
