.article-hero{padding:80px 0 54px;border-bottom:1px solid var(--line)}.article-heading{max-width:1120px;margin:auto;padding:0 6%}.article-heading h1{font-size:clamp(44px,4.7vw,65px);font-weight:500;letter-spacing:-2.8px;line-height:1.13;margin:0;max-width:980px;text-wrap:pretty}.article-meta{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:32px;font-size:15px;line-height:1.6;color:#aeb8a7}.article-meta>span:first-child{color:var(--text)}.article-reading{max-width:850px;padding:58px 48px 85px;margin:auto}.article-reading p,.article-reading li{font-size:20px;line-height:1.85;color:#bdc5ba}.article-reading p{margin:0 0 28px}.article-reading h2{font-size:36px;line-height:1.27;letter-spacing:-1px;margin:64px 0 26px;text-wrap:pretty}.article-reading h3{font-size:27px;line-height:1.4;letter-spacing:-.5px;margin:36px 0 18px}.article-reading ul,.article-reading ol{padding-left:26px;margin:22px 0 32px}.article-reading li{padding-left:6px;margin-bottom:15px}.article-reading li::marker{color:var(--lime)}.article-reading strong{font-weight:700;color:var(--text)}.article-reading p a,.article-reading li a{color:var(--text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7e9064}.article-reading p a:hover,.article-reading li a:hover{color:var(--lime)}.article-reading code{font-size:.9em;overflow-wrap:anywhere}.article-end{border-top:1px solid var(--line);margin-top:60px;padding-top:30px}.article-end .text-link{width:fit-content;font-size:16px}.insider-article .site-footer{border-top:1px solid var(--line)}
@media(max-width:700px){.article-hero{padding:48px 0 38px}.article-heading{padding:0 6%}.article-heading h1{font-size:clamp(36px,8.7vw,51px);letter-spacing:-1.5px;line-height:1.18}.article-meta{gap:9px 19px;margin-top:26px;font-size:14px}.article-reading{padding:38px 6% 60px}.article-reading p,.article-reading li{font-size:18px;line-height:1.8}.article-reading p{margin-bottom:25px}.article-reading h2{font-size:30px;line-height:1.3;letter-spacing:-.8px;margin:48px 0 23px}.article-reading h3{font-size:24px}.article-end{margin-top:45px}}
.article-cover{max-width:1120px;padding:0 6%;margin:42px auto 0}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:5px}.article-hero:has(.article-cover){padding-bottom:45px}
@media(max-width:700px){.article-cover{margin-top:30px;padding:0 6%}.article-hero:has(.article-cover){padding-bottom:32px}}
.article-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:36px 0 45px;border:1px solid #526149;border-radius:4px}.article-table-wrap:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.article-table-wrap table{width:100%;min-width:580px;border-collapse:collapse;text-align:left;font-size:17px;line-height:1.6}.article-table-wrap th,.article-table-wrap td{padding:18px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);vertical-align:top}.article-table-wrap thead th{background:#263222;color:var(--text);font-weight:700}.article-table-wrap tbody th{font-weight:600;color:var(--text);width:25%}.article-table-wrap td{color:#bdc5ba}.article-table-wrap tr:last-child>*{border-bottom:0}.article-table-wrap tr>*:last-child{border-right:0}

.article-code{max-width:100%;overflow:auto;background:#1b241e;border:1px solid var(--line);border-radius:4px;padding:22px 24px;margin:28px 0 36px;color:var(--text);font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2}.article-code code{font:inherit;white-space:inherit}.article-code:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@media(max-width:700px){.article-code{padding:18px 16px;font-size:14px}}