/* Extra styles for the Chrome extension legal pages and the extensions hub.
   Loaded after site.css on those pages only. Colours come from the tokens in site.css (light and dark).
   No inline styles anywhere (strict CSP). */

/* Sub-headings inside the legal text (site.css styles h1 and h2 only on .page) */
.page .prose h3 { font-size: 1.15rem; margin: 1.6rem 0 .4rem; }
.page .prose ul { margin: 0 0 1rem; }

/* Links between a policy, its terms and the hub (not part of the legal text) */
.legal-nav { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin-top: 2.5rem; padding-top: 1rem; border-top: 1px solid var(--rule); }
.legal-nav a { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 500; }

/* Extensions hub (cards reuse .tools and .tool from site.css) */
.hub-intro { margin-bottom: 2.25rem; }
.hub-intro p { color: var(--muted); font-size: 1.125rem; }
.tool .tool-note { flex: none; font-weight: 500; }
.tool-links { display: flex; flex-wrap: wrap; gap: .1rem 1.25rem; margin: 0; padding: 0; list-style: none; }
.tool-links li { margin: 0; }
.tool-links a { display: inline-flex; align-items: center; min-height: 2.75rem; font-weight: 500; }