/* Host Plan Lab — shared WordPress and static-preview styles. */
:root{color-scheme:light;--hpl-paper:#fdfdff;--hpl-surface:#ffffff;--hpl-ink:#161737;--hpl-muted:#454c64;--hpl-blue:#1b48ad;--hpl-accent:#6136ad;--hpl-line:#d3ddec;--hpl-control:#61718d;--hpl-band:#eaf2fd;--hpl-tint:#eaf1fd;--hpl-table-head:#eaf1fb;--hpl-nav-fill:#202650;--hpl-warm:#fbeee7;--hpl-warn:#a73e20;--hpl-good-surface:#eaf4ee;--hpl-good-text:#336044;--hpl-danger:#9d2b20;--hpl-shadow:#26376116;--hpl-fill:#2349bd;--hpl-fill-hover:#173795;--hpl-white:#fff;--hpl-radius:18px;--hpl-font:Inter,"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
:root[data-theme="dark"]{color-scheme:dark;--hpl-paper:#101726;--hpl-surface:#182236;--hpl-ink:#edf2ff;--hpl-muted:#bdc9e0;--hpl-blue:#a9c7ff;--hpl-accent:#d5bcff;--hpl-line:#40516d;--hpl-control:#8e9db9;--hpl-band:#111c30;--hpl-tint:#263650;--hpl-table-head:#293952;--hpl-nav-fill:#273b61;--hpl-warm:#382c30;--hpl-warn:#ffc1a7;--hpl-good-surface:#203b35;--hpl-good-text:#a9e6be;--hpl-danger:#ffb0a2;--hpl-shadow:#0000003d;}
@media(prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--hpl-paper:#101726;--hpl-surface:#182236;--hpl-ink:#edf2ff;--hpl-muted:#bdc9e0;--hpl-blue:#a9c7ff;--hpl-accent:#d5bcff;--hpl-line:#40516d;--hpl-control:#8e9db9;--hpl-band:#111c30;--hpl-tint:#263650;--hpl-table-head:#293952;--hpl-nav-fill:#273b61;--hpl-warm:#382c30;--hpl-warn:#ffc1a7;--hpl-good-surface:#203b35;--hpl-good-text:#a9e6be;--hpl-danger:#ffb0a2;--hpl-shadow:#0000003d;}}
@media print{:root[data-theme],:root:not([data-theme]){color-scheme:light;--hpl-paper:#fdfdff;--hpl-surface:#ffffff;--hpl-ink:#161737;--hpl-muted:#454c64;--hpl-blue:#1b48ad;--hpl-accent:#6136ad;--hpl-line:#d3ddec;--hpl-control:#61718d;--hpl-band:#eaf2fd;--hpl-tint:#eaf1fd;--hpl-table-head:#eaf1fb;--hpl-nav-fill:#202650;--hpl-warm:#fbeee7;--hpl-warn:#a73e20;--hpl-good-surface:#eaf4ee;--hpl-good-text:#336044;--hpl-danger:#9d2b20;--hpl-shadow:#26376116;}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body.hpl-site{margin:0;background:var(--hpl-paper);color:var(--hpl-ink);font-family:var(--hpl-font);font-size:1.125rem;line-height:1.8;overflow-wrap:anywhere}body.hpl-site a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}body.hpl-site img{max-width:100%;height:auto}body.hpl-site button,body.hpl-site input,body.hpl-site select{font:inherit}body.hpl-site button,body.hpl-site a{ -webkit-tap-highlight-color:transparent}body.hpl-site button{cursor:pointer}body.hpl-site :focus-visible{outline:3px solid var(--hpl-blue);outline-offset:3px;box-shadow:0 0 0 3px var(--hpl-white)}body.hpl-site h1,body.hpl-site h2,body.hpl-site h3,body.hpl-site p{margin-top:0}body.hpl-site h1,body.hpl-site h2,body.hpl-site h3{line-height:1.5;letter-spacing:-.035em}body.hpl-site h1{font-size:clamp(2.1875rem,4vw,3.625rem);font-weight:800}body.hpl-site h2{font-size:clamp(1.75rem,3vw,2.375rem);font-weight:750}body.hpl-site h3{font-size:1.375rem;font-weight:700}body.hpl-site p{margin-bottom:1.2em}body.hpl-site small{font-size:0.9375rem}body.hpl-site .hpl-wrap{width:min(1184px,calc(100% - 72px));margin-inline:auto}.hpl-skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:var(--hpl-surface);z-index:100}.hpl-skip:focus{top:10px}.hpl-header{border-bottom:1px solid var(--hpl-line);background:var(--hpl-paper);position:relative;z-index:5}.hpl-header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:24px}.hpl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.hpl-brand img{width:38px;height:38px;object-fit:contain;flex:none}.hpl-wordmark{font-size:1.5rem;font-weight:800;letter-spacing:-1.15px;line-height:1.2}.hpl-wordmark span{color:var(--hpl-blue)}.hpl-nav{display:flex;align-items:center;gap:29px;font-size:1rem;font-weight:650}.hpl-nav a{text-decoration:none;padding:12px 0;border-bottom:2px solid transparent}.hpl-nav a:hover,.hpl-nav a[aria-current=page]{color:var(--hpl-blue);border-color:var(--hpl-blue)}.hpl-nav .hpl-nav-tool{background:var(--hpl-nav-fill);color:white;padding:10px 16px;border-radius:7px}
.hpl-nav .hpl-nav-tool:hover,.hpl-nav .hpl-nav-tool[aria-current=page]{color:white;text-decoration:underline}.hpl-menu-toggle{display:none;color:var(--hpl-ink);align-items:center;justify-content:center;min-width:48px;min-height:48px;border:1px solid var(--hpl-control);border-radius:8px;background:transparent;font-size:1rem}.hpl-ad-note{font-size:1rem;color:var(--hpl-ink);padding:10px 0 0}.hpl-ad-note a{text-decoration:underline}.hpl-hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;padding:56px 0 62px;align-items:center}.hpl-eyebrow{display:flex;align-items:center;gap:10px;font-size:0.875rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;margin-bottom:22px}.hpl-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--hpl-orange);flex:none}.hpl-hero h1{margin-bottom:22px;line-height:1.5;font-size:clamp(2.25rem,3.55vw,3.25rem)}.hpl-hero h1 em{font-style:normal;color:var(--hpl-blue)}.hpl-lead{color:var(--hpl-muted);font-size:1.125rem;max-width:38em;line-height:2}.hpl-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.hpl-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:51px;padding:12px 21px;background:var(--hpl-fill);color:white!important;border:1px solid var(--hpl-fill);border-radius:7px;font-size:1rem;font-weight:700;text-decoration:none;line-height:1.6;transition:background .18s,transform .18s}.hpl-button:hover{background:var(--hpl-fill-hover);transform:translateY(-2px)}.hpl-button:after{content:"↗";font-size:1.25rem;font-weight:400}.hpl-button.hpl-secondary{background:transparent;color:var(--hpl-ink)!important;border-color:var(--hpl-control)}.hpl-button.hpl-secondary:hover{background:var(--hpl-surface)}.hpl-button.hpl-dark{background:var(--hpl-nav-fill);border-color:var(--hpl-nav-fill)}.hpl-hero-visual{position:relative;min-width:0}.hpl-hero-image{width:100%;height:398px!important;object-fit:cover;object-position:65% center;border-radius:22px;display:block}.hpl-visual-label{position:absolute;left:-17px;bottom:37px;background:var(--hpl-surface);border:1px solid var(--hpl-line);border-radius:11px;padding:12px 18px;box-shadow:0 8px 26px #18211f0b;display:flex;gap:13px;align-items:center;font-size:0.9375rem;line-height:1.6}.hpl-visual-label b{display:block;font-size:1.125rem}.hpl-label-icon{display:grid;place-items:center;background:var(--hpl-tint);border-radius:8px;width:38px;height:42px;color:var(--hpl-blue);font-size:1.5rem}.hpl-proof{border-top:1px solid var(--hpl-line);border-bottom:1px solid var(--hpl-line);display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:0.9375rem;font-weight:600}.hpl-proof span{display:flex;gap:10px;align-items:center}.hpl-proof i{font-style:normal;color:var(--hpl-blue)}.hpl-section{padding:73px 0}.hpl-section+.hpl-section{border-top:1px solid var(--hpl-line)}.hpl-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.hpl-section-head h2{margin-bottom:8px}.hpl-section-head p{font-size:1rem;color:var(--hpl-muted);margin:0}.hpl-text-link{font-size:1rem;font-weight:700;color:var(--hpl-blue)!important}.hpl-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.hpl-route{display:block;background:var(--hpl-surface);border:1px solid var(--hpl-line);border-radius:var(--hpl-radius);padding:27px 26px 23px;text-decoration:none;transition:transform .18s,border-color .18s}.hpl-route:hover{transform:translateY(-4px);border-color:var(--hpl-blue)}.hpl-route-top{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.hpl-route-num{font:0.9375rem ui-monospace,SFMono-Regular,monospace;color:var(--hpl-muted)}.hpl-route-icon{width:46px;height:46px;display:grid;place-items:center;background:var(--hpl-tint);color:var(--hpl-blue);border-radius:12px;font-size:1.5rem;font-weight:700}.hpl-route:nth-child(2) .hpl-route-icon{background:var(--hpl-warm);color:var(--hpl-warn)}.hpl-route:nth-child(3) .hpl-route-icon{background:var(--hpl-good-surface);color:var(--hpl-good-text)}.hpl-route h3{font-size:1.3125rem;margin-bottom:12px}.hpl-route p{font-size:1rem;color:var(--hpl-muted);line-height:1.85;min-height:47px;margin-bottom:22px}.hpl-route-link{font-size:0.9375rem;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid var(--hpl-line);padding-top:15px}.hpl-comparison{background:var(--hpl-surface);border:1px solid var(--hpl-line);border-radius:var(--hpl-radius);overflow:hidden}.hpl-table-wrap{overflow:auto}
table.hpl-table{border-collapse:collapse;min-width:43rem;width:100%;text-align:left;font-size:1rem}.hpl-table th,.hpl-table td{padding:22px 25px;border-bottom:1px solid var(--hpl-line);vertical-align:top}.hpl-table thead th{background:var(--hpl-table-head);font-size:0.875rem;letter-spacing:.02em;font-weight:650}.hpl-table tbody th{font-size:1.125rem;white-space:nowrap;width:25%}.hpl-table small{display:block;font-size:0.875rem;color:var(--hpl-muted);font-weight:400;margin-top:5px}.hpl-table tr:last-child td,.hpl-table tr:last-child th{border-bottom:0}.hpl-table a{color:var(--hpl-blue)!important;font-size:0.9375rem;font-weight:650}.hpl-price{font-size:1.3125rem;font-weight:750;letter-spacing:-.03em;white-space:nowrap}.hpl-price span{font-size:0.875rem;font-weight:400}.hpl-small-note{font-size:0.875rem;color:var(--hpl-muted);margin:14px 0 0;line-height:1.9}.hpl-host-name{display:flex;align-items:center;gap:9px}.hpl-provider-dot{height:9px;width:9px;background:#165893;border-radius:50%;flex:none}.hpl-provider-dot.sakura{background:#d23e77}.hpl-provider-dot.conoha{background:#588222}.hpl-editorial{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.hpl-story{display:grid;grid-template-columns:155px 1fr;gap:22px;text-decoration:none;align-items:center}.hpl-story-art{border-radius:13px;aspect-ratio:1.14;background:var(--hpl-tint);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:22px}.hpl-story-art i{height:15px;width:75%;background:var(--hpl-blue);border-radius:3px;display:block}.hpl-story-art i:nth-child(2){width:55%;background:#7c98ef}.hpl-story-art i:nth-child(3){width:35%;background:#b8c8f6}.hpl-story-art.orange{background:var(--hpl-warm);flex-direction:row;gap:9px}.hpl-story-art.orange i{width:30%;height:52px;background:#d95728}.hpl-story-art.orange i:nth-child(2){height:auto;width:auto;background:transparent;color:var(--hpl-warn);font-style:normal;font-size:1.75rem}.hpl-story-art.orange i:nth-child(3){height:52px;width:30%;background:#edb89b}.hpl-story-meta{font-size:0.875rem;letter-spacing:.08em;color:var(--hpl-muted);font-weight:650;margin-bottom:8px}.hpl-story h3{font-size:1.25rem;margin-bottom:9px}.hpl-story p{font-size:0.9375rem;color:var(--hpl-muted);margin:0}.hpl-story:hover h3{color:var(--hpl-blue)}.hpl-author-panel{border:1px solid var(--hpl-line);border-radius:20px;display:grid;grid-template-columns:230px 1fr;overflow:hidden;background:var(--hpl-surface)}.hpl-author-mark{background:var(--hpl-tint);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px}.hpl-author-mark strong{font-size:1.8125rem;letter-spacing:-1.5px}.hpl-author-mark span{font:0.875rem ui-monospace,monospace;letter-spacing:.13em;margin-top:6px}.hpl-author-copy{padding:34px 39px}.hpl-author-copy .hpl-eyebrow{margin-bottom:13px}.hpl-author-copy h2{font-size:1.5625rem;margin-bottom:15px}.hpl-author-copy p{font-size:1rem;color:var(--hpl-muted);margin-bottom:13px}.hpl-bottom-cta{padding:44px;background:var(--hpl-fill);color:white;border-radius:19px;display:flex;align-items:center;justify-content:space-between;gap:30px}.hpl-bottom-cta h2{font-size:1.8125rem;margin-bottom:8px}.hpl-bottom-cta p{font-size:1rem;margin:0;color:#e4eaff}.hpl-bottom-cta .hpl-button{background:white;color:var(--hpl-fill)!important;border-color:white;flex:none;max-width:100%}.hpl-footer{padding:49px 0 24px;border-top:1px solid var(--hpl-line);margin-top:26px}.hpl-footer-top{display:flex;justify-content:space-between;gap:35px;align-items:start}.hpl-footer p{font-size:0.9375rem;color:var(--hpl-muted);margin:15px 0 0;max-width:350px}.hpl-footer-links{display:flex;gap:25px;font-size:0.875rem;flex-wrap:wrap;max-width:560px;justify-content:end}.hpl-footer-links a{display:inline-flex;align-items:center;min-height:24px}.hpl-footer-bottom{font-size:0.875rem;color:var(--hpl-muted);display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--hpl-line);margin-top:35px;padding-top:19px}.hpl-page-head{padding:54px 0 37px;border-bottom:1px solid var(--hpl-line)}.hpl-breadcrumb{font-size:0.875rem;color:var(--hpl-muted);margin-bottom:31px}.hpl-breadcrumb a{display:inline-block;min-height:24px}.hpl-page-head h1{font-size:clamp(2rem,3.8vw,2.875rem);margin-bottom:18px;max-width:850px}.hpl-page-head .hpl-lead{max-width:760px}.hpl-meta{font-size:0.875rem;color:var(--hpl-muted);display:flex;gap:20px;flex-wrap:wrap}.hpl-article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:80px;padding-top:40px;padding-bottom:60px}.hpl-article{min-width:0;font-size:1.125rem}.hpl-article h2{font-size:1.75rem;margin:45px 0 22px;padding-top:8px}.hpl-article h3{font-size:1.375rem;margin:29px 0 13px}.hpl-article>section:first-child h2{margin-top:0}.hpl-article ul,.hpl-article ol{padding-left:24px;margin:18px 0 24px}.hpl-article li{padding-left:5px;margin-bottom:9px}.hpl-article a:not(.hpl-button):not(.hpl-route){color:var(--hpl-blue)}.hpl-article .hpl-table{min-width:35rem}.hpl-article .hpl-table td,.hpl-article .hpl-table th{padding:17px}.hpl-article .hpl-table tbody th{font-size:1.0625rem;white-space:normal}.hpl-aside{font-size:0.9375rem}.hpl-aside-inner{position:sticky;top:30px;border-top:2px solid var(--hpl-ink);padding-top:20px}.hpl-aside strong{display:block;margin-bottom:18px}.hpl-aside a{display:block;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--hpl-line);color:var(--hpl-muted)}.hpl-aside p{color:var(--hpl-muted);font-size:0.875rem;margin-top:25px}.hpl-callout{padding:24px 26px;border-radius:12px;background:var(--hpl-tint);margin:22px 0;border-left:3px solid var(--hpl-blue)}.hpl-callout p:last-child{margin-bottom:0}.hpl-callout strong{display:block;margin-bottom:8px}.hpl-callout.hpl-warning{background:var(--hpl-warm);border-color:var(--hpl-warn)}.hpl-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:22px 0}.hpl-pair>div{background:var(--hpl-surface);border:1px solid var(--hpl-line);border-radius:12px;padding:22px}.hpl-pair h3{margin:0 0 15px;font-size:1.25rem}.hpl-pair ul{font-size:1rem;padding-left:18px;margin-bottom:0}.hpl-step{display:grid;grid-template-columns:40px 1fr;gap:18px;border-bottom:1px solid var(--hpl-line);padding:26px 0}.hpl-step>span{background:var(--hpl-nav-fill);color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font:1rem ui-monospace,monospace}.hpl-step h3{margin:0 0 10px}.hpl-step p:last-child{margin-bottom:0}.hpl-faq details{border-bottom:1px solid var(--hpl-line);padding:20px 0}.hpl-faq summary{min-height:24px;font-weight:650;cursor:pointer;list-style-position:outside;padding-right:15px;margin-left:17px}.hpl-faq details p{font-size:1.0625rem;color:var(--hpl-muted);padding-top:15px;margin-bottom:0}.hpl-tool-box{border:1px solid var(--hpl-line);background:var(--hpl-surface);border-radius:17px;padding:30px;margin:23px 0}.hpl-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hpl-field{min-width:0;display:flex;flex-direction:column;gap:7px;font-size:0.9375rem;font-weight:650}.hpl-field input,.hpl-field select{width:100%;padding:11px 12px;border:1px solid var(--hpl-control);border-radius:6px;background:var(--hpl-surface);color:var(--hpl-ink);min-height:47px}.hpl-field small{font-size:0.875rem;font-weight:400;color:var(--hpl-muted)}.hpl-tool-result{margin-top:25px;padding:24px;background:var(--hpl-tint);border-radius:11px}.hpl-tool-result span{font-size:0.9375rem}.hpl-tool-result strong{display:block;font-size:2.1875rem;letter-spacing:-1px;color:var(--hpl-blue)}.hpl-tool-breakdown{display:flex;gap:20px;flex-wrap:wrap;font-size:0.9375rem;margin-top:12px;color:var(--hpl-muted)}.hpl-tool-error{color:var(--hpl-danger);font-size:1rem}.hpl-checklist{display:flex;flex-direction:column;gap:0}.hpl-checklist label{display:flex;gap:14px;border-bottom:1px solid var(--hpl-line);padding:16px 0;cursor:pointer;font-size:1.0625rem;align-items:start}.hpl-checklist input{width:24px;height:24px;accent-color:var(--hpl-blue);margin:3px 0 0;flex:none}.hpl-checklist input:checked+span{color:var(--hpl-muted)}.hpl-progress{height:6px;background:var(--hpl-tint);border-radius:10px;overflow:hidden;margin:15px 0}.hpl-progress span{display:block;width:0;background:var(--hpl-blue);height:100%;transition:width .2s}.hpl-progress-text{font-size:0.9375rem;color:var(--hpl-muted)}.hpl-utility-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.hpl-utility-buttons button{background:var(--hpl-surface);border:1px solid var(--hpl-control);border-radius:6px;font-size:0.9375rem;padding:10px 16px;min-height:44px;color:var(--hpl-ink)}.hpl-review-badge{display:inline-flex;gap:7px;align-items:center;color:var(--hpl-blue);background:var(--hpl-tint);border-radius:5px;font-size:0.875rem;padding:4px 9px;margin-bottom:14px}.hpl-noscript{background:var(--hpl-warm);padding:16px;font-size:1rem}.hpl-contact-panel{border:1px solid var(--hpl-line);background:var(--hpl-surface);padding:26px;border-radius:15px}.hpl-contact-panel .hpl-button{margin-top:12px}.hpl-inline-code{background:var(--hpl-tint);padding:2px 6px;border-radius:4px;font-size:1rem}.hpl-preview-info{background:#18211f;color:white;padding:9px 18px;font-size:0.875rem;text-align:center}.hpl-preview-info a{color:white!important}.hpl-screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.hpl-hero{gap:65px}.hpl-hero-image{height:420px!important}}
@media(max-width:1000px){.hpl-nav{gap:18px}.hpl-nav a{font-size:0.9375rem}.hpl-wordmark{font-size:1.375rem}.hpl-header-inner{gap:15px}.hpl-hero{gap:26px}.hpl-hero h1{font-size:2.25rem}.hpl-hero-image{height:355px!important}.hpl-article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.hpl-story{grid-template-columns:110px 1fr}.hpl-story h3{font-size:1.125rem}.hpl-proof{font-size:0.875rem}}
@media(max-width:760px){body.hpl-site .hpl-wrap{width:calc(100% - 36px)}.hpl-header-inner{min-height:75px;flex-wrap:wrap;padding-block:8px}.hpl-brand img{width:34px;height:34px}.hpl-wordmark{font-size:1.375rem}.hpl-menu-toggle{display:flex}.hpl-nav{display:none;flex-basis:100%;padding:6px 0 14px}.hpl-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.hpl-nav a{font-size:1.0625rem;padding:12px}.hpl-nav .hpl-nav-tool{text-align:center;margin-top:10px}.hpl-hero{grid-template-columns:1fr;padding:32px 0 35px;gap:30px}.hpl-eyebrow{font-size:0.875rem;margin-bottom:17px}.hpl-hero h1{font-size:clamp(2.1875rem,7.8vw,3rem);line-height:1.5;margin-bottom:17px}.hpl-actions{margin-top:22px;gap:10px}.hpl-button{padding:12px 17px;gap:16px}.hpl-hero-image{height:300px!important}.hpl-visual-label{left:12px;bottom:38px;padding:10px 14px}.hpl-proof{display:grid;grid-template-columns:1fr;gap:10px;padding:19px 0;font-size:0.875rem}.hpl-section{padding:45px 0}.hpl-section-head{align-items:start;gap:15px;flex-direction:column;margin-bottom:22px}.hpl-section-head h2{font-size:1.75rem}.hpl-grid-3{grid-template-columns:1fr;gap:12px}.hpl-route{padding:22px}.hpl-route-top{margin-bottom:16px}.hpl-route p{min-height:0;margin-bottom:18px}.hpl-route h3{font-size:1.375rem}.hpl-editorial{grid-template-columns:1fr;gap:25px}.hpl-story{grid-template-columns:115px 1fr;gap:18px}.hpl-story h3{font-size:1.1875rem}.hpl-author-panel{grid-template-columns:1fr}.hpl-author-mark{min-height:135px}.hpl-author-copy{padding:25px}.hpl-author-copy h2{font-size:1.5rem}.hpl-bottom-cta{padding:28px 23px;align-items:start;flex-direction:column;gap:22px}.hpl-bottom-cta h2{font-size:1.6875rem}.hpl-footer{padding-top:32px}.hpl-footer-top{flex-direction:column}.hpl-footer-links{justify-content:start;gap:17px 24px}.hpl-footer-bottom{font-size:0.875rem;flex-direction:column;gap:5px;margin-top:27px}.hpl-page-head{padding:34px 0 27px}.hpl-breadcrumb{margin-bottom:24px}.hpl-page-head h1{font-size:2rem}.hpl-article-layout{grid-template-columns:1fr;padding-top:30px;gap:25px}.hpl-aside-inner{position:static;border-top:1px solid var(--hpl-line);padding-top:15px}.hpl-aside strong{margin-bottom:7px}.hpl-aside a{display:inline-block;margin-right:16px;border:0;padding:5px 0}.hpl-aside p{display:none}.hpl-article h2{font-size:1.6875rem;margin-top:34px}.hpl-pair{grid-template-columns:1fr}.hpl-tool-box{padding:20px}.hpl-tool-grid{gap:16px}.hpl-tool-result{padding:20px}.hpl-tool-result strong{font-size:2rem}.hpl-callout{padding:20px}.hpl-table th,.hpl-table td{padding:18px}.hpl-preview-info{font-size:0.875rem}}
@media(max-width:390px){.hpl-tool-grid{grid-template-columns:1fr}.hpl-actions{flex-direction:column;align-items:stretch}.hpl-hero-image{height:260px!important}.hpl-story{grid-template-columns:90px 1fr}.hpl-wordmark{font-size:1.375rem}}
@media(max-width:760px){.hpl-visual-label{max-width:calc(100% - 24px);gap:10px}.hpl-visual-label b{font-size:1rem}.hpl-label-icon{flex:none}.hpl-page-head h1{font-size:clamp(1.75rem,6.8vw,1.9375rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{body.hpl-site{background:var(--hpl-surface);font-size:12pt}.hpl-header,.hpl-footer,.hpl-ad-note,.hpl-aside,.hpl-preview-info,.hpl-utility-buttons,.hpl-actions{display:none!important}body.hpl-site .hpl-wrap{width:100%}.hpl-article-layout{display:block;padding:15px 0}.hpl-page-head{padding:10px 0}.hpl-tool-box{break-inside:avoid}.hpl-table{min-width:0!important}.hpl-table-wrap{overflow:visible}a:after{content:none!important}}

/* Style the signup link through its container so the supplied A8 markup stays intact. */
.hpl-affiliate-cta > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: 8px 18px;
  border-radius: 7px;
  background: var(--hpl-fill);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
}
.hpl-affiliate-cta > a:hover {
  text-decoration: underline;
}

/* Keep longer advertiser-provided text readable within the comparison column. */
.hpl-provider-ad {
  max-width: 21rem;
  overflow-wrap: anywhere;
  line-height: 1.65;
}
.hpl-provider-ad > small {
  line-height: 1.55;
}

/* Keep keyboard focus visible against filled buttons and clipped table frames. */
body.hpl-site .hpl-bottom-cta :focus-visible {
  outline-color: var(--hpl-white);
  box-shadow: 0 0 0 3px var(--hpl-ink);
}
body.hpl-site .hpl-table-wrap:focus-visible {
  outline-offset: -4px;
  box-shadow: none;
}

@media (max-width: 30rem) {
  .hpl-story { grid-template-columns: minmax(0, 5rem) minmax(0, 1fr); }
  .hpl-visual-label { position: static; margin-top: 12px; max-width: none; }
  .hpl-tool-grid { grid-template-columns: minmax(0, 1fr); }
  .hpl-tool-result strong { overflow-wrap: anywhere; }
}

/* Editorial header, guide cover, and reading layout. */
.hpl-header {
  background: transparent;
  border: 0;
  padding-top: clamp(12px, 2.4vw, 30px);
}
body.hpl-site .hpl-header-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  width: min(1280px, calc(100% - 48px));
  min-height: 78px;
  gap: clamp(12px, 2vw, 28px);
  padding: 12px clamp(14px, 2.4vw, 32px);
  border: 1px solid var(--hpl-line);
  border-radius: 22px;
  background: var(--hpl-surface);
  box-shadow: 0 10px 26px var(--hpl-shadow);
}
.hpl-nav { justify-content: center; gap: clamp(10px, 2vw, 27px); }
.hpl-theme-toggle {
  display: inline-grid;
  place-items: center;
  width: 44px;
  min-height: 44px;
  padding: 0;
  border: 1px solid var(--hpl-control);
  border-radius: 50%;
  background: var(--hpl-surface);
  color: var(--hpl-ink);
  line-height: 1;
}
.hpl-theme-toggle[hidden] { display: none; }
.hpl-theme-toggle:hover { background: var(--hpl-tint); }
.hpl-theme-toggle span { font-size: 1.35rem; }
.hpl-theme-toggle span + span,
.hpl-theme-toggle[aria-pressed="true"] span:first-child { display: none; }
.hpl-theme-toggle[aria-pressed="true"] span + span { display: inline; }
.hpl-ad-note { padding-top: 16px; }
.hpl-hero {
  gap: clamp(30px, 5.3vw, 74px);
  padding-block: clamp(32px, 5.4vw, 72px);
}
.hpl-hero h1 { font-size: clamp(2.35rem, 4.4vw, 3.75rem); line-height: 1.2; }
.hpl-hero .hpl-lead { line-height: 1.85; }
.hpl-hero-image { border-radius: 13px; }
.hpl-eyebrow { color: var(--hpl-accent); }
.hpl-eyebrow::before { content: none; }
.hpl-home-band, .hpl-reading-band { background: var(--hpl-band); }
.hpl-home-band .hpl-proof { border-top: 0; }
.hpl-home-band + .hpl-wrap > .hpl-section:first-child { border-top: 0; }
.hpl-page-head { border: 0; padding-block: clamp(26px, 4vw, 54px) clamp(36px, 5vw, 70px); }
.hpl-page-head h1 { line-height: 1.3; }
.hpl-cover { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .96fr); align-items: center; gap: clamp(24px, 5vw, 70px); }
.hpl-cover img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 13px;
}
.hpl-reading-band .hpl-article-layout {
  grid-template-columns: minmax(0, 14.5rem) minmax(0, 1fr);
  align-items: start;
  gap: clamp(22px, 4vw, 58px);
  padding-block: clamp(24px, 4.2vw, 56px);
}
.hpl-article {
  padding: clamp(24px, 4vw, 52px);
  border: 1px solid var(--hpl-line);
  border-radius: 14px;
  background: var(--hpl-surface);
}
.hpl-article h2 { line-height: 1.45; }
.hpl-article h3 { border-inline-start: 3px solid var(--hpl-blue); padding-inline-start: 12px; }
.hpl-aside { align-self: stretch; }
.hpl-aside-inner { border: 0; padding: 12px 0; }
.hpl-aside strong { color: var(--hpl-blue); font-size: 1rem; }
.hpl-aside a { border: 0; padding-block: 6px; }
.hpl-aside a:hover { text-decoration: underline; }
.hpl-footer { margin-top: 0; }
.hpl-footer-top, .hpl-footer-bottom { gap: clamp(16px, 4vw, 40px); }
.hpl-error-page > .hpl-theme-toggle { margin-bottom: 24px; }

@media (max-width: 54rem) {
  body.hpl-site .hpl-header-inner { grid-template-columns: minmax(0, 1fr) auto auto; min-height: 64px; }
  .hpl-menu-toggle { display: inline-flex; grid-column: 2; grid-row: 1; min-height: 44px; }
  .hpl-theme-toggle { grid-column: 3; grid-row: 1; }
  .hpl-nav { display: none; grid-column: 1 / -1; grid-row: 2; padding: 5px 0 10px; }
  .hpl-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 4px; }
  .hpl-nav a { padding: 10px 12px; }
  .hpl-nav .hpl-nav-tool { text-align: center; }
  :root:not([data-theme]) .hpl-nav { display: flex; flex-wrap: wrap; justify-content: start; }
  :root:not([data-theme]) .hpl-menu-toggle { display: none; }
  .hpl-reading-band .hpl-article-layout { grid-template-columns: minmax(0, 1fr); }
  .hpl-aside-inner { position: static; padding: 0; }
  .hpl-aside a { display: inline-block; margin-inline-end: 16px; padding-block: 5px; }
  .hpl-aside p { display: none; }
}
@media (max-width: 47.5rem) {
  .hpl-cover { grid-template-columns: minmax(0, 1fr); }
  .hpl-cover img { max-height: 320px; }
  .hpl-hero h1 { font-size: clamp(2.15rem, 7.8vw, 3.2rem); }
  .hpl-article { padding: clamp(16px, 4.5vw, 30px); }
  .hpl-article .hpl-tool-box { padding: clamp(12px, 3vw, 20px); }
  .hpl-article .hpl-tool-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 23rem) {
  body.hpl-site .hpl-header-inner { width: calc(100% - 24px); padding-inline: 10px; gap: 8px; }
  .hpl-header .hpl-brand { gap: 6px; }
  .hpl-header .hpl-brand img { width: 28px; height: 28px; }
}
@media print {
  .hpl-theme-toggle { display: none; }
  .hpl-reading-band, .hpl-home-band, .hpl-article { background: transparent; }
  .hpl-article { padding: 0; border: 0; }
  .hpl-reading-band .hpl-article-layout { padding-block: 0; }
}