/* Estilos extra para páginas internas (privacidad, extensiones). Se suma a style.css sin tocarlo. */
.page-hero{background-color:var(--charcoal-800);background-image:radial-gradient(rgba(255,255,255,0.10) 1.2px,transparent 1.2px);background-size:26px 26px;color:var(--white);padding:56px 0 64px;}
.page-hero .container{display:flex;flex-direction:column;gap:18px;}
.page-hero h1{font-size:clamp(34px,4.6vw,56px);line-height:1.05;font-weight:700;}
.page-hero .eyebrow{color:var(--cyan);}
.page-lead{font-size:clamp(17px,2vw,20px);color:var(--grey-300);max-width:680px;}
.page-hero .hero-actions{display:flex;flex-direction:column;gap:12px;margin-top:8px;}
.prose{max-width:780px;}
.prose h2{font-size:clamp(24px,3vw,32px);margin:48px 0 16px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:19px;margin:28px 0 8px;}
.prose p,.prose li{color:var(--charcoal-600);font-size:17px;}
.prose p{margin:0 0 16px;}
.prose ul,.prose ol{margin:0 0 16px;padding-left:22px;list-style:revert;display:flex;flex-direction:column;gap:8px;}
.prose a{text-decoration:underline;text-underline-offset:3px;}
.prose code{font-family:var(--font-mono);font-size:14px;background:var(--cyan-tint);padding:2px 6px;border-radius:4px;}
.table-wrap{overflow-x:auto;margin:0 0 16px;}
.prose table{width:100%;border-collapse:collapse;font-size:16px;}
.prose th,.prose td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--grey-100);vertical-align:top;}
.prose th{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey-500);}
@media (min-width:640px){.page-hero{padding:72px 0 80px;}.page-hero .hero-actions{flex-direction:row;}}