/* Optional analytics controls and the public example walkthrough. */
.sn-analytics-choice { position:fixed; z-index:10000; bottom:16px; inset-inline:16px; max-width:680px; margin-inline:auto; padding:20px; border:1px solid #b7a06d; border-radius:16px; background:#171222; color:#f5efdf; box-shadow:0 8px 32px #0008; }
.sn-analytics-choice[hidden], [data-demo-panel][hidden] { display:none !important; }
.sn-analytics-choice p { margin:0 0 16px; line-height:1.5; }
.sn-analytics-choice .m-btn { padding:12px 18px; min-height:44px; color:#f5efdf; }
.sn-analytics-choice .m-btn-primary { color:#171222; background:#dec58e; }
.sn-analytics-settings { margin-top:16px; padding:10px; min-height:44px; text-decoration:underline; }
.sn-demo-controls { margin-bottom:24px; }
.sn-demo-controls button[aria-pressed="true"] { border-color:currentColor; text-decoration:underline; }
.sn-paper .sn-demo-controls .m-btn { color:#30273b; border-color:#8a7a93; }
.sn-paper .sn-demo-controls .m-btn[aria-pressed="true"] { background:#e4dac8; border-color:#30273b; }
[data-demo-panel] { min-height:150px; }
.sn-guide { max-width:900px; margin:auto; padding:32px 24px 64px; }
.sn-guide h1 { font-size:clamp(2.4rem,6vw,4rem); line-height:1.1; margin:32px 0 24px; }
.sn-guide h2 { font-size:1.8rem; margin:32px 0 16px; }
.sn-guide p,.sn-guide li { line-height:1.7; margin-bottom:12px; }
.sn-guide ul { list-style:disc; padding-inline-start:24px; }
.sn-guide a { text-decoration:underline; }
.sn-guide nav { display:flex; flex-wrap:wrap; gap:24px; }