.na-renderer-article{min-width:0}.na-renderer-article>p{margin:0 0 24px}
.na-renderer-article .standfirst{font-size:1.2em;line-height:1.6}
.na-renderer-article .wide{width:100%;margin:2rem 0}
.na-renderer-article .wide img{width:100%;height:auto;display:block}
.na-renderer-article figcaption,.na-renderer-article .try-note{font-size:.85rem;line-height:1.6;opacity:.8}
.na-renderer-article .table-scroll{overflow-x:auto;margin:2rem 0}
.na-renderer-article table{width:100%;border-collapse:collapse;font-size:.9rem}
.na-renderer-article th,.na-renderer-article td{padding:12px;border-bottom:1px solid #8886;text-align:left;vertical-align:top}
.na-renderer-article pre{max-width:100%;overflow:auto;background:#192b23;color:#e9f0eb;padding:20px;border-radius:6px;line-height:1.6}
.na-renderer-article code{font-family:Consolas,monospace;font-size:.85em}
.na-renderer-article .demo-slot{border:1px solid #b4c5b9;border-radius:8px;overflow:hidden;background:#e8efeb;color:#183b32;font-family:Arial,sans-serif}
.na-renderer-article .demo-top{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;gap:12px;background:#f5f8f4;border-bottom:1px solid #cbd5ce;font-size:13px}
.na-renderer-article .demo-top strong{font-size:16px;color:#183b32}
.na-renderer-article .demo-top span{color:#486052}
.na-renderer-article .demo-host{height:560px;position:relative}
.na-renderer-article .demo-host iframe{width:100%;height:100%;border:0;display:block;max-width:none;margin:0;background:#fafbf9}
.na-renderer-article .demo-poster{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#e8efeb;box-sizing:border-box}
.na-renderer-article .demo-poster img{width:100%;height:calc(100% - 100px);object-fit:contain;margin:0}
.na-renderer-article .demo-poster button,.na-renderer-article .demo-stop{font:inherit;cursor:pointer}
.na-renderer-article .demo-poster button{border:1px solid #183b32;border-radius:5px;background:#183b32;color:white;font-size:15px;padding:13px 20px;min-height:46px}
.na-renderer-article .demo-poster p{font-size:12px;line-height:1.4;text-align:center;margin:10px 0 0;color:#486052}
.na-renderer-article .demo-stop{border:1px solid #a3b7a9;background:transparent;color:#183b32;border-radius:4px;padding:6px 10px;font-size:12px}
.na-renderer-article .demo-stop[hidden]{display:none}
.na-renderer-article button:focus-visible{outline:3px solid #996918;outline-offset:3px}
@media(max-width:700px){.na-renderer-article .demo-host{height:610px}.na-renderer-article .demo-top{padding:12px;gap:8px;font-size:11px}.na-renderer-article .demo-top strong{font-size:14px}}

.na-renderer-article .demo-slot:has(.demo-top)>p{display:none}.na-renderer-article .demo-top strong{white-space:nowrap;flex-shrink:0}.na-renderer-article .demo-stop{white-space:nowrap}@media(max-width:400px){.na-renderer-article .demo-top span{display:none}}