.blog-page,.blog-shell{background:#fff}.blog-page{--navy:#0a1772;--blue:#1565d8;--ink:#111827;--text:#374151;--mute:#6b7280;--line:#e5e7eb;--soft:#f7f8fb;--yellow:#ffd814;--yellow-b:#fcd200;--yellow-h:#f7ca00;--amz-ink:#0f1111;max-width:1180px;margin:0 auto;padding:0 20px 40px;color:var(--text);font:17px/1.75 var(--hbv-font-body)}.blog-page a{color:var(--blue)}.blog-page a:hover{color:var(--navy)}.blog-page :focus-visible{outline:3px solid #6e9bff;outline-offset:2px}.blog-page .cm-hp,.blog-page .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.blog-page h1{font-size:clamp(30px,4.4vw,40px);font-weight:900;color:var(--ink);margin:14px 0 12px;line-height:1.15}.blog-page h1 span{color:var(--blue)}.blog-page .hbv-crumbs{padding-top:22px;margin-bottom:4px}.blog-page .hbv-crumbs a{color:var(--mute)}.blog-page .hbv-crumbs a:hover{color:var(--blue)}.blog-page .lead{font-size:19px;color:#4b5563;line-height:1.6}.blog-page .btn-y{background:var(--yellow);border:1px solid var(--yellow-b);color:var(--amz-ink);border-radius:999px;padding:0 22px;min-height:48px;font:500 16px var(--hbv-font-body);cursor:pointer;box-shadow:0 2px 5px rgba(213,217,217,.5);white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.blog-page .btn-y:hover{background:var(--yellow-h);border-color:#f2c200;color:var(--amz-ink)}.blog-page .btn-y:disabled{opacity:.6;cursor:default}.blog-page .ph{position:relative;background:linear-gradient(135deg,#0a1772,#1565d8);border-radius:14px;overflow:hidden;aspect-ratio:16/9}.blog-page .ph img{width:100%;height:100%;object-fit:cover;display:block}.blog-page .ph:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(17,24,39,.06);border-radius:14px;pointer-events:none}.blog-page .bhead{padding:18px 0 30px;border-bottom:1px solid var(--line)}.blog-page .bhead h1{margin:6px 0 10px}.blog-page .bhead .lead{margin:0 0 22px;max-width:700px}.blog-page .chips{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}.blog-page .chips a{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:15px;line-height:1.5;color:var(--ink);text-decoration:none;background:#fff}.blog-page .chips a:hover,.blog-page .chips a[aria-current]{border-color:var(--navy);background:var(--navy);color:#fff}.blog-page .sec{padding:44px 0 8px}.blog-page .sec>h2{font-size:26px;font-weight:800;color:var(--ink);margin:0 0 20px;line-height:1.25}.blog-page .feat{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}.blog-page .feat h2{font-size:30px;line-height:1.2;margin:8px 0 12px;font-weight:800}.blog-page .card h2 a,.blog-page .card h3 a,.blog-page .feat h2 a{color:var(--ink);text-decoration:none}.blog-page .card h2 a:hover,.blog-page .card h3 a:hover,.blog-page .feat h2 a:hover{color:var(--blue)}.blog-page .kicker{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);text-decoration:none;margin:0}.blog-page .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:36px 32px}.blog-page .card h2,.blog-page .card h3{font-size:20px;line-height:1.3;margin:8px 0;font-weight:700}.blog-page .card p{margin:0 0 10px;font-size:16px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-page .card .cimg{display:block;margin-bottom:14px}.blog-page .card p.meta,.blog-page .meta{font-size:14px;color:var(--mute)}.blog-page .topics{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:0 40px;margin:0;padding:0;list-style:none}.blog-page .topics li{border-top:1px solid var(--line);padding:16px 0}.blog-page .topics a{font-weight:700;font-size:18px;color:var(--ink);text-decoration:none}.blog-page .topics a:hover{color:var(--blue)}.blog-page .topics span{color:var(--mute);font-size:14px;margin-left:6px}.blog-page .topics p{margin:4px 0 0;font-size:15px;line-height:1.55}.blog-page .tagcloud{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.blog-page .tagcloud a{font-size:14px;color:var(--text);background:var(--soft);border-radius:8px;padding:6px 10px;text-decoration:none}.blog-page .tagcloud a:hover{background:#e8eeff;color:var(--navy)}.blog-page .pager{display:flex;gap:8px;justify-content:center;margin:44px 0 10px;font-size:15px}.blog-page .pager a,.blog-page .pager span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);padding:0 12px}.blog-page .pager [aria-current]{background:var(--navy);color:#fff;border-color:var(--navy)}.blog-page .intro{max-width:780px}.blog-page .intro p{margin:0 0 14px}.blog-page .starthere{margin:0;padding:0;list-style:none;counter-reset:s}.blog-page .starthere li{counter-increment:s;display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--line)}.blog-page .starthere li:before{content:counter(s);flex:0 0 30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}.blog-page .starthere a{font-weight:700;color:var(--ink);text-decoration:none}.blog-page .starthere a:hover{color:var(--blue)}.blog-page .starthere p{margin:2px 0 0;font-size:15px}.blog-page .empty{color:var(--mute);background:var(--soft);border-radius:12px;padding:16px;font-size:15px}.blog-page .contact-strip{border:1px dashed #c7d2fe;background:#f7f9ff;border-radius:14px;padding:14px 18px;margin:36px 0 0}.blog-page .contact-strip p{margin:0;font-size:15px}.blog-page .cta{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;background:#fff9e0;border:1px solid #f5e2a0;border-radius:18px;padding:28px 32px;margin:48px 0}.blog-page .cta-dark{background:var(--navy);border-color:var(--navy);color:#d8deff}.blog-page .cta-dark .cta-h{color:#fff}.blog-page .cta .cta-h,.blog-page .post-main .cta .cta-h{font-size:24px;font-weight:800;color:var(--ink);margin:0 0 6px;line-height:1.25}.blog-page .cta-dark .cta-h,.blog-page .post-main .cta-dark .cta-h{color:#fff}.blog-page .cta p{margin:0;font-size:16px}.blog-page .vinf{display:flex;flex-wrap:wrap;gap:10px}.blog-page .vinf input{flex:1 1 220px;min-width:0;border:2px solid var(--line);border-radius:10px;padding:12px 14px;font:16px var(--hbv-font-body);text-transform:uppercase;letter-spacing:1px;color:var(--ink);background:#fff}.blog-page .vinf input::placeholder{text-transform:none;letter-spacing:0}.blog-page .vinf input:focus{outline:none;border-color:var(--blue)}.blog-page .vmsg{flex-basis:100%;min-height:20px;font-size:14px;margin:0;color:#b42318}.blog-page .cta-dark .vmsg,.blog-page .sidecta .vmsg{color:#ffd1cc}.blog-page .progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--yellow);z-index:50;transform:scaleX(0);transform-origin:0 50%}.blog-page .post{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding:20px 0 30px}.blog-page .post-main{min-width:0;max-width:780px}.blog-page .post-main h1{font-size:clamp(30px,4vw,42px);margin:10px 0 14px}.blog-page .dek{font-size:20px;line-height:1.6;color:#4b5563;margin:0 0 20px}.blog-page .byline{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;font-size:15px;color:var(--mute);padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.blog-page .avatar{width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800;font-size:15px}.blog-page .byline b{color:var(--ink)}.blog-page .byline a{color:var(--ink);font-weight:700;text-decoration:none}.blog-page .byline .ver{display:inline-flex;align-items:center;gap:6px;color:#067647;font-weight:500}.blog-page .hero-fig{margin:0 0 28px}.blog-page figcaption{font-size:14px;color:var(--mute);margin-top:8px}.blog-page .answer{background:#f3f7ff;border-left:4px solid var(--blue);border-radius:0 12px 12px 0;padding:18px 22px;margin:0 0 26px}.blog-page .answer strong.lbl{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:4px}.blog-page .answer p{margin:0}.blog-page .keyt{border:1px solid var(--line);border-radius:14px;padding:18px 22px 8px;margin:0 0 28px}.blog-page .post-main .keyt h2{font-size:18px;margin:0 0 8px}.blog-page .post-main h2{font-size:28px;font-weight:800;color:var(--ink);margin:28px 0 12px;line-height:1.25;scroll-margin-top:20px}.blog-page .post-main h3{font-size:20px;font-weight:700;color:var(--ink);margin:26px 0 6px;scroll-margin-top:20px}.blog-page .post-main h4{font-size:18px;font-weight:700;color:var(--ink);margin:22px 0 6px}.blog-page .post-main p{margin:0 0 16px}.blog-page .post-main ol,.blog-page .post-main ul{margin:0 0 18px;padding-left:24px}.blog-page .post-main li{margin:0 0 8px}.blog-page .post-main blockquote{margin:0 0 18px;padding:4px 0 4px 18px;border-left:4px solid var(--line);color:var(--ink)}.blog-page .post-main pre{background:var(--soft);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:14px}.blog-page .post-main code{font-family:var(--hbv-font-mono);font-weight:700;color:var(--navy)}.blog-page .tbl{overflow-x:auto;margin:8px 0 20px}.blog-page table{width:100%;border-collapse:collapse;font-size:16px;min-width:520px}.blog-page td,.blog-page th{border:1px solid var(--line);padding:10px 14px;text-align:left;vertical-align:top}.blog-page th{background:var(--soft);color:var(--ink);font-weight:700}.blog-page .flow{--flow-cols:5;display:grid;grid-template-columns:repeat(var(--flow-cols),minmax(0,1fr));gap:10px;margin:8px 0 22px}.blog-page .flow div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 12px;font-size:14px;line-height:1.45;position:relative}.blog-page .flow div b{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}.blog-page .flow div:not(:last-child):after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--mute);font-weight:700;z-index:1}.blog-page .post-main ul.check,.blog-page ul.check{list-style:none;padding:0}.blog-page .check li{padding-left:30px;position:relative}.blog-page .check li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#e7f6ec;color:#067647;font-size:13px;line-height:1;display:grid;place-items:center;font-weight:700;margin-top:5px}.blog-page .callout{border-radius:0 12px 12px 0;padding:16px 20px;margin:0 0 24px;border-left:4px solid var(--blue);background:#f3f7ff}.blog-page .callout-tip{border-left-color:#067647;background:#effaf3}.blog-page .callout-warning{border-left-color:#e7b10a;background:#fff9e0}.blog-page .post-main .callout-t{display:block;margin:0 0 4px;font-weight:700;color:var(--ink)}.blog-page .post-main .callout p:last-child{margin-bottom:0}.blog-page .fig{margin:8px 0 22px}.blog-page .fig figcaption{text-align:center}.blog-page .faq details{border-bottom:1px solid var(--line);padding:6px 0}.blog-page .faq summary{cursor:pointer;list-style:none}.blog-page .faq summary::-webkit-details-marker{display:none}.blog-page .post-main .faq summary h3{display:inline;margin:0;font-size:19px}.blog-page .faq summary:after{content:"+";float:right;font-size:22px;color:var(--mute)}.blog-page .faq details[open] summary:after{content:"–"}.blog-page .post-main .faq details p{margin:8px 0 10px}.blog-page .post-main>:is(p,ol,ul:not(.ptags),blockquote,.tbl,.callout) a,.blog-page .sources a{text-decoration:underline;text-underline-offset:2px}.blog-page .sources{font-size:15px}.blog-page .sources li{margin-bottom:6px}.blog-page .post-main .ptags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:20px 0}.blog-page .ptags li{margin:0}.blog-page .ptags a{font-size:14px;background:var(--soft);color:var(--text);border-radius:8px;padding:6px 10px;text-decoration:none}.blog-page .ptags a:hover{background:#e8eeff;color:var(--navy)}.blog-page .mtoc{display:none;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin:0 0 24px}.blog-page .mtoc summary{font-weight:700;color:var(--ink);cursor:pointer}.blog-page .post-main .mtoc ol{margin:10px 0 4px;padding-left:20px}.blog-page .mtoc a{color:var(--text);text-decoration:none}.blog-page .post-side{display:flex;flex-direction:column;gap:26px;position:relative}.blog-page .side-top{flex:1}.blog-page .sticky{position:sticky;top:20px;display:flex;flex-direction:column;gap:22px}.blog-page .toc{border-radius:16px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.06),0 8px 24px rgba(16,24,40,.06);outline:1px solid var(--line)}.blog-page .toc-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 10px}.blog-page .toc h2{margin:0;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);font-weight:700}.blog-page .toc-pct{font-size:12px;font-weight:700;color:var(--navy);background:#eef3ff;border-radius:999px;padding:3px 9px;line-height:1.5}.blog-page .toc-bar{height:3px;background:var(--line);margin:0 18px 8px;border-radius:3px;overflow:hidden}.blog-page .toc-bar i{display:block;height:100%;width:0;background:var(--blue);border-radius:3px;transition:width .15s}.blog-page .toc-body{max-height:calc(100vh - 360px);overflow:auto;padding:0 10px 10px;scrollbar-width:thin}.blog-page .toc ol{list-style:none;counter-reset:t;padding:0;margin:0}.blog-page .toc-body>ol>li{counter-increment:t}.blog-page .toc li{margin:0}.blog-page .toc a{display:block;border-radius:10px;padding:8px 10px 8px 40px;position:relative;font-size:14.5px;line-height:1.4;color:var(--text);text-decoration:none}.blog-page .toc-body>ol>li>a:before{content:counter(t,decimal-leading-zero);position:absolute;left:10px;top:8px;font:700 12px var(--hbv-font-mono);color:#9ca3af}.blog-page .toc a:hover{background:var(--soft);color:var(--navy)}.blog-page .toc a.active{background:#eef3ff;color:var(--navy);font-weight:700}.blog-page .toc a.active:before{color:var(--blue)}.blog-page .toc li ol{display:none;margin:2px 0 4px 40px;border-left:2px solid #dce5ff}.blog-page .toc li.open>ol{display:block}.blog-page .toc li li a{padding:5px 10px 5px 12px;font-size:13.5px;border-radius:0 8px 8px 0}.blog-page .toc li li a.active{background:none;color:var(--blue)}.blog-page .toc-top{display:block;border-top:1px solid var(--line);padding:10px 18px 14px;font-size:13px;color:var(--mute);text-decoration:none}.blog-page .toc-top:hover{color:var(--navy)}.blog-page .sidecta{background:var(--navy);color:#d8deff;border-radius:14px;padding:20px}.blog-page .sidecta h2{color:#fff;font-size:19px;margin:0 0 6px;font-weight:800;line-height:1.3}.blog-page .sidecta p{font-size:14px;margin:0 0 12px;line-height:1.5}.blog-page .sidecta .vinf input{width:100%;flex-basis:100%;border:0;border-radius:10px;padding:12px;font-size:15px}.blog-page .sidecta .btn-y{width:100%}.blog-page .sidecta .vmsg{font-size:13px;margin:0}.blog-page .follow,.blog-page .sidelist{border:1px solid var(--line);border-radius:16px;padding:16px 18px}.blog-page .follow h2,.blog-page .sidelist h2{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 0 6px;font-weight:700}.blog-page .sidelist ol{list-style:none;margin:0;padding:0}.blog-page .sidelist li+li{border-top:1px solid var(--line)}.blog-page .sidelist a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:11px 0;text-decoration:none}.blog-page .sl-n{grid-row:span 2;font:700 18px var(--hbv-font-mono);color:#c7cedb;line-height:1.2}.blog-page .sl-t{color:var(--ink);font-weight:500;font-size:15px;line-height:1.35;grid-column:1/-1}.blog-page .sl-m{font-size:12.5px;line-height:1.4;color:var(--mute);grid-column:1/-1}.blog-page .sl-n~.sl-m,.blog-page .sl-n~.sl-t{grid-column:2}.blog-page .sidelist a:hover .sl-t{color:var(--blue)}.blog-page .fl-row{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}.blog-page .fl{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff}.blog-page .fl svg{width:18px;height:18px}.blog-page .fl-facebook{background:#1877f2}.blog-page .fl-x{background:#111}.blog-page .fl-linkedin{background:#0a66c2}.blog-page .fl-reddit{background:#ff4500}.blog-page .fl-youtube{background:#ff0000}.blog-page .fl-instagram{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.blog-page .follow p{font-size:13.5px;line-height:1.5;margin:0}.blog-page .share-mini{display:flex;align-items:center;gap:6px;margin-left:auto}.blog-page .share-mini span{font-size:13px;color:var(--mute);margin-right:2px}.blog-page .si{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:0}.blog-page .si svg{width:15px;height:15px}.blog-page .si-facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.blog-page .si-x:hover{background:#111;color:#fff;border-color:#111}.blog-page .si-linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.blog-page .si-reddit:hover{background:#ff4500;color:#fff;border-color:#ff4500}.blog-page .si-email:hover,.blog-page .si-link:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.blog-page .sharebox{margin:34px 0}.blog-page .post-main .sh-h{font-size:20px;margin:0 0 14px;text-align:center}.blog-page .sb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.blog-page .sb{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;border-radius:999px;color:#fff;text-decoration:none;font:700 14px var(--hbv-font-body);letter-spacing:.02em;border:0;cursor:pointer;transition:transform .12s,box-shadow .12s}.blog-page a.sb,.blog-page a.sb:hover{color:#fff}.blog-page .sb svg{width:18px;height:18px}.blog-page .sb:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(16,24,40,.15)}.blog-page .sb-facebook{background:#1877f2}.blog-page .sb-x{background:#111}.blog-page .sb-linkedin{background:#0a66c2}.blog-page .sb-reddit{background:#ff4500}.blog-page .sb-email{background:#b45309}.blog-page .sb-link{background:var(--navy)}.blog-page .rate{text-align:center;background:var(--soft);border-radius:18px;padding:30px 22px;margin:40px 0 0}.blog-page .post-main .rate h2{margin:0 0 4px;font-size:26px}.blog-page .post-main .rate-sub{color:var(--mute);margin:0 0 8px}.blog-page .stars{display:inline-flex;gap:6px}.blog-page .stars button{font-size:44px;line-height:1;background:none;border:0;cursor:pointer;color:#d9dee7;padding:0 2px;transition:transform .1s,color .1s}.blog-page .stars button.on{color:#ffc21a}.blog-page .stars button:hover{transform:scale(1.12)}.blog-page .post-main .rate-avg{margin:10px 0 0;font-size:15px;color:var(--text)}.blog-page .rate-fb{max-width:560px;margin:18px auto 0;text-align:left}.blog-page .fb-q{display:block;font-weight:700;color:var(--ink);margin-bottom:6px}.blog-page .cm-form input:not([type=checkbox]),.blog-page .cm-form textarea,.blog-page .rate-fb textarea{width:100%;border:1px solid #d0d5dd;border-radius:10px;padding:12px;font:15px var(--hbv-font-body);color:var(--ink);background:#fff}.blog-page .cm-form input:focus,.blog-page .cm-form textarea:focus,.blog-page .news-f input:focus,.blog-page .rate-fb textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #dce7ff}.blog-page .fb-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;font-size:14px}.blog-page .post-main .fb-done{color:#067647;font-weight:500;margin:10px 0 0}.blog-page .author{border-radius:18px;padding:24px;margin:36px 0;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,var(--navy),var(--blue),#ffd814) border-box;border:2px solid transparent}.blog-page .au-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.blog-page .au-av{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;display:grid;place-items:center;font-weight:800;font-size:22px;flex:0 0 auto;box-shadow:0 0 0 4px #eef3ff}.blog-page .au-av.sm{width:36px;height:36px;font-size:13px;box-shadow:none}.blog-page .au-id{flex:1;min-width:200px}.blog-page .au-k,.blog-page .post-main .au-k{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0}.blog-page .author h2{font-size:22px;margin:2px 0;line-height:1.3;color:var(--ink)}.blog-page .au-role,.blog-page .post-main .au-role{margin:0;font-size:14px;color:var(--blue);font-weight:500}.blog-page .au-soc{display:flex;gap:8px}.blog-page .as{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:var(--navy)}.blog-page .as svg{width:16px;height:16px}.blog-page .as:hover{background:var(--navy);color:#fff}.blog-page .au-bio,.blog-page .post-main .au-bio{margin:16px 0 14px;font-size:16px}.blog-page .au-rev{display:flex;align-items:center;gap:12px;background:#e7f6ec;border-radius:12px;padding:10px 14px}.blog-page .post-main .au-rev p{margin:0;font-size:14.5px;color:#05603a}.blog-page .au-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:14px;font-size:14px}.blog-page .au-foot a{text-decoration:none;font-weight:500}.blog-page .news{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--navy);color:#d8deff;border-radius:18px;padding:28px 30px;margin:36px 0;position:relative;overflow:hidden}.blog-page .news:after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(255,216,20,.35),transparent 70%);pointer-events:none}.blog-page .news h2,.blog-page .post-main .news h2{color:#fff;font-size:24px;margin:4px 0 6px;line-height:1.25}.blog-page .news .kicker{color:#ffd814}.blog-page .news p,.blog-page .post-main .news p{margin:0;font-size:15px;line-height:1.6}.blog-page .news-f{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1}.blog-page .news-f input{flex:1 1 200px;min-width:0;border:0;border-radius:999px;padding:13px 18px;font:15px var(--hbv-font-body)}.blog-page .news .news-msg{flex-basis:100%;font-size:12.5px;color:#c9d3ff}.blog-page .news-msg a{color:#fff}.blog-page .comments{margin:40px 0 10px}.blog-page .cm-count{color:var(--mute);font-weight:500}.blog-page .post-main .cm-list{list-style:none;padding:0;margin:0 0 18px}.blog-page .cm-empty{color:var(--mute);background:var(--soft);border-radius:12px;padding:16px;font-size:15px}.blog-page .post-main .cm-list>li+li{margin-top:12px}.blog-page .cm-item{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.blog-page .cm-item b{color:var(--ink)}.blog-page .cm-item time{color:var(--mute);font-size:13px;margin-left:8px}.blog-page .post-main .cm-item p{margin:6px 0 0;white-space:pre-line;overflow-wrap:anywhere}.blog-page .cm-item a{text-decoration:underline;text-underline-offset:2px}.blog-page .post-main .cm-replies{list-style:none;margin:12px 0 0;padding:0 0 0 16px;border-left:3px solid var(--soft)}.blog-page .cm-item.is-staff{background:var(--soft);border-color:transparent}.blog-page .cm-staff{margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--navy);color:#fff;font-size:12px;font-weight:600}.blog-page .cm-form{border:1px solid var(--line);border-radius:16px;padding:22px}.blog-page .post-main .cm-form h3{margin:0 0 4px}.blog-page .post-main .cm-note{font-size:14px;color:var(--mute);margin:0 0 14px}.blog-page .cm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}.blog-page .cm-form label{font-size:14px;font-weight:500;color:var(--ink);display:block;margin-bottom:4px}.blog-page .cm-form .cm-check{display:flex;align-items:center;gap:8px;font-weight:400;margin-top:10px}.blog-page .cm-msg{color:#b42318}.blog-preview{position:sticky;top:0;z-index:60;background:#b45309;color:#fff;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 16px;font:700 14px/1.4 var(--hbv-font-body);padding:8px 16px}.blog-preview a,.blog-preview button{border:1px solid rgba(255,255,255,.7);border-radius:8px;background:transparent;color:#fff;font:inherit;font-size:13px;padding:3px 10px;text-decoration:none;cursor:pointer}.blog-preview a:hover,.blog-preview button:hover{background:rgba(255,255,255,.15)}@media (max-width:1020px){.blog-page .post{grid-template-columns:1fr}.blog-page .mtoc{display:block}}@media (max-width:820px){.blog-page .cta,.blog-page .feat{grid-template-columns:1fr}.blog-page .cta{padding:22px}.blog-page .flow{grid-template-columns:1fr;gap:16px}.blog-page .flow div:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-18px;transform:translateX(-50%)}.blog-page .sb-grid{grid-template-columns:1fr 1fr}.blog-page .cm-grid,.blog-page .news{grid-template-columns:1fr}.blog-page .share-mini{margin-left:0}}@media (prefers-reduced-motion:reduce){.blog-page .sb,.blog-page .stars button,.blog-page .toc-bar i{transition:none}.blog-page .sb:hover,.blog-page .stars button:hover{transform:none}}.blog-page .related{border-top:1px solid var(--line)}.blog-page .callout-info,.blog-page .callout-note{border-left-color:var(--blue);background:#f3f7ff}.blog-page .callout-danger{border-left-color:#b42318;background:#fef3f2}.blog-page .keyt-b{background:var(--soft);border-color:transparent;border-left:4px solid var(--navy);border-radius:0 14px 14px 0}.blog-page .post-main .keyt-t{margin:0 0 6px;font-weight:800;color:var(--navy)}.blog-page .post-main .stp{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:14px}.blog-page .stp>li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.blog-page .stp-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800}.blog-page .post-main .stp-t{margin:6px 0 2px;font-weight:700;color:var(--ink)}.blog-page .post-main .stp-b p{margin:0 0 8px}.blog-page .stp-img{margin-top:8px;border-radius:12px;overflow:hidden}.blog-page .pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 28px}.blog-page .pc>section{border:1px solid var(--line);border-radius:14px;padding:16px 18px 6px}.blog-page .pc-pro{border-top:4px solid #067647!important}.blog-page .pc-con{border-top:4px solid #b42318!important}.blog-page .post-main .pc-t{margin:0 0 6px;font-weight:800;color:var(--ink)}.blog-page .post-main .pc ul{margin:0 0 8px;padding-left:20px}.blog-page .cmp thead th:not(:first-child){background:var(--navy);color:#fff}.blog-page .faq-b,.blog-page .pq{margin:0 0 28px}.blog-page .pq{padding:18px 22px;border-left:4px solid var(--blue);background:var(--soft);border-radius:0 14px 14px 0}.blog-page .pq blockquote{margin:0;padding:0;border:0}.blog-page .post-main .pq blockquote p{margin:0;font-size:21px;line-height:1.5;font-weight:600;color:var(--ink)}.blog-page .pq figcaption{margin-top:8px;font-size:15px;color:var(--mute)}.blog-page .fig-wide{margin-left:-40px;margin-right:-40px}.blog-page .fig-full{margin-left:calc(50% - 50vw + 10px);margin-right:calc(50% - 50vw + 10px)}.blog-page .fig-a{display:block}.blog-page .gal{display:grid;gap:12px;margin:0 0 28px}.blog-page .gal-2{grid-template-columns:repeat(2,1fr)}.blog-page .gal-3{grid-template-columns:repeat(3,1fr)}.blog-page .gal figure{margin:0}.blog-page .gal .ph{border-radius:12px;overflow:hidden}.blog-page .gal figcaption{margin-top:6px;font-size:14px;color:var(--mute)}.blog-page .yt{position:relative;aspect-ratio:16/9;margin:0 0 28px;border-radius:14px;overflow:hidden;background:var(--navy)}.blog-page .yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.blog-page .post-main .bcta{margin:0 0 28px}.blog-page .btn-o{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:2px solid var(--blue);border-radius:999px;color:var(--blue);font-weight:600;text-decoration:none}.blog-page .btn-o:hover{background:var(--blue);color:#fff}.blog-page .relp{margin:0 0 28px;max-width:420px}.blog-page .post-main .relp-k{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.blog-page .post-main .relp-miss{padding:10px 14px;border:1px dashed #e7b10a;border-radius:10px;background:#fff9e0;font-size:15px}.blog-page .post-main .rate-q{font-weight:700;color:var(--ink)}.blog-page .m-vin{display:none}@media (max-width:1020px){.blog-page .m-vin{display:block;margin:0 0 28px}.blog-page .side-top{display:none}.blog-page .fig-full,.blog-page .fig-wide{margin-left:0;margin-right:0}}@media (max-width:640px){.blog-page .gal-2,.blog-page .gal-3,.blog-page .pc{grid-template-columns:1fr}}