.article-route .ar-container{width:min(1300px,calc(100% - 80px));margin-inline:auto}
.article-route h1,.article-route h2,.article-route h3,.article-route h4,.article-route p{font-family:inherit}
.article-route .ar-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;pointer-events:none}
.article-route .ar-progress>span{display:block;width:0;height:100%;background:var(--bl-accent)}
.article-route .ar-hero{padding:190px 0 65px;border-bottom:1px solid var(--bl-line);background:radial-gradient(ellipse at 90% 10%,#65ddff08,transparent 60%)}
.article-route .ar-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;font-size:11px;line-height:1.7;color:#88a1b1;margin-bottom:45px}
.article-route .ar-breadcrumb a:hover{color:var(--bl-accent)}
.article-route .ar-hero h1{font-size:clamp(43px,4.7vw,76px);font-weight:550;line-height:1.1;letter-spacing:-.05em;margin:0;max-width:1150px;text-wrap:balance}
.article-route .ar-dek{font-size:20px;line-height:1.75;letter-spacing:-.01em;color:#b8c6ce;margin:30px 0 0;max-width:980px}
.article-route .ar-meta{display:flex;flex-wrap:wrap;gap:15px 35px;align-items:center;border-top:1px solid var(--bl-line);padding-top:25px;margin-top:40px}
.article-route .ar-meta .bl-meta{font-size:11px;gap:12px 25px}
.article-route .ar-meta>span{font-size:11px;line-height:1.8;color:#7f99aa}
.article-route .ar-reading{display:grid;grid-template-columns:230px minmax(0,740px);justify-content:center;gap:75px;width:min(1120px,calc(100% - 80px));margin:70px auto 0;align-items:start}
.article-route .ar-reading--no-toc{display:block;max-width:740px}
.article-route .ar-toc-wrap{min-width:0}
.article-route .ar-toc{border-top:1px solid #65ddff60}
.article-route .ar-toc summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:12px;color:#cbdbe5;line-height:1.5}
.article-route .ar-toc summary::-webkit-details-marker{display:none}
.article-route .ar-toc summary>span{color:var(--bl-accent);font-size:20px;font-weight:300}
.article-route .ar-toc ol{list-style:none;padding:0;margin:0}
.article-route .ar-toc li{border-top:1px solid #ffffff12}
.article-route .ar-toc a{display:block;padding:12px 0;font-size:11px;line-height:1.65;color:#8199a8;transition:color .2s}
.article-route .ar-toc .ar-toc-h3{padding-left:15px}
.article-route .ar-toc a[aria-current=location],.article-route .ar-toc a:hover{color:var(--bl-accent)}
.article-route .ar-body{font-size:18px;line-height:1.9;color:#bdc8cf;overflow-wrap:anywhere}
.article-route .ar-body>*:first-child{margin-top:0}
.article-route .ar-body p{margin:0 0 25px;font-size:18px;line-height:1.9;color:#bdc8cf}
.article-route .ar-body h2,.article-route .ar-body h3,.article-route .ar-body h4{color:#f2f6f8;font-weight:550;letter-spacing:-.035em;scroll-margin-top:160px}
.article-route .ar-body h2{font-size:34px;line-height:1.25;margin:50px 0 23px}
.article-route .ar-body h3{font-size:26px;line-height:1.35;margin:35px 0 18px}
.article-route .ar-body h4{font-size:22px;line-height:1.4;margin:30px 0 18px}
.article-route .ar-body ul,.article-route .ar-body ol{padding-left:26px;margin:0 0 28px}
.article-route .ar-body li{padding-left:7px;margin-bottom:11px}
.article-route .ar-body li::marker{color:var(--bl-accent)}
.article-route .ar-body a{color:#8bdff7;text-decoration:underline;text-decoration-color:#65ddff60;text-underline-offset:4px}
.article-route .ar-body a:hover{color:#fff}
.article-route .ar-body strong{color:#e4edf2;font-weight:650}
.article-route .ar-body blockquote{margin:35px 0;padding:5px 0 5px 27px;border-left:2px solid var(--bl-accent);color:#e0ebf1}
.article-route .ar-body blockquote p{font-size:21px;line-height:1.7;margin-bottom:15px}
.article-route .ar-body figure{margin:35px 0;max-width:100%}
.article-route .ar-body img,.article-route .ar-body video{display:block;max-width:100%;height:auto}
.article-route .ar-body figcaption{font-size:12px;line-height:1.7;color:#7e98a8;margin-top:14px}
.article-route .ar-body iframe,.article-route .ar-body embed{max-width:100%}
.article-route .ar-table-scroll{width:100%;max-width:100%;overflow-x:auto;margin:32px 0;border-block:1px solid var(--bl-line)}
.article-route .ar-body table{width:100%;min-width:550px;border-collapse:collapse;font-size:15px;line-height:1.7;text-align:left}
.article-route .ar-body th,.article-route .ar-body td{padding:16px 20px;border-bottom:1px solid var(--bl-line);vertical-align:top}
.article-route .ar-body th{color:#e7f1f6;background:#13212a;font-weight:550}
.article-route .ar-body pre{max-width:100%;overflow-x:auto;padding:25px;background:#101a21;font-size:14px;line-height:1.7}
.article-route .ar-body details{border-block:1px solid var(--bl-line);padding:20px 0}
.article-route .ar-body details summary{cursor:pointer;color:#e3edf3;font-weight:550}
.article-route .ar-body details p{margin-top:20px}
.article-route .ar-end{width:min(1120px,calc(100% - 80px));margin:65px auto 0;display:grid;grid-template-columns:230px minmax(0,740px);justify-content:center;gap:75px}
.article-route .ar-end-column{grid-column:2}
.article-route .ar-context{padding:30px;background:#12242e;border-left:2px solid var(--bl-accent);margin-bottom:55px}
.article-route .ar-context .bl-label{margin-bottom:15px}
.article-route .ar-context>a{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:18px;line-height:1.6;color:#e6f3fa}
.article-route .ar-context>a span{color:var(--bl-accent)}
.article-route .ar-author{padding:35px 0 60px;border-top:1px solid var(--bl-line)}
.article-route .ar-author h2{font-size:34px;font-weight:550;letter-spacing:-.04em;line-height:1.2;margin:0 0 12px}
.article-route .ar-author-role{font-size:12px;color:var(--bl-accent);margin:0 0 23px}
.article-route .ar-author>p:not([class]){font-size:15px;line-height:1.85;color:#9fb1bd;margin:0}
.article-route .ar-author-link{display:inline-flex;gap:40px;align-items:center;font-size:12px;padding:12px 0;border-bottom:1px solid #65ddff50;margin-top:15px}
.article-route .ar-author-link span{color:var(--bl-accent)}
.article-route .ar-related{padding:70px 0 75px;border-top:1px solid var(--bl-line);background:#0c1318}
.article-route .ar-related-title{font-size:44px;line-height:1.15;font-weight:550;letter-spacing:-.04em;margin:0 0 40px}
.article-route .ar-related>.bl-container>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}
@media(min-width:1001px) and (min-height:800px){.article-route .ar-toc-wrap{position:sticky;top:175px;max-height:calc(100vh - 205px);overflow-y:auto;scrollbar-width:thin}.article-route .ar-toc summary{pointer-events:none}.article-route .ar-toc summary>span{display:none}}
@media(max-width:1199px){.article-route .ar-container{width:calc(100% - 60px)}.article-route .ar-reading,.article-route .ar-end{grid-template-columns:200px minmax(0,740px);gap:45px;width:calc(100% - 60px)}.article-route .ar-related>.bl-container>div{gap:25px}.article-route .ar-related .bl-card h2{font-size:23px}}
@media(max-width:1000px){.article-route .ar-hero{padding-top:180px;padding-bottom:50px}.article-route .ar-hero h1{font-size:52px}.article-route .ar-dek{font-size:19px}.article-route .ar-reading{display:block;width:min(740px,calc(100% - 60px));margin-top:45px}.article-route .ar-toc-wrap{position:static;margin-bottom:45px}.article-route .ar-toc summary{cursor:pointer;min-height:54px}.article-route .ar-toc a{font-size:13px;padding-block:12px}.article-route .ar-toc{border-bottom:1px solid #65ddff60}.article-route .ar-end{display:block;width:min(740px,calc(100% - 60px));margin-top:45px}.article-route .ar-body h2{font-size:32px}.article-route .ar-related>.bl-container>div{grid-template-columns:minmax(0,1fr)}.article-route .ar-related .bl-card h2{font-size:27px}.article-route .ar-related .bl-card--related{display:grid;grid-template-columns:45px minmax(0,1fr);gap:25px}}
@media(max-width:600px){.article-route .ar-container,.article-route .ar-reading,.article-route .ar-end{width:calc(100% - 36px)}.article-route .ar-hero{padding-top:170px;padding-bottom:40px}.article-route .ar-breadcrumb{font-size:10px;gap:8px;margin-bottom:30px}.article-route .ar-hero h1{font-size:37px;line-height:1.14;overflow-wrap:anywhere;text-wrap:initial}.article-route .ar-dek{font-size:17px;line-height:1.8;margin-top:25px}.article-route .ar-meta{margin-top:28px;padding-top:20px}.article-route .ar-meta .bl-meta{font-size:10px;gap:10px 17px}.article-route .ar-reading{margin-top:30px}.article-route .ar-toc-wrap{margin-bottom:35px}.article-route .ar-body{font-size:16px;line-height:1.85}.article-route .ar-body p{font-size:16px;line-height:1.85;margin-bottom:23px}.article-route .ar-body h2{font-size:28px;line-height:1.3;margin:38px 0 20px}.article-route .ar-body h3{font-size:23px;margin-top:30px}.article-route .ar-body h4{font-size:20px}.article-route .ar-body ul,.article-route .ar-body ol{padding-left:22px}.article-route .ar-body blockquote{padding-left:20px}.article-route .ar-body blockquote p{font-size:18px}.article-route .ar-context{padding:25px 22px;margin-bottom:35px}.article-route .ar-context>a{font-size:16px}.article-route .ar-author{padding-bottom:40px}.article-route .ar-author h2{font-size:30px}.article-route .ar-related{padding:50px 0}.article-route .ar-related-title{font-size:35px;margin-bottom:30px}.article-route .ar-related .bl-card--related{grid-template-columns:30px minmax(0,1fr);gap:18px}.article-route .ar-related .bl-card h2{font-size:24px}}
@media(max-width:359px){.article-route .ar-container,.article-route .ar-reading,.article-route .ar-end{width:calc(100% - 32px)}.article-route .ar-hero h1{font-size:32px}.article-route .ar-body h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.article-route *,.article-route *:before,.article-route *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.article-route .ar-toc-wrap{position:static}}
