.blog-head{position:sticky;top:0;z-index:50;background:#f7f6f2e6;backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.blog-head .head-inner{display:flex;align-items:center;gap:24px;height:66px}.blog-head .back{margin-left:auto;font-family:var(--mono);font-size:13px;color:var(--ink-2)}.blog-head .back:hover{color:var(--accent)}.crumbs{font-family:var(--mono);font-size:12px;color:var(--ink-2);display:flex;gap:8px;flex-wrap:wrap;padding:26px 0 0}.crumbs a:hover{color:var(--accent)}.crumbs span{color:var(--ink-3)}.blog-intro{padding:30px 0 10px}.blog-intro h1{font-family:var(--disp);font-weight:800;font-size:clamp(30px,5vw,52px);line-height:1.02;letter-spacing:-.02em}.blog-intro p{color:var(--ink-2);font-size:18px;margin-top:16px;max-width:640px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:40px 0 70px}.post-card{background:var(--paper);padding:26px 22px 28px;display:flex;flex-direction:column;gap:12px;transition:background .15s}.post-card:hover{background:var(--paper-2)}.post-card .pc-cat{font-family:var(--mono);font-size:10.5px;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.post-card h2{font-family:var(--disp);font-weight:600;font-size:20px;line-height:1.18}.post-card p{font-size:14.5px;color:var(--ink-2);flex:1}.post-card .pc-more{font-family:var(--mono);font-size:12px;color:var(--ink);margin-top:6px}.post-card:hover .pc-more{color:var(--accent)}.article{max-width:760px;margin:0 auto;padding:18px 0 40px}.article-hero{padding:24px 0 30px;border-bottom:1px solid var(--line-strong);margin-bottom:36px}.article-cat{font-family:var(--mono);font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.article h1{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4.4vw,46px);line-height:1.04;letter-spacing:-.02em;margin:14px 0 16px}.article-meta{font-family:var(--mono);font-size:12px;color:var(--ink-2);display:flex;gap:14px;flex-wrap:wrap}.article-body{font-size:17.5px;line-height:1.7;color:var(--ink)}.article-body h2{font-family:var(--disp);font-weight:600;font-size:clamp(22px,3vw,30px);line-height:1.15;margin:42px 0 14px;letter-spacing:-.01em}.article-body h3{font-family:var(--disp);font-weight:600;font-size:20px;margin:30px 0 10px}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{margin:0 0 20px;padding-left:24px}.article-body li{margin:0 0 9px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.article-body b,.article-body strong{font-weight:700}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:8px 0 26px;max-width:100%}.article-body table{width:100%;border-collapse:collapse;margin:8px 0 26px;font-size:15.5px}.table-scroll table{margin:0}.article-body th,.article-body td{border:1px solid var(--line);padding:11px 13px;text-align:left}@media(max-width:560px){.article-body table{font-size:13.5px}.article-body th,.article-body td{padding:9px 10px}}.article-body th{background:var(--paper-2);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.article-body blockquote{border-left:3px solid var(--accent);padding:6px 0 6px 18px;margin:0 0 22px;color:var(--ink-2);font-style:italic}.article-cta{background:var(--dark);color:var(--on-dark);border-radius:10px;padding:30px 28px;margin:36px 0;display:flex;flex-direction:column;gap:14px}.article-cta h3{font-family:var(--disp);font-weight:600;font-size:23px;color:#fff;margin:0}.article-cta p{color:var(--on-dark-dim);margin:0;font-size:16px}.article-cta .btn{align-self:flex-start}.article-cta .cta-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.article-cta .btn-ghost{color:#fff;border-color:#ffffff45}.article-cta .btn-ghost:hover{background:#fff;color:var(--ink)}.article-body a.btn{text-decoration:none}.article-body a.btn-accent,.article-body a.btn-accent:hover{color:#fff;text-decoration:none}.article-body a.btn-accent:hover{background:var(--accent-deep)}.article-faq{margin:40px 0 0;border-top:1px solid var(--line-strong);padding-top:8px}.article-faq h2{font-family:var(--disp);font-weight:600;font-size:26px;margin:24px 0 8px}.article-faq details{border-bottom:1px solid var(--line)}.article-faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-family:var(--disp);font-weight:600;font-size:17px;position:relative}.article-faq summary::-webkit-details-marker{display:none}.article-faq summary:after{content:"+";position:absolute;right:4px;font-family:var(--mono);font-size:22px;color:var(--ink-2);transition:transform .2s}.article-faq details[open] summary:after{transform:rotate(45deg)}.article-faq details p{padding:0 0 20px;color:var(--ink-2);font-size:16px}.related{margin:54px 0 0;border-top:1px solid var(--line-strong);padding-top:30px}.related h2{font-family:var(--mono);font-size:13px;text-transform:uppercase;color:var(--ink-2);letter-spacing:.06em;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related a{display:block;border:1px solid var(--line);padding:18px 16px;transition:.15s}.related a:hover{border-color:var(--accent);background:var(--paper-2)}.related .r-cat{font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase}.related h3{font-family:var(--disp);font-weight:600;font-size:16px;line-height:1.2;margin-top:8px}@media(max-width:860px){.post-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}.article-body{font-size:16.5px}}.article-body h2,.article-faq{scroll-margin-top:84px}.article-meta .meta-upd{color:var(--accent)}.toc{border:1px solid var(--line-strong);background:var(--paper-2);padding:20px 22px;margin:0 0 40px;border-radius:2px}.toc-title{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2);margin:0 0 12px}.toc ol{margin:0;padding-left:0;list-style:none;counter-reset:toc}.toc li{counter-increment:toc;margin:0 0 8px;display:flex;gap:10px;font-size:15.5px;line-height:1.35}.toc li:before{content:counter(toc,decimal-leading-zero);font-family:var(--mono);font-size:12px;color:var(--accent);flex:0 0 auto;padding-top:2px}.toc a{color:var(--ink);text-decoration:none;border-bottom:1px solid transparent}.toc a:hover{color:var(--accent);border-bottom-color:var(--accent)}.article-body figure{margin:28px 0}.article-body figure img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:2px}.article-body figcaption{font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-top:8px;text-align:left}.article-steps{list-style:none;counter-reset:st;padding:0;margin:8px 0 28px}.article-steps li{counter-increment:st;position:relative;padding:14px 0 14px 52px;border-bottom:1px solid var(--line)}.article-steps li:last-child{border-bottom:0}.article-steps li:before{content:counter(st,decimal-leading-zero);position:absolute;left:0;top:13px;font-family:var(--mono);font-size:14px;color:var(--accent);font-weight:600}.article-steps b{display:block;font-family:var(--disp);font-weight:600;font-size:17px;margin-bottom:3px}.article-verdict{border-left:3px solid var(--accent);background:var(--paper-2);padding:18px 22px;margin:28px 0;border-radius:0 2px 2px 0}.article-verdict .v-label{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:block;margin-bottom:8px}.article-verdict p{margin:0;font-size:17px}.article-key{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line-strong);padding:16px 18px;margin:24px 0;border-radius:2px}.article-key .k-mark{font-family:var(--mono);font-size:12px;color:var(--accent);flex:0 0 auto}.article-key p{margin:0;font-size:16px;color:var(--ink)}@media(max-width:560px){.toc{padding:16px}.article-steps li{padding-left:46px}}
