.ma-analytics-notice { position:fixed; z-index:1100; left:16px; bottom:88px; width:min(560px,calc(100vw - 32px)); max-height:calc(100dvh - 120px); overflow:auto; box-sizing:border-box; padding:22px; border:1px solid #bfb8ab; border-radius:12px; background:#faf8f2; color:#26241e; box-shadow:0 8px 40px #0003; font:14px/1.5 sans-serif; }
.ma-analytics-notice[hidden] { display:none; }
.ma-analytics-notice h2 { margin:0 0 12px; font-size:20px; }
.ma-analytics-notice p { margin:0 0 12px; }
.ma-analytics-notice a { color:inherit; text-decoration:underline; }
.ma-analytics-notice > div { display:flex; flex-wrap:wrap; gap:8px; }
.ma-analytics-notice button { flex:1 1 160px; padding:10px; border:1px solid #837d70; border-radius:6px; background:#faf8f2; color:#26241e; font:inherit; cursor:pointer; }
.ma-analytics-notice button:disabled { opacity:.5; cursor:default; }
.ma-analytics-notice button:focus-visible { outline:3px solid #806321; outline-offset:3px; }

.ma-analytics-page { margin:0; background:#faf8f2; color:#26241e; font:16px/1.7 system-ui,sans-serif; }
.ma-analytics-page main { max-width:720px; margin:0 auto; padding:32px 24px 72px; }
.ma-analytics-page nav { display:flex; gap:24px; }
.ma-analytics-page section { padding-top:32px; scroll-margin-top:16px; }
.ma-analytics-page section + section { margin-top:48px; border-top:1px solid #d8d1c5; }
.ma-analytics-page h1 { font:600 clamp(28px,5vw,42px)/1.2 Georgia,serif; }
.ma-analytics-page a { color:#695020; text-underline-offset:3px; overflow-wrap:anywhere; }
.ma-analytics-page button { padding:12px 16px; border:1px solid #837d70; border-radius:6px; background:#faf8f2; color:#26241e; font:inherit; cursor:pointer; }
.ma-analytics-page button:focus-visible,.ma-analytics-page a:focus-visible { outline:3px solid #806321; outline-offset:3px; }
.ma-analytics-page li { margin:8px 0; }