.article-page{padding:132px 0 64px;min-height:100vh}
.article-content{width:min(820px,calc(100% - 48px));margin:0 auto}
.article-content h1{font-size:clamp(32px,5vw,54px);line-height:1.15;letter-spacing:-.02em;margin:24px 0}
.article-content h2{font-size:clamp(24px,3vw,32px);line-height:1.3;margin:42px 0 18px}
.article-content p,.article-content li{font-size:17px;line-height:1.85;color:var(--text-soft);overflow-wrap:anywhere}
.article-content p{margin:0 0 22px}.article-content li{padding-left:6px;margin:0 0 14px}
.article-content ul,.article-content ol{padding-left:24px;margin:20px 0 28px}
.article-content a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:4px}
.article-category{font-size:12px;color:var(--accent-soft);letter-spacing:.18em;text-transform:uppercase}
.article-content .article-date{font-size:14px;color:var(--muted);margin:0 0 30px}
.article-content .back-link{display:inline-block;font-size:14px;margin-bottom:24px}
.article-table-wrap{overflow-x:auto;margin:26px 0}
.article-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.65;color:var(--text-soft)}
.article-content td,.article-content th{border:1px solid var(--line-strong);padding:14px 16px;text-align:left;vertical-align:top;min-width:150px}
.article-content th{background:var(--panel);color:var(--silver);font-weight:600}
.article-content tbody tr:nth-child(even){background:rgba(188,211,233,.035)}
.article-bottom{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}
@media(max-width:600px){.article-page{padding-top:112px}.article-content{width:calc(100% - 36px)}.article-content p,.article-content li{font-size:16px}.article-content td,.article-content th{padding:10px;min-width:110px}}