.article-reader{margin:14px 0;color:#202020;min-width:0}
.article-reader dialog{width:calc(100% - 32px);max-width:480px;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:20px;border:1px solid #777;border-top:4px solid #ae2529;border-radius:8px;background:#f7f7f5;color:#202020;box-shadow:0 12px 48px #0003}
.article-reader dialog:not([open]){display:none}
.article-reader dialog::backdrop{background:#0006}
.reader-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.article-reader .reader-close{flex-shrink:0}
.article-reader .reader-launch{font-weight:600;border-color:#ae2529}
@media(max-width:360px){.reader-dialog-head{flex-wrap:wrap}}
.article-reader h2{font:700 19px/1.4 system-ui,sans-serif;margin:0 0 12px}
.article-reader .reader-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.article-reader button,.article-reader select{font:inherit;min-height:44px;border:1px solid #666;border-radius:4px;background:#fff;color:#202020;padding:9px 13px;max-width:100%}
.article-reader button{cursor:pointer}
.article-reader button:disabled{color:#666;background:#eee;cursor:default}
.article-reader button:focus-visible,.article-reader select:focus-visible{outline:3px solid #174c8c;outline-offset:3px}
.article-reader label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:600 15px/1.5 system-ui,sans-serif}
.article-reader p{font:400 14px/1.6 system-ui,sans-serif;margin:12px 0 0;overflow-wrap:anywhere}
.article-reader .reader-status{font-weight:600}
.article-reader [hidden]{display:none!important}
@media print{.article-reader{display:none}}