:root { --nwa-font-size:14pt; --nwa-text-width:900px; }
.nwa-reader-panel { box-sizing:border-box; color:#edf2f7; background:#07111a; border:1px solid #254454; border-radius:10px; width:min(560px,100%); margin:28px auto; padding:20px 24px; text-align:left; font:14px/1.6 Arial,Helvetica,sans-serif; }
.nwa-reader-panel summary { color:#54caff; cursor:pointer; font-weight:700; font-size:16px; }
.nwa-reader-panel p { margin:14px 0; }
.nwa-reader-controls { display:grid; gap:18px; margin:22px 0; }
.nwa-reader-setting { display:grid; grid-template-columns:1fr auto; gap:8px 12px; }
.nwa-reader-setting output { color:#54caff; font-weight:bold; }
.nwa-reader-setting input { grid-column:1/-1; width:100%; margin:0; accent-color:#38c8ff; cursor:pointer; min-height:26px; }
.nwa-reader-panel button { padding:10px 14px; border:1px solid #386880; border-radius:6px; color:#edf2f7; background:#0a2333; font:14px Arial,sans-serif; cursor:pointer; }
.nwa-reader-panel :is(input,button,summary):focus-visible { outline:3px solid #38c8ff; outline-offset:4px; }
.nwa-reader-panel .nwa-reader-note { color:#9aabba; font-size:12px; }
.nwa-reader-panel .nwa-reader-sample { font-size:var(--nwa-font-size); line-height:1.7; border-top:1px solid #254454; padding-top:18px; }
body.nwa-reading { margin:0!important; padding:0 24px 60px!important; background:#000!important; color:#e8edf3!important; }
.nwa-reader-header { text-align:center; font:14px Arial,sans-serif; }
.nwa-reader-header>a { display:block; width:min(350px,85vw); margin:0 auto; }
.nwa-reader-header img { display:block; width:100%; height:auto; }
.nwa-reader-header nav { margin:-24px auto 26px; position:relative; }
.nwa-reader-header nav a { color:#54caff; text-decoration:none; }
.nwa-reader-header a:focus-visible { outline:3px solid #38c8ff; outline-offset:4px; }
.nwa-show-content { width:100%!important; max-width:var(--nwa-text-width)!important; margin:38px auto 0!important; padding:0!important; font-size:var(--nwa-font-size)!important; line-height:1.7!important; overflow-wrap:anywhere; }
.nwa-show-content * { font-family:Arial,Helvetica,sans-serif!important; font-size:inherit!important; line-height:inherit!important; box-sizing:border-box; }
.nwa-show-content :is(div,section,table,tbody,tr,td,p) { max-width:100%!important; }
.nwa-show-content :is(div,section,table) { width:auto!important; }
.nwa-show-content table { table-layout:fixed; width:100%!important; }
.nwa-show-content :is(p,div) { margin-left:0!important; margin-right:0!important; text-indent:0!important; }
.nwa-show-content p { margin-top:0!important; margin-bottom:1em!important; }
.nwa-show-content img { max-width:100%!important; height:auto!important; }
.nwa-show-content img[hidden] { display:none!important; }
.nwa-show-content font[color="#0000ff" i], .nwa-show-content [style*="color:blue" i], .nwa-show-content [style*="color: blue" i], .nwa-show-content [style*="color:#0000ff" i], .nwa-show-content [style*="color: #0000ff" i] { color:#72b9ff!important; }
@media(max-width:600px) { body.nwa-reading { padding:0 18px 40px!important; } .nwa-reader-panel { padding:16px; } .nwa-show-content { margin-top:26px!important; } }
