html.article-reading{overflow:hidden}
.article-browser{box-sizing:border-box;width:min(1120px,calc(100% - 48px));height:calc(100dvh - 48px);max-height:none;max-width:none;padding:0;border:1px solid #bddcff40;border-radius:24px;color:#edf0f5;background:#101722;font-family:Sans,Arial,sans-serif;box-shadow:0 25px 100px #0009;overscroll-behavior:contain;scrollbar-gutter:stable}
.article-browser *{box-sizing:border-box}
.article-browser::backdrop{background:#070b12c9;backdrop-filter:blur(10px)}
.article-browser [hidden]{display:none!important}
.article-browser button,.article-browser input,.article-browser select{font:inherit}
.article-browser button,.article-browser a,.article-browser input,.article-browser select{touch-action:manipulation}
.article-browser button:focus-visible,.article-browser a:focus-visible,.article-browser input:focus-visible,.article-browser select:focus-visible{outline:2px solid #bddcff;outline-offset:4px}
.article-bar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 30px;background:#101722f5;border-bottom:1px solid #bddcff26;backdrop-filter:blur(12px)}
.article-brand{font-size:12px;letter-spacing:1px;color:#abc0d8}
.article-close,.article-back{border:1px solid #bddcff40;border-radius:30px;background:transparent;color:#e4efff;padding:11px 17px;cursor:pointer;min-height:44px}
.article-body{padding:38px 40px 45px}
.article-body h2{font-size:clamp(32px,4vw,52px);font-weight:400;line-height:1.07;letter-spacing:-1.3px;margin:0 0 18px}
.article-description{color:#a8b7ca;font-size:17px;line-height:1.65;max-width:660px;margin:0 0 30px}
.article-tools{display:grid;grid-template-columns:1fr 235px;gap:18px;margin:30px 0 20px}
.article-tools label{font-size:13px;color:#b4c5d9;display:grid;gap:10px}
.article-tools input,.article-tools select{min-width:0;width:100%;height:52px;border:1px solid #bddcff55;border-radius:12px;padding:12px 15px;background:#192433;color:#edf0f5;font-size:16px;color-scheme:dark}
.article-tools input::placeholder{color:#9dacc0}
.article-status{font-size:14px;color:#a8bbd3;margin:20px 0;min-height:24px}
.article-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.article-result{display:flex;flex-direction:column;align-items:flex-start;padding:25px;border:1px solid #bddcff30;border-radius:18px;background:linear-gradient(145deg,#223047,#151e2c);min-width:0}
.article-topic{font-size:11px;letter-spacing:.7px;color:#a9c7e9;line-height:1.5;margin:0 0 15px;text-transform:uppercase}
.article-result h3{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.4px;margin:0 0 14px;overflow-wrap:anywhere}
.article-result p:not(.article-topic){color:#b7c4d5;font-size:16px;line-height:1.6;margin:0 0 22px}
.article-result button{border:0;background:transparent;color:#d6e9ff;padding:10px 0 0;margin-top:auto;cursor:pointer;min-height:44px;text-align:left;font-size:16px}
.article-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:25px;font-size:14px;color:#b7c7db}
.article-pagination button,.article-retry{border:1px solid #bddcff44;border-radius:30px;background:#bddcff0c;color:#dcecff;padding:12px 18px;min-height:46px;cursor:pointer}
.article-pagination button:disabled{opacity:.35;cursor:default}
.article-empty{color:#bdcadd;line-height:1.7;padding:25px 0}
.article-reader{max-width:720px;margin:0 auto;overflow-wrap:break-word}
.article-reader .article-back{margin-bottom:30px}
.article-reader h2{font-size:clamp(30px,4.1vw,52px);line-height:1.12;overflow-wrap:anywhere}
.article-read-meta{font-size:13px;color:#9cb4d0;margin:22px 0 35px;line-height:1.7}
.article-content{font-size:18px;line-height:1.85;color:#d5dfec}
.article-content p{margin:0 0 1.3em}
.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-size:25px;line-height:1.35;font-weight:500;letter-spacing:-.3px;color:#eef5ff;margin:1.7em 0 .7em}
.article-content ul,.article-content ol{padding-left:1.4em;margin:0 0 1.5em}
.article-content li{margin:.55em 0}
.article-content a{color:#bddcff;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.article-content strong{font-weight:700;color:#edf3fc}
.article-content blockquote{border-left:2px solid #bddcff80;margin:1.5em 0;padding:0 0 0 22px;color:#becfe4}
.article-content table{display:block;overflow-x:auto;max-width:100%;border-collapse:collapse;font-size:16px}
.article-content th,.article-content td{padding:10px;border:1px solid #bddcff33}
.article-content img{display:block;max-width:100%;height:auto;border-radius:12px;margin:25px auto}
.article-content hr{border:0;border-top:1px solid #bddcff33;margin:30px 0}
@media(max-width:700px){.article-browser{width:100%;height:100dvh;border:0;border-radius:0;margin:0}.article-bar{padding:12px 20px}.article-brand{max-width:180px;font-size:10px;line-height:1.5}.article-body{padding:30px 22px 45px}.article-tools{grid-template-columns:1fr;gap:17px}.article-results{grid-template-columns:1fr}.article-result{padding:23px}.article-result h3{font-size:23px}.article-body h2{font-size:35px;letter-spacing:-.8px}.article-pagination{gap:9px;font-size:12px}.article-pagination button{padding:12px 14px}.article-content{font-size:17px;line-height:1.85}.article-reader h2{font-size:31px}.article-reader .article-back{margin-bottom:25px}}
.article-close{white-space:nowrap;flex:none}
.article-body h2:focus{outline:none}