#na-ads { font: 16px/1.5 system-ui, sans-serif; color: #172432; }
#na-ads [hidden] { display: none !important; }
#na-ads-settings { position: fixed; bottom: 12px; left: 12px; z-index: 99998; }
#na-ads button { background: #fff; color: #172432; border: 2px solid #25485c; border-radius: 5px; padding: 10px 14px; font: inherit; cursor: pointer; }
#na-ads button:focus-visible, #na-ads a:focus-visible { outline: 3px solid #b25400; outline-offset: 3px; }
#na-ads-panel { display: flex; flex-direction: column; position: fixed; bottom: 64px; left: 12px; width: min(620px, calc(100vw - 24px)); max-height: calc(100dvh - 88px); overflow: auto; box-sizing: border-box; z-index: 99999; padding: 20px; border: 2px solid #25485c; border-radius: 8px; background: #fff; box-shadow: 0 4px 24px #0003; }
#na-ads h2 { font: bold 22px/1.3 system-ui, sans-serif; color: #172432; margin: 0 0 12px; }
#na-ads p { font: inherit; color: inherit; margin: 0 0 12px; }
#na-ads a { color: #164f7a; text-decoration: underline; }
#na-ads .na-ads-copy { overflow: auto; min-height: 80px; }
#na-ads-panel > :not(.na-ads-copy) { flex-shrink: 0; }
#na-ads .na-ads-actions { display: flex; gap: 12px; margin: 12px 0; flex-wrap: wrap; }
#na-ads .na-ads-actions button { flex: 1 1 220px; background: #25485c; color: #fff; min-height: 48px; }