.pg-article .ahead{text-align:center;max-width:900px;margin:0 auto;padding:56px 0 0;position:relative}.pg-article .kind{color:var(--ink3);align-items:center;gap:10px;font-size:14.5px;display:inline-flex}.pg-article .kind a{color:var(--lime);font-weight:600}.pg-article .ahead h1{text-wrap:balance;margin-top:22px;font-size:60px}.pg-article .ahead .sub{max-width:660px;margin-top:30px}.pg-article .by{color:var(--ink2);align-items:center;gap:10px;margin-top:26px;font-size:14.5px;display:inline-flex}.pg-article .by img{width:26px;height:26px}.pg-article .by img.face{object-fit:cover;border-radius:50%}.pg-article .cover{background:var(--frame);border-radius:30px;max-width:1080px;margin:52px auto 0;padding:14px}.pg-article .cover img{aspect-ratio:1200/630;object-fit:cover;border-radius:20px;width:100%;height:auto;display:block}.pg-article .abody{grid-template-columns:220px minmax(0,680px);justify-content:center;gap:80px;width:min(1180px,100% - 48px);margin:80px auto 0;display:grid}.pg-article .abody.solo{grid-template-columns:minmax(0,680px)}.pg-article .art{min-width:0}.pg-article .toc{align-self:start;max-height:calc(100vh - 56px);position:sticky;top:28px;overflow-y:auto}.pg-article .toc b{font-family:var(--font-sora);color:var(--ink);font-size:15px;font-weight:600}.pg-article .toc ol{border-left:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.pg-article .toc a{color:var(--ink3);border-left:2px solid #0000;gap:10px;margin-left:-1px;padding:7px 0 7px 16px;font-size:13.5px;line-height:1.4;transition:color .15s;display:flex}.pg-article .toc a span{font:500 11px/1.6 var(--font-jetbrains);opacity:.7}.pg-article .toc a:hover{color:var(--ink)}.pg-article .toc a.on{border-color:var(--lime);color:var(--ink)}.pg-article .tocm{display:none}.pg-article .prose{color:var(--ink2);min-width:0;font-size:18px;line-height:1.72}.pg-article .prose>:is(p,ul,ol,blockquote,pre,.tw){margin-top:22px}.pg-article .prose>p:first-child{color:var(--ink);margin-top:0;font-size:20.5px;line-height:1.62}.pg-article .prose>h2{font-family:var(--font-sora);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin-top:80px;scroll-margin-top:24px;font-size:33px;font-weight:700;line-height:1.14}.pg-article .prose>h2:first-child{margin-top:0}.pg-article .prose>h3{font-family:var(--font-sora);letter-spacing:-.015em;color:var(--ink);margin-top:42px;font-size:22px;font-weight:600;line-height:1.3}.pg-article .prose>h3+p{margin-top:12px}.pg-article .prose>:is(ul,ol){flex-direction:column;gap:13px;padding:0;list-style:none;display:flex}.pg-article .prose>ul>li{padding-left:26px;position:relative}.pg-article .prose>ul>li:before{content:"";background:var(--lime);border-radius:50%;width:7px;height:7px;position:absolute;top:.68em;left:4px}.pg-article .prose>ol{counter-reset:n}.pg-article .prose>ol>li{counter-increment:n;padding-left:46px;position:relative}.pg-article .prose>ol>li:before{content:counter(n);background:var(--s3);width:30px;height:30px;color:var(--lime);font:500 13px/30px var(--font-jetbrains);text-align:center;border-radius:9px;position:absolute;top:1px;left:0}.pg-article .prose>:is(ul,ol) li>p+p{margin-top:10px}.pg-article .prose>:is(ul,ol) :is(ul,ol){flex-direction:column;gap:8px;margin-top:10px;padding:0;list-style:none;display:flex}.pg-article .prose>:is(ul,ol) :is(ul,ol)>li{padding-left:22px;position:relative}.pg-article .prose>:is(ul,ol) :is(ul,ol)>li:before{content:"";background:var(--ink3);border-radius:50%;width:6px;height:6px;position:absolute;top:.7em;left:4px}.pg-article .prose>:is(p,ul,ol,blockquote,.tw,h2,h3,h4) strong{color:var(--ink);font-weight:600}.pg-article .prose>:is(p,ul,ol,blockquote,.tw,h3,h4) em{color:var(--ink)}.pg-article .prose>:is(p,ul,ol,blockquote,.tw,h3,h4) a{color:var(--lime);text-underline-offset:3px;overflow-wrap:anywhere;-webkit-text-decoration:underline #c5e14266;text-decoration:underline #c5e14266}.pg-article .prose>:is(p,ul,ol,blockquote,.tw,h3,h4) a:hover{-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime)}.pg-article .prose>:is(p,ul,ol,blockquote,.tw,h2,h3,h4) code{font-family:var(--font-jetbrains);color:var(--ink);background:var(--s2);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-size:.82em}.pg-article .prose>pre{font:13px/1.75 var(--font-jetbrains);color:#b9b9b6;background:#121213;border:1px solid #ffffff1a;border-radius:18px;padding:18px 20px;overflow-x:auto}.pg-article .prose>pre code{font:inherit;color:inherit;background:0 0;border:0;padding:0}.pg-article .prose>blockquote{color:var(--ink);background:#2a2a2d;border-radius:16px;padding:14px 18px;font-size:16px;line-height:1.6}.pg-article .prose>blockquote+blockquote,.pg-article .prose>blockquote p+p{margin-top:10px}.pg-article .prose>hr{border:0;border-top:1px solid var(--line);margin:56px 0 0}.pg-article .prose>img{border:1px solid var(--line);background:var(--s1);border-radius:20px;width:100%;height:auto;margin-top:32px;display:block}.pg-article .prose>p>.fig{display:block}.pg-article .prose>p:has(>.fig:only-child){margin-top:36px}.pg-article .prose .fig img{border:1px solid var(--line);background:var(--s1);border-radius:20px;width:100%;height:auto;display:block}.pg-article .prose .fig .cap{color:var(--ink3);margin-top:12px;font-size:13.5px;line-height:1.5;display:block}.pg-article .prose>.tw{border:1px solid var(--line);background:var(--s1);border-radius:18px;overflow-x:auto}.pg-article .prose>.tw table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.5}.pg-article .prose>.tw :is(th,td){text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 16px}.pg-article .prose>.tw tr:last-child td{border-bottom:0}.pg-article .prose>.tw th{color:var(--ink3);white-space:nowrap;font-size:13px;font-weight:600}.pg-article .prose>.tw td{color:var(--ink2)}.pg-article .prose>.tw td:first-child{color:var(--ink)}.pg-article .prose>#the-short-version+ul{background:var(--c1);color:var(--card-ink2);border-radius:26px;gap:16px;margin-top:24px;padding:34px 36px;font-size:17px;line-height:1.6}.pg-article .prose>#the-short-version+ul>li{padding-left:26px}.pg-article .prose>#the-short-version+ul>li:before{width:8px;height:8px;top:.62em;left:3px}.pg-article .prose>#the-short-version+ul strong{color:var(--card-ink)}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3:not(:is(#faq,#frequently-asked-questions)~h2~*){background:var(--s1);border:1px solid var(--line);font-family:var(--font-inter);letter-spacing:0;border-bottom:0;border-radius:16px 16px 0 0;margin-top:10px;padding:19px 22px 0;font-size:16.5px;font-weight:600;line-height:1.4}.pg-article .prose>:is(#faq,#frequently-asked-questions)+h3{margin-top:22px}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3~:not(h2,h3):not(:is(#faq,#frequently-asked-questions)~h2~*){background:var(--s1);border:1px solid var(--line);border-top:0;border-bottom:0;margin-top:0;padding:10px 22px 0;font-size:16px;line-height:1.62}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3~:not(h2,h3):not(:is(#faq,#frequently-asked-questions)~h2~*):is(:has(+h3),:has(+h2),:last-child){border-bottom:1px solid var(--line);border-radius:0 0 16px 16px;padding-bottom:20px}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3+p{margin-top:0}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3~:is(ul,ol):not(:is(#faq,#frequently-asked-questions)~h2~*){gap:8px;padding-left:22px}.pg-article .rel{margin-top:130px}.pg-article .rel h2{font-family:var(--font-sora);letter-spacing:-.03em;font-size:44px;font-weight:700}.pg-article .posts{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px;display:grid}.pg-article .pc{background:var(--s1);border-radius:22px;flex-direction:column;transition:transform .18s,background .18s;display:flex;overflow:hidden}.pg-article .pc:hover{background:var(--s2);transform:translateY(-3px)}.pg-article .pc img{aspect-ratio:640/336;object-fit:cover;width:100%;height:auto;display:block}.pg-article .pc .b{padding:22px 24px 26px}.pg-article .pc .m{color:var(--ink3);font-size:13px;font-weight:500}.pg-article .pc h3{font-family:var(--font-sora);letter-spacing:-.015em;margin-top:10px;font-size:19px;font-weight:600;line-height:1.3}.pg-article .pc p{color:var(--ink2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.pg-article .final .acts{flex-wrap:wrap;flex:none;gap:10px;display:flex}.pg-article .final .pill{white-space:nowrap;flex:none}.pg-article .final .pill.alt{color:#111;background:0 0;border:1.5px solid #1116}@media (max-width:1200px){.pg-article .ahead .doodle{display:none}}@media (max-width:980px){.pg-article .ahead h1{font-size:46px}.pg-article .abody,.pg-article .abody.solo{grid-template-columns:minmax(0,1fr);gap:0;margin-top:48px}.pg-article .toc{display:none}.pg-article .tocm{background:var(--s1);border:1px solid var(--line);border-radius:16px;margin-bottom:34px;display:block}.pg-article .tocm summary{cursor:pointer;color:var(--ink);justify-content:space-between;padding:16px 20px;font-size:15.5px;font-weight:600;list-style:none;display:flex}.pg-article .tocm summary::-webkit-details-marker{display:none}.pg-article .tocm summary:after{content:"+";color:var(--ink3);font-size:19px;font-weight:400;line-height:1}.pg-article .tocm[open] summary:after{content:"−"}.pg-article .tocm ol{color:var(--ink2);flex-direction:column;gap:9px;margin:0;padding:0 20px 16px;font-size:14.5px;list-style:none;display:flex}.pg-article .tocm ol span{font:500 11px var(--font-jetbrains);color:var(--ink3);margin-right:10px}.pg-article .posts{grid-template-columns:1fr 1fr}}@media (max-width:640px){.pg-article .ahead{padding-top:34px}.pg-article .ahead h1{font-size:34px;line-height:1.08}.pg-article .ahead .sub{margin-top:24px}.pg-article .cover{border-radius:20px;margin-top:34px;padding:8px}.pg-article .cover img{border-radius:14px}.pg-article .abody,.pg-article .abody.solo{width:calc(100% - 32px)}.pg-article .prose{font-size:17px}.pg-article .prose>p:first-child{font-size:18.5px}.pg-article .prose>h2{margin-top:60px;font-size:27px}.pg-article .prose>h3{font-size:20px}.pg-article .prose>.tw table{font-size:13.5px}.pg-article .prose>.tw :is(th,td){padding:11px 12px}.pg-article .prose>#the-short-version+ul{border-radius:22px;padding:24px 20px;font-size:16px}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3:not(:is(#faq,#frequently-asked-questions)~h2~*){padding:17px 18px 0;font-size:15.5px}.pg-article .prose>:is(#faq,#frequently-asked-questions)~h3~:not(h2,h3):not(:is(#faq,#frequently-asked-questions)~h2~*){padding-left:18px;padding-right:18px;font-size:15.5px}.pg-article .prose>blockquote{font-size:15.5px}.pg-article .rel{margin-top:84px}.pg-article .rel h2{font-size:32px}.pg-article .posts{grid-template-columns:1fr}.pg-article .final .acts{flex-direction:column;align-items:stretch;width:100%}.pg-article .final .acts .pill{justify-content:center}}
