:root{
  --hcpt-navy:#0b2a52;
  --hcpt-blue:#155eef;
  --hcpt-ink:#172033;
  --hcpt-muted:#667085;
  --hcpt-line:#e4e7ec;
  --hcpt-bg:#f6f8fb;
  --hcpt-card:#fff;
  --hcpt-radius:18px;
}
*{box-sizing:border-box}
.hcpt-page{background:var(--hcpt-bg);color:var(--hcpt-ink);padding:22px 0 64px;font-family:inherit}
.hcpt-shell{width:min(1480px,calc(100% - 36px));margin:0 auto}
.hcpt-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px;color:var(--hcpt-muted);margin:6px 0 22px}
.hcpt-breadcrumb a{color:var(--hcpt-navy);text-decoration:none;font-weight:650}.hcpt-current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:48vw}
.hcpt-hero{max-width:1050px;padding:30px 0 24px}
.hcpt-kicker,.hcpt-section-label{display:inline-block;font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--hcpt-blue);text-transform:uppercase;text-decoration:none;margin-bottom:12px}
.hcpt-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.05;letter-spacing:-.035em;color:var(--hcpt-navy);margin:0 0 18px;max-width:1100px}
.hcpt-deck{font-size:clamp(18px,2.1vw,24px);line-height:1.55;color:#475467;margin:0 0 20px;max-width:900px}
.hcpt-meta{display:flex;gap:14px 22px;flex-wrap:wrap;align-items:center;color:var(--hcpt-muted);font-size:14px}.hcpt-meta span{display:inline-flex;align-items:center;gap:7px}.hcpt-meta img{border-radius:50%}
.hcpt-featured{margin:4px 0 34px}.hcpt-featured img{display:block;width:100%;max-height:680px;object-fit:cover;border-radius:22px;background:#eef2f6}.hcpt-featured figcaption{font-size:13px;color:var(--hcpt-muted);padding:9px 4px}
.hcpt-layout{display:grid;grid-template-columns:minmax(220px,270px) minmax(0,1fr);gap:42px;align-items:start}.hcpt-sticky{position:sticky;top:24px}
.hcpt-toc{background:#fff;border:1px solid var(--hcpt-line);border-radius:16px;padding:20px}.hcpt-toc a{display:block;text-decoration:none;color:#344054;padding:7px 0;font-size:14px;line-height:1.35;border-left:2px solid transparent}.hcpt-toc a.h3{padding-left:14px;font-size:13px}.hcpt-toc a.active{color:var(--hcpt-blue);border-left-color:var(--hcpt-blue);padding-left:10px;font-weight:700}.hcpt-toc-empty{font-size:13px;color:var(--hcpt-muted);margin:0}
.hcpt-main{min-width:0}.hcpt-content{background:#fff;border:1px solid var(--hcpt-line);border-radius:var(--hcpt-radius);padding:clamp(24px,4vw,58px);font-size:18px;line-height:1.8;overflow:hidden}.hcpt-content>*:first-child{margin-top:0}.hcpt-content p{margin:0 0 1.35em}.hcpt-content h2{font-size:clamp(28px,3vw,38px);line-height:1.2;color:var(--hcpt-navy);margin:1.8em 0 .65em;letter-spacing:-.02em}.hcpt-content h3{font-size:clamp(23px,2.4vw,30px);line-height:1.25;color:var(--hcpt-navy);margin:1.5em 0 .55em}.hcpt-content h4{font-size:21px;color:var(--hcpt-navy);margin:1.35em 0 .45em}.hcpt-content a{color:var(--hcpt-blue);text-decoration-thickness:1px;text-underline-offset:3px}.hcpt-content img{max-width:100%;height:auto;border-radius:14px}.hcpt-content figure{max-width:100%}.hcpt-content figcaption{font-size:13px;color:var(--hcpt-muted);text-align:center}.hcpt-content blockquote{margin:28px 0;padding:20px 24px;border-left:4px solid var(--hcpt-blue);background:#f5f8ff;border-radius:0 12px 12px 0;color:#344054}.hcpt-content ul,.hcpt-content ol{padding-left:1.35em;margin-bottom:1.4em}.hcpt-content li{margin:.45em 0}.hcpt-content table{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px;display:block;overflow-x:auto}.hcpt-content th,.hcpt-content td{padding:13px 14px;border:1px solid var(--hcpt-line);text-align:left;min-width:120px}.hcpt-content th{background:#eef4ff;color:var(--hcpt-navy)}
.hcpt-content .wp-block-group.is-style-hc-info,.hcpt-info{background:#eef6ff;border:1px solid #cfe0ff;padding:20px;border-radius:14px;margin:24px 0}.hcpt-content .wp-block-group.is-style-hc-warning,.hcpt-warning{background:#fff8e8;border:1px solid #f3d58b;padding:20px;border-radius:14px;margin:24px 0}
.hcpt-faq{border:1px solid var(--hcpt-line);border-radius:14px;background:#fff;margin:12px 0;overflow:hidden}.hcpt-faq summary{cursor:pointer;list-style:none;font-weight:750;padding:18px 20px;color:var(--hcpt-navy)}.hcpt-faq summary::-webkit-details-marker{display:none}.hcpt-faq summary:after{content:'+';float:right;font-size:20px}.hcpt-faq[open] summary:after{content:'–'}.hcpt-faq-answer{padding:0 20px 18px;color:#475467}
.hcpt-ad{margin:28px 0;background:#fff;border:1px dashed #c7ccd4;border-radius:16px;min-height:92px;padding:16px;text-align:center;overflow:hidden}.hcpt-ad-label{display:block;color:#98a2b3;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px}
.hcpt-section{margin-top:36px;background:#fff;border:1px solid var(--hcpt-line);border-radius:var(--hcpt-radius);padding:clamp(22px,3vw,36px)}.hcpt-section h2{font-size:clamp(28px,3vw,38px);color:var(--hcpt-navy);margin:0 0 20px;line-height:1.15;letter-spacing:-.02em}.hcpt-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hcpt-tool-card{display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--hcpt-line);border-radius:14px;text-decoration:none;color:var(--hcpt-ink);background:#fff;transition:.18s ease}.hcpt-tool-card:hover{transform:translateY(-2px);border-color:#b9cdfc;box-shadow:0 10px 28px rgba(15,42,82,.08)}.hcpt-tool-icon{width:42px;height:42px;display:grid;place-items:center;background:var(--hcpt-navy);color:#fff;border-radius:11px;font-weight:800}.hcpt-tool-card strong{display:block;color:var(--hcpt-navy)}.hcpt-tool-card small{display:block;color:var(--hcpt-muted);margin-top:2px}.hcpt-arrow{margin-left:auto;font-size:20px;color:var(--hcpt-blue)}
.hcpt-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.hcpt-related-card{overflow:hidden;border:1px solid var(--hcpt-line);border-radius:14px;text-decoration:none;background:#fff;color:var(--hcpt-ink)}.hcpt-related-img{aspect-ratio:16/9;background:#eef2f6}.hcpt-related-img img{width:100%;height:100%;object-fit:cover}.hcpt-related-body{padding:16px}.hcpt-related-body small{color:var(--hcpt-muted)}.hcpt-related-body h3{font-size:20px;line-height:1.3;color:var(--hcpt-navy);margin:7px 0 12px}.hcpt-related-body span{font-weight:700;color:var(--hcpt-blue);font-size:14px}
.hcpt-share{margin-top:34px;padding:24px;background:var(--hcpt-navy);border-radius:16px;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.hcpt-share-buttons{display:flex;gap:9px;flex-wrap:wrap}.hcpt-share a,.hcpt-share button{border:1px solid rgba(255,255,255,.3);background:#fff;color:var(--hcpt-navy);font:inherit;font-weight:700;border-radius:999px;padding:9px 14px;text-decoration:none;cursor:pointer}
.hcpt-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.hcpt-post-nav>div:last-child{text-align:right}.hcpt-post-nav a{display:block;background:#fff;border:1px solid var(--hcpt-line);border-radius:14px;padding:17px;text-decoration:none;color:var(--hcpt-navy);height:100%}.hcpt-post-nav small{display:block;color:var(--hcpt-muted);margin-bottom:5px}.hcpt-post-nav strong{font-size:16px;line-height:1.35}
@media (max-width:980px){.hcpt-layout{grid-template-columns:1fr}.hcpt-sidebar{display:none}.hcpt-related-grid{grid-template-columns:1fr 1fr}.hcpt-hero h1{font-size:clamp(34px,7vw,54px)}}
@media (max-width:680px){.hcpt-page{padding-top:12px}.hcpt-shell{width:min(100% - 20px,1480px)}.hcpt-hero{padding:20px 0}.hcpt-hero h1{font-size:clamp(32px,10vw,46px)}.hcpt-deck{font-size:18px}.hcpt-content{font-size:17px;padding:22px 18px}.hcpt-featured img{border-radius:14px}.hcpt-tool-grid,.hcpt-related-grid,.hcpt-post-nav{grid-template-columns:1fr}.hcpt-share{align-items:flex-start;flex-direction:column}.hcpt-post-nav>div:last-child{text-align:left}.hcpt-current{max-width:62vw}.hcpt-meta{font-size:13px}}
@media print{.hcpt-sidebar,.hcpt-share,.hcpt-post-nav,.hcpt-tools-section,.hcpt-related-grid,.hcpt-ad{display:none!important}.hcpt-page{background:#fff}.hcpt-content{border:0;padding:0}.hcpt-shell{width:100%}}