.article-page{padding-top:clamp(38px,5vw,68px);padding-bottom:clamp(68px,9vw,108px)}.article-breadcrumb{color:var(--slate-500);flex-wrap:wrap;gap:8px;margin-bottom:clamp(28px,4vw,48px);font-size:.9rem;display:flex}.article-breadcrumb a{color:var(--brand-blue-600);font-weight:700;text-decoration:none}.article-layout{grid-template-columns:minmax(0,1fr) minmax(280px,300px);align-items:start;gap:clamp(32px,3.5vw,52px);width:100%;display:grid}.article-main{min-width:0}.article-main>header{max-width:100%;margin:0 0 34px}.article-page h1{color:var(--slate-900);letter-spacing:-.03em;margin:10px 0 16px;font-size:clamp(1.85rem,2.2vw,2.5rem);line-height:1.18}.article-excerpt{color:var(--slate-600);margin:0;font-size:clamp(1.05rem,1.6vw,1.18rem);line-height:1.75}.article-cover{object-fit:cover;border-radius:22px;width:100%;max-height:560px;margin-bottom:38px;display:block;box-shadow:0 18px 50px #0f2d461f}.article-content{color:#243447;font-size:1.06rem;line-height:1.9}.article-content :is(p,ul,ol,blockquote,pre,figure,table){margin:0 0 24px}.article-content table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #cfe4f2;border-radius:14px;width:min(100%,720px);overflow:hidden;box-shadow:0 10px 24px #1f5b7a14}.article-content :is(th,td){color:var(--slate-700);text-align:left;border:0;padding:14px 16px;font-size:.98rem;line-height:1.45}.article-content th{color:var(--brand-blue-900);background:linear-gradient(135deg,#eaf7ff,#f5fbff);font-weight:800}.article-content tr+tr :is(th,td){border-top:1px solid #e3eef5}.article-content :is(th,td)+:is(th,td){border-left:1px solid #e3eef5}.article-content tbody tr:nth-child(2n){background:#f9fcfe}.article-content td:first-child{font-weight:700}.article-content :is(ul,ol){padding-left:1.35rem}.article-content h2,.article-content h3{color:var(--slate-900);scroll-margin-top:110px}.article-content h2{margin:48px 0 16px;font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.3}.article-content h3{margin:34px 0 14px;font-size:clamp(1.15rem,2vw,1.4rem)}.article-content a{color:var(--brand-blue-600);font-weight:700}.article-content img{width:100%;margin:10px 0}.article-sidebar{gap:16px;display:grid;position:sticky;top:104px}.article-side-card{background:#fff;border:1px solid #d9ebf6;border-radius:18px;padding:20px;box-shadow:0 12px 28px #1f5b7a12}.article-side-card h2{color:var(--slate-900);margin:0;font-size:1rem;line-height:1.35}.article-side-card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.article-side-card-head>a{color:var(--brand-blue-600);white-space:nowrap;font-size:.77rem;font-weight:800;text-decoration:none}.article-toc ol,.article-post-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.article-toc ol{gap:7px}.article-toc li{padding-left:15px;position:relative}.article-toc li:before{background:var(--brand-orange);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:.58rem;left:0}.article-toc li.is-sub-item{margin-left:12px}.article-toc a{color:var(--slate-600);font-size:.87rem;font-weight:650;line-height:1.45;text-decoration:none}.article-toc a:hover{color:var(--brand-blue-600)}.article-post-list li+li{border-top:1px solid #e7f1f7;padding-top:12px}.article-post-list a{color:var(--slate-800);grid-template-columns:62px minmax(0,1fr);align-items:center;gap:11px;font-size:.84rem;font-weight:750;line-height:1.4;text-decoration:none;display:grid}.article-post-list img{object-fit:cover;border-radius:9px;width:62px;height:54px}.article-post-list span,.article-post-list small{display:block}.article-post-list small{color:var(--brand-blue-600);letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:.65rem;font-weight:800}.article-post-list a:hover span{color:var(--brand-blue-600)}@media (width<=1080px){.article-layout{grid-template-columns:1fr;width:min(100%,860px)}.article-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.article-toc{grid-column:1/-1}}@media (width<=620px){.article-page{padding-top:32px}.article-layout{gap:30px}.article-cover{border-radius:16px;margin-bottom:28px}.article-content table{width:100%}.article-content :is(th,td){padding:11px 12px;font-size:.9rem}.article-sidebar{grid-template-columns:1fr}.article-toc{grid-column:auto}.article-side-card{padding:18px}}