.analytics-consent[hidden] { display: none; }
.analytics-consent { position: fixed; z-index: 100; inset-inline: 20px; bottom: max(20px, env(safe-area-inset-bottom)); max-width: 1000px; margin-inline: auto; padding: 22px 24px; background: #fff; color: #15213b; border: 1px solid #b8c9e3; border-radius: 12px; box-shadow: 0 12px 36px #15213b24; display: flex; gap: 24px; align-items: center; }
.analytics-consent h2 { font-size: 18px; line-height: 1.4; letter-spacing: normal; margin: 0; }
.analytics-consent p { color: #526078; font-size: 14px; line-height: 1.6; margin: 8px 0 0; max-width: 65ch; }
.analytics-consent a { color: #185cec; text-decoration: underline; text-underline-offset: 3px; }
.analytics-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }
.analytics-consent button { cursor: pointer; font: inherit; font-size: 14px; min-height: 44px; border: 1px solid #9baecc; border-radius: 8px; background: #f6f9ff; color: #15213b; padding: 10px 15px; }
.analytics-consent button:hover { background: #e8f2ff; }
.analytics-consent button:focus-visible { outline: 2px solid #185cec; outline-offset: 3px; }
.guide-breadcrumb { font-size: 14px; line-height: 1.6; margin-bottom: 28px; color: #526078; }
.guide-toc { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px 20px; }
.guide-toc a { min-height: 44px; display: inline-flex; align-items: center; }
.document-main article section { scroll-margin-top: 100px; }
@media (max-width: 720px) {
  .analytics-consent { inset-inline: 12px; bottom: max(12px, env(safe-area-inset-bottom)); padding: 18px; flex-direction: column; align-items: stretch; gap: 16px; max-height: 60svh; overflow-y: auto; }
  .analytics-consent-actions { flex-wrap: wrap; }
  .analytics-consent button { flex: 1; }
  .document-main h1 { font-size: 32px; overflow-wrap: anywhere; }
}
