html body #arasArticle{max-width:1100px;margin:0 auto;padding:35px 24px 60px;color:#2d3946}
html body #arasArticle .article-hero{padding:24px 14px 32px;max-width:900px;margin:auto}
html body #arasArticle .article-back{display:inline-flex;padding:9px 16px;border:1px solid #dedfdd;border-radius:999px;background:#f8f9f6;color:#70797e;font-size:12px;text-decoration:none}
html body #arasArticle .article-kicker{font-size:11px;color:#929a9d;letter-spacing:.08em;margin-top:26px}
html body #arasArticle h1{font-size:clamp(26px,3vw,38px);line-height:1.6;font-weight:700;margin:14px 0 0}
html body #arasArticle .article-sheet{border:1px solid rgba(45,57,70,.1);border-radius:32px;background:#fff;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 12px 30px rgba(24,40,50,.025)}
html body #arasArticle .article-cover{margin:12px;border-radius:24px;overflow:hidden;background:#f2f3f0}
html body #arasArticle .article-cover img{display:block;width:100%;max-height:520px;object-fit:cover}
html body #arasArticle .article-reading{max-width:800px;margin:auto;padding:28px 30px 45px}
html body #arasArticle .article-content{font-size:16px;line-height:2;color:#56616a;overflow-wrap:break-word}
html body #arasArticle .article-content p,html body #arasArticle .article-content li{font-size:16px!important;line-height:2!important}
html body #arasArticle .article-content h2{font-size:24px!important;line-height:1.7;font-weight:700;color:#2d3946;margin:34px 0 16px;scroll-margin-top:120px}
html body #arasArticle .article-content h3{font-size:20px!important;line-height:1.7;color:#2d3946;margin:26px 0 14px}
html body #arasArticle .article-content img{max-width:100%;height:auto;border-radius:18px}
html body #arasArticle .article-content figure{margin:24px 0;max-width:100%;overflow:auto}
html body #arasArticle .article-content a{color:#cf2632;text-underline-offset:4px}
html body #arasArticle .article-content table{border-collapse:collapse;width:100%;font-size:14px}
html body #arasArticle .article-content td,html body #arasArticle .article-content th{padding:12px;border:1px solid #e4e6e3}
html body #arasArticle .article-toc{padding:18px 20px;border:1px solid #e3e5e1;border-radius:20px;background:#f7f8f5;margin-bottom:30px}
html body #arasArticle .article-toc summary{cursor:pointer;font-size:14px;font-weight:600}
html body #arasArticle .article-toc nav{display:grid;gap:10px;margin-top:16px}
html body #arasArticle .article-toc a{font-size:13px;color:#657078;text-decoration:none}
html body #arasArticle .article-navigation{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
html body #arasArticle .article-related{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid #dedfdd;border-radius:24px;background:#f8f9f6;color:#53616b;text-decoration:none;transition:.2s}
html body #arasArticle .article-related small{font-size:12px;font-weight:400}html body #arasArticle .article-related strong{font-size:15px;line-height:1.7;font-weight:600}
html body #arasArticle .article-back:hover,html body #arasArticle .article-related:hover,html body #arasArticle .article-back:focus-visible,html body #arasArticle .article-related:focus-visible{color:#e11b25;background:linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,0)),rgba(225,27,37,.075);border-color:rgba(225,27,37,.15)}
@media(max-width:600px){html body #arasArticle{padding:20px 14px 40px}html body #arasArticle .article-reading{padding:20px 18px 30px}html body #arasArticle .article-navigation{grid-template-columns:1fr}html body #arasArticle .article-content h2{font-size:21px!important}html body #arasArticle .article-sheet{border-radius:24px}}