.chart-wrap{position:relative;padding-left:38px;height:240px;padding-top:8px}
.chart-wrap .chart{width:100%;height:217px}
.chart-y{position:absolute;left:0;top:31px;bottom:55px;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;color:var(--muted)}
.chart-x{position:absolute;left:40px;right:10px;bottom:12px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.badge.orange{color:#93580f}
.login-art footer{color:#5e6d86}
.welcome p{color:#56688b}
.article-preview{white-space:normal;max-width:75ch}
.article-preview h2{font-size:22px;margin:22px 0 14px}
.article-preview h3{font-size:18px;margin:22px 0 10px}
.article-preview h4{font-size:16px;margin:18px 0 8px}
.article-preview p{color:var(--text);margin:14px 0}
.article-preview ul{padding-left:24px;line-height:1.9}
.article-preview blockquote{margin:18px 0;padding:12px 18px;background:var(--soft);border-radius:6px;font-size:13px;color:var(--muted)}
.field input{min-height:40px}
[data-action=close-dialog] .icon{transform:rotate(45deg)}
.dark .badge.orange{color:#e7c689}
.dark .welcome p{color:#adc0e0}
.dark .login-art footer{color:#b0c2df}
@media(max-width:700px){.chart-wrap{height:224px}.chart-wrap .chart{height:200px}.chart-y{top:29px;bottom:52px}.chart-x{left:42px;right:0;bottom:10px}.chart-x span{font-size:12px}}