.hp-art-cover{background:var(--bg);padding:32px 0}.hp-art-cover-img{aspect-ratio:21/9;background:var(--bg-dark);border-radius:var(--r);overflow:hidden}.hp-art-cover-img img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hp-art-head{background:var(--bg);padding:32px 0 16px}.hp-art-cat{color:var(--accent);font:600 12px/1 var(--mono);letter-spacing:.14em;margin-bottom:14px;text-transform:uppercase}.hp-art-h1{color:var(--ink);font-size:44px;letter-spacing:-.02em;line-height:1.15;margin:0 0 24px;max-width:24ch}@media (max-width:1024px){.hp-art-h1{font-size:34px}}@media (max-width:640px){.hp-art-h1{font-size:26px}}.hp-art-meta{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:14px 24px;padding:16px 0 0}.hp-art-meta-author{align-items:center;display:flex;gap:10px}.hp-art-meta-avatar{background:var(--bg-card);border-radius:50%;flex-shrink:0;height:32px;overflow:hidden;width:32px}.hp-art-meta-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hp-art-meta-name{color:var(--ink);font-size:13px;font-weight:600}.hp-art-meta-role{color:var(--muted);font-size:11px}.hp-art-meta-dot{color:var(--muted-light)}.hp-art{background:var(--bg);padding:32px 0 80px}.hp-art-grid{align-items:start;display:grid;gap:48px;grid-template-columns:240px minmax(0,1fr)}@media (max-width:1280px){.hp-art-grid{grid-template-columns:220px minmax(0,1fr)}}@media (max-width:1024px){.hp-art-grid{gap:24px;grid-template-columns:minmax(0,1fr)}}.hp-art-toc{max-height:calc(100vh - 168px);overflow-y:auto;padding:24px 0;position:sticky;top:148px}@media (max-width:1024px){.hp-art-toc{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);padding:20px;position:static}}.hp-art-toc-head{color:var(--muted);font:700 11px/1 var(--mono);letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}.hp-art-toc-list{border-left:2px solid var(--line);display:flex;flex-direction:column;gap:2px}.hp-art-toc-list a{border-left:2px solid transparent;color:var(--muted);display:block;font-size:13.5px;line-height:1.4;margin-left:-2px;padding:8px 14px;text-decoration:none;transition:color .15s,border-color .15s,background .15s}.hp-art-toc-list a:hover{color:var(--accent)}.hp-art-toc-list a.is-active{border-left-color:var(--accent);color:var(--accent);font-weight:600}.hp-art-body{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);padding:56px}@media (max-width:1024px){.hp-art-body{padding:32px 24px}}.hp-art-body>*+*{margin-top:1em}.hp-art-body p{color:var(--ink);font-size:18px;line-height:1.7;margin:0}.hp-art-body p:first-child{color:var(--ink);font-size:20px;font-weight:500;line-height:1.55}.hp-art-body h2{color:var(--ink);font-size:28px;letter-spacing:-.01em;margin:48px 0 16px;scroll-margin-top:148px}.hp-art-body h2:first-child{margin-top:0}.hp-art-body h3{color:var(--ink);font-size:22px;margin:36px 0 12px}.hp-art-body ol,.hp-art-body ul{margin:0;padding-left:24px}.hp-art-body li{color:var(--ink);font-size:18px;line-height:1.7;margin:6px 0;padding-left:6px}.hp-art-body ul{list-style:disc}.hp-art-body ol{list-style:decimal}.hp-art-body strong{color:var(--ink);font-weight:700}.hp-art-body a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.hp-art-body a:hover{color:var(--accent-hover)}.hp-art-body blockquote{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:var(--ink);font-size:17px;font-style:italic;line-height:1.6;margin:32px 0;padding:20px 28px}.hp-art-body figure{margin:32px 0}.hp-art-body figure img{border-radius:var(--r-sm);display:block;width:100%}.hp-art-body figcaption{color:var(--muted);font-size:13px;font-style:italic;margin-top:10px;text-align:center}.hp-art-body table{border-collapse:collapse;display:block;font-size:15px;margin:24px 0;overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.hp-art-body td,.hp-art-body th{border-bottom:1px solid var(--line);padding:12px 16px;text-align:left}.hp-art-body th{background:var(--bg);color:var(--ink);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hp-art-cta{align-items:center;background:linear-gradient(135deg,var(--accent-soft) 0,rgba(37,99,235,.02) 100%);border:1px solid var(--accent);border-radius:var(--r);display:grid;gap:24px;grid-template-columns:1fr auto;margin:40px 0;padding:28px 32px}@media (max-width:640px){.hp-art-cta{grid-template-columns:1fr;padding:24px}}.hp-art-cta h3{color:var(--ink);font-size:19px;margin:0 0 6px}.hp-art-cta p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.hp-art-cta .btn{flex-shrink:0}.hp-art-related-prods{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);margin:40px 0;padding:24px}.hp-art-related-prods-head{align-items:center;color:var(--ink);display:flex;font-size:15px;font-weight:700;gap:8px;margin-bottom:14px}.hp-art-related-prods-head:before{background:var(--accent);border-radius:2px;content:"";height:16px;width:4px}.hp-art-related-prods-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:640px){.hp-art-related-prods-row{grid-template-columns:1fr}}.hp-art-rprod{align-items:center;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-sm);color:inherit;display:flex;gap:12px;padding:12px;text-decoration:none;transition:border-color .15s}.hp-art-rprod:hover{border-color:var(--accent)}.hp-art-rprod-img{border-radius:var(--r-xs);flex-shrink:0;height:56px;-o-object-fit:cover;object-fit:cover;width:56px}.hp-art-rprod-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}.hp-art-rprod-price{color:var(--muted);font-size:12px;margin-top:2px}.hp-art-faq{border-top:1px solid var(--line);margin:48px 0 0;padding:32px 0 0}.hp-art-faq h2{color:var(--ink);font-size:26px;margin:0 0 20px}.hp-art-faq-item{border-bottom:1px solid var(--line)}.hp-art-faq-item:first-of-type{border-top:1px solid var(--line)}.hp-art-faq-item summary{align-items:center;color:var(--ink);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:16px;justify-content:space-between;list-style:none;padding:18px 0}.hp-art-faq-item summary::-webkit-details-marker{display:none}.hp-art-faq-item summary:after{color:var(--accent);content:"+";flex-shrink:0;font-size:22px;font-weight:400;transition:transform .2s}.hp-art-faq-item[open] summary:after{transform:rotate(45deg)}.hp-art-faq-answer{color:var(--muted);font-size:15px;line-height:1.65;padding:0 0 20px}.hp-art-foot{align-items:center;border-top:1px solid var(--line);display:grid;gap:24px;grid-template-columns:1fr auto;margin-top:48px;padding-top:32px}@media (max-width:640px){.hp-art-foot{grid-template-columns:1fr}}.hp-art-foot-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hp-art-foot-tags-label{color:var(--muted);font-size:13px;margin-right:4px}.hp-art-share{align-items:center;display:flex;gap:8px}.hp-art-share-label{color:var(--muted);font-size:13px;margin-right:4px}.hp-art-share-btn{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:50%;color:var(--ink);cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:border-color .15s,color .15s,background .15s;width:36px}.hp-art-share-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.hp-art-share-btn svg{height:16px;width:16px}.hp-art-share-btn.is-copied{border-color:var(--green);color:var(--green)}.hp-art-author{align-items:flex-start;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:24px;grid-template-columns:auto 1fr;margin:56px 0 0;padding:32px}@media (max-width:640px){.hp-art-author{grid-template-columns:1fr;text-align:center}}.hp-art-author-avatar{background:var(--bg);border-radius:50%;flex-shrink:0;height:80px;overflow:hidden;width:80px}@media (max-width:640px){.hp-art-author-avatar{margin:0 auto}}.hp-art-author-avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.hp-art-author-name{color:var(--ink);font-size:18px;font-weight:700;margin:0 0 4px}.hp-art-author-role{color:var(--accent);font-size:13px;font-weight:600;margin-bottom:10px}.hp-art-author-bio{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.hp-art-author-link{color:var(--accent);display:inline-block;font-size:13px;font-weight:600;margin-top:10px;text-decoration:none}.hp-art-author-link:hover{text-decoration:underline}.hp-rel{background:var(--bg-card);border-top:1px solid var(--line);padding:80px 0}.hp-rel+.hp-rel{background:var(--bg)}.hp-rel-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:32px}.hp-rel-head h2{font-size:28px;letter-spacing:-.02em;margin:0}.hp-rel-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.hp-rel-link:hover{text-decoration:underline}.hp-rel-articles{display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}@media (max-width:1024px){.hp-rel-articles{grid-template-columns:1fr}}.hp-rel .hp-prod-grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.hp-rel .hp-prod-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.hp-rel .hp-prod-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.hp-rel .hp-prod-grid{grid-template-columns:1fr}}