/* HB editorial surfaces. These rules are scoped to the blog template. */
.hb-blog-page .hb-page{background:#f4f4f4;color:#202020}
.hb-blog-page .hb-page :is(h1,h2,h3,h4,h5,h6){color:#202020;font-family:var(--hb-sans)}
.hb-blog-page .hb-blog-main{padding-bottom:0}
.hb-blog-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#737373;font-size:11px;line-height:1.5;margin:0 0 53px}
.hb-blog-breadcrumb a{color:#363636;text-decoration:underline;text-decoration-color:#b9b9b9;text-underline-offset:4px}
.hb-blog-breadcrumb a:hover{color:#a64100}
.hb-blog-breadcrumb [aria-hidden]{color:#aaa}
.hb-blog-hero{padding:29px 0 49px;background:#f4f4f4}
.hb-blog-hero .hb-eyebrow{color:#565656}
.hb-blog-hero-row{display:flex;justify-content:space-between;align-items:flex-end;gap:66px}
.hb-blog-page .hb-blog-title{font-size:clamp(49px,4.8vw,72px);font-weight:600;line-height:1.06;letter-spacing:-3.6px;max-width:760px;margin:24px 0 0;text-wrap:balance}
.hb-blog-title>span,.hb-blog-title>em{display:block}
.hb-blog-page .hb-blog-title>em{color:#b44a00;font:inherit;margin-top:5px}
.hb-blog-intro{max-width:365px;flex:0 1 365px;font-size:15px;line-height:1.9;color:#626262;padding-bottom:3px;margin:0}
.hb-blog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #ccc;padding:23px 0 28px;margin-top:49px}
.hb-blog-filters{display:flex;flex-wrap:wrap;gap:7px;align-items:center}
.hb-blog-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 18px;border:1px solid #cecece;border-radius:2px;font-size:11px;line-height:1.4;color:#626262;transition:color .2s,background .2s,border-color .2s}
.hb-blog-filters a:hover{border-color:#767676;color:#202020}
.hb-blog-filters a.is-active,.hb-blog-filters a[aria-current="page"]{background:#202020;border-color:#202020;color:#fff}
.hb-blog-count{white-space:nowrap;font-size:11px;color:#727272;margin:0;letter-spacing:.2px}
.hb-blog-feature{display:grid;grid-template-columns:1.18fr 1fr;background:#fff;min-width:0;margin:0 0 76px}
.hb-blog-feature-image{display:block;position:relative;background:#e7e7e7;overflow:hidden;min-height:400px}
.hb-blog-feature-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease}
.hb-blog-feature-image:hover img{transform:scale(1.025)}
.hb-blog-feature-copy{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:44px 48px 46px;min-width:0}
.hb-blog-feature-copy>.hb-eyebrow{color:#737373;font-size:9px!important;letter-spacing:1.2px;margin:0 0 37px}
.hb-blog-category{display:inline-block;color:#a64200;font-size:10px;font-weight:600;line-height:1.45;letter-spacing:.8px;text-transform:uppercase}
.hb-blog-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#777;font-size:10px;line-height:1.6;margin:12px 0 0}
.hb-blog-meta .hb-blog-meta-dot{height:3px;width:3px;background:#a9a9a9;display:inline-block;border-radius:50%}
.hb-blog-page .hb-blog-feature h2{font-size:clamp(28px,2.65vw,39px);font-weight:600;line-height:1.16;letter-spacing:-1.3px;margin:19px 0 18px;max-width:520px}
.hb-blog-feature h2 a:hover,.hb-blog-card h2 a:hover{color:#a64100}
.hb-blog-feature-copy>p:not(.hb-eyebrow){font-size:14px;line-height:1.9;color:#626262;max-width:440px;margin:0 0 27px}
.hb-blog-read{display:inline-flex;gap:27px;align-items:center;color:#202020;font-size:11px;font-weight:600;border-bottom:1px solid #aaa;padding:0 0 8px;line-height:1.4}
.hb-blog-read>span[aria-hidden]{color:#b44a00;font-size:18px;line-height:1}
.hb-blog-read:hover{border-color:#ff7900}
.hb-blog-section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #cecece;padding:23px 0 29px}
.hb-blog-section-heading .hb-eyebrow{color:#626262}
.hb-blog-section-index{color:#838383;letter-spacing:1px;font-size:10px}
.hb-blog-list{padding-bottom:84px}
.hb-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 32px;align-items:start}
.hb-blog-card{min-width:0;background:transparent}
.hb-blog-card-image{display:block;aspect-ratio:1.53;background:#e8e8e8;overflow:hidden;margin:0 0 23px}
.hb-blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hb-blog-card-image:hover img{transform:scale(1.035)}
.hb-blog-card-copy{min-width:0}
.hb-blog-page .hb-blog-card h2,.hb-blog-page .hb-blog-card h3{font-size:25px;font-weight:600;line-height:1.22;letter-spacing:-.65px;margin:15px 0 14px;overflow-wrap:anywhere}
.hb-blog-card-copy>p{font-size:13px;line-height:1.9;color:#626262;margin:0 0 22px}
.hb-blog-card .hb-blog-meta{font-size:9px;margin:10px 0 0;gap:10px}
.hb-blog-card .hb-blog-read{font-size:10px;gap:22px}
.hb-blog-pagination{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;border-top:1px solid #d0d0d0;padding:30px 0 0;margin-top:49px;font-size:12px}
.hb-blog-pagination :is(a,span){display:inline-flex;min-width:42px;min-height:42px;align-items:center;justify-content:center;padding:8px 13px;border:1px solid #ccc}
.hb-blog-pagination a:hover{border-color:#ff7900}
.hb-blog-pagination [aria-current],.hb-blog-pagination .current{background:#202020;color:#fff;border-color:#202020}
.hb-blog-empty{padding:54px 0 85px;border-top:1px solid #ccc}
.hb-blog-page .hb-blog-empty h2{font-size:33px;letter-spacing:-1px;line-height:1.2;margin-bottom:17px}
.hb-blog-empty p{font-size:14px;line-height:1.9;color:#626262;max-width:520px}
.hb-blog-cta{background:#292929;color:#fff;padding:72px 0}
.hb-blog-cta>.hb-wrap{display:grid;grid-template-columns:1fr auto;align-items:center;gap:65px}
.hb-blog-cta .hb-eyebrow{color:#b5b5b5;margin:0 0 23px}
.hb-blog-page .hb-blog-cta h2{color:#fff;font-size:clamp(34px,3.4vw,49px);font-weight:600;line-height:1.16;letter-spacing:-1.7px;max-width:700px;margin:0 0 20px}
.hb-blog-cta p:not(.hb-eyebrow){color:#bfbfbf;font-size:14px;line-height:1.9;max-width:590px}
.hb-blog-cta .hb-button{background:#ff7900;color:#202020;border-color:#ff7900;font-size:11px;white-space:nowrap}
.hb-blog-cta .hb-button:hover{background:#e66c00;border-color:#e66c00}
.hb-blog-cta :is(a,button):focus-visible{outline-color:#fff}
/* Native WordPress article content stays editable and is laid out independently of the theme. */
.hb-article-header{padding:29px 0 43px;background:#f4f4f4}
.hb-article-header .hb-blog-breadcrumb{margin-bottom:49px}
.hb-article-header-inner{max-width:950px}
.hb-blog-page .hb-article-title{font-size:clamp(43px,4.45vw,66px);font-weight:600;line-height:1.1;letter-spacing:-2.9px;max-width:1060px;margin:24px 0 23px;text-wrap:balance}
.hb-article-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:#787878;font-size:11px;line-height:1.6;margin:17px 0 0}
.hb-article-meta>span[aria-hidden]{width:3px;height:3px;background:#aaa;border-radius:50%}
.hb-article-lead{font-size:18px;line-height:1.8;color:#626262;max-width:840px;margin:23px 0 0}
.hb-article-hero-image{position:relative;max-width:1320px;width:calc(100% - 112px);margin:0 auto 0;background:#e7e7e7}
.hb-article-hero-image img{width:100%;max-height:505px;aspect-ratio:2.55;object-fit:cover}
.hb-article-hero-image figcaption{font-size:9px;line-height:1.8;color:#777;padding:10px 0 0;background:#f4f4f4}
.hb-article-layout{display:grid;grid-template-columns:230px minmax(0,780px);justify-content:space-between;align-items:start;gap:65px;padding-block:58px 84px}
.hb-article-aside{position:sticky;top:25px;min-width:0;border-top:1px solid #c9c9c9;padding-top:19px}
.hb-article-aside>.hb-eyebrow{color:#737373;font-size:9px!important;letter-spacing:1px;line-height:1.6!important}
.hb-blog-page .hb-article-aside h2{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.6px;margin:20px 0 13px}
.hb-article-aside p:not(.hb-eyebrow){font-size:12px;line-height:1.9;color:#6d6d6d;margin:0 0 22px}
.hb-article-aside .hb-blog-read{font-size:10px;gap:20px}
.hb-article-aside nav{font-size:12px;line-height:1.7}
.hb-article-aside nav a{display:block;padding:8px 0;border-bottom:1px solid #ddd;color:#626262}
.hb-article-content{min-width:0;max-width:780px;font-size:16px;line-height:1.95;color:#4d4d4d;overflow-wrap:anywhere}
.hb-article-content>:first-child{margin-top:0!important}
.hb-article-content>:last-child{margin-bottom:0!important}
.hb-blog-page .hb-article-content h2{font-size:32px;font-weight:600;line-height:1.24;letter-spacing:-.95px;margin:45px 0 20px;color:#202020}
.hb-blog-page .hb-article-content h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.5px;margin:31px 0 15px;color:#202020}
.hb-blog-page .hb-article-content h4{font-size:19px;font-weight:600;line-height:1.4;margin:25px 0 12px;color:#202020}
.hb-article-content p{font-size:inherit;line-height:inherit;color:inherit;margin:0 0 23px}
.hb-article-content :is(ul,ol){margin:0 0 25px;padding-inline-start:24px;line-height:1.9}
.hb-article-content li{padding-block:0 8px;padding-inline:3px 0}
.hb-article-content li>p{margin-bottom:10px}
.hb-article-content strong{font-weight:600;color:#303030}
.hb-article-content a{color:#a64200;text-decoration:underline;text-decoration-color:#dca37e;text-underline-offset:3px}
.hb-article-content a:hover{color:#703000;text-decoration-color:#703000}
.hb-article-content blockquote{margin:34px 0;padding:22px 27px;background:#fff;border-inline-start:3px solid #ff7900;font-size:18px;line-height:1.8}
.hb-article-content blockquote p:last-child{margin-bottom:0}
.hb-article-content :is(table,.wp-block-table){margin:29px 0;max-width:100%}
.hb-article-content .wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.hb-article-content table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8;table-layout:fixed}
.hb-article-content th,.hb-article-content td{border:1px solid #d4d4d4;text-align:start;vertical-align:top;padding:16px 19px;overflow-wrap:anywhere}
.hb-article-content th{background:#e9e9e9;color:#303030;font-weight:600}
.hb-article-content td{color:#626262}
.hb-article-content pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;background:#e8e8e8;font-size:13px;line-height:1.75;margin:28px 0}
.hb-article-content :not(pre)>code{font-size:.88em;background:#e9e9e9;padding:2px 5px;color:#333}
.hb-article-content img{width:auto;height:auto;max-width:100%;margin-inline:auto}
.hb-article-content :is(figure,.wp-block-image){margin:29px 0;max-width:100%}
.hb-article-content :is(figcaption,.wp-element-caption){font-size:11px;line-height:1.8;color:#777;margin:10px 0 0}
.hb-article-content .alignwide,.hb-article-content .alignfull{margin-inline-start:0!important;margin-inline-end:0!important;max-width:100%!important;width:100%!important}
.hb-article-content iframe{max-width:100%}
.hb-article-content hr{border:0;border-top:1px solid #ccc;margin:36px 0}
.hb-article-content .hb-article-note{background:#fff;padding:25px 28px;border-top:2px solid #ff7900;font-size:14px;line-height:1.9;margin:32px 0}
.hb-article-related{background:#fff;padding:69px 0 79px}
.hb-article-related .hb-blog-section-heading{border-top:0;padding-top:0;padding-bottom:31px;align-items:end}
.hb-blog-page .hb-article-related-title{font-size:39px;font-weight:600;line-height:1.16;letter-spacing:-1.2px;margin:20px 0 0}
.hb-article-return{font-size:11px;line-height:1.5;color:#626262;display:inline-flex;gap:20px;align-items:center;padding-bottom:8px;border-bottom:1px solid #aaa}
.hb-article-return>span[aria-hidden]{font-size:18px;color:#b44a00}
.hb-article-return:hover{border-color:#ff7900}
.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-blog-title{letter-spacing:-1.2px;line-height:1.25}
.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-article-title{letter-spacing:-1.4px;line-height:1.3}
.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-blog-feature h2,.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-blog-card :is(h2,h3){line-height:1.45;letter-spacing:-.4px}
@media(min-width:1600px){.hb-blog-feature-copy{padding:50px 60px}.hb-blog-feature-image{min-height:450px}}
@media(max-width:1100px){.hb-blog-hero-row{gap:40px}.hb-blog-intro{flex-basis:310px}.hb-blog-feature-copy{padding:34px}.hb-blog-feature-image{min-height:390px}.hb-blog-feature-copy>.hb-eyebrow{margin-bottom:25px}.hb-blog-grid{gap:36px 23px}.hb-blog-page .hb-blog-card h2,.hb-blog-page .hb-blog-card h3{font-size:23px}.hb-article-layout{grid-template-columns:190px minmax(0,720px);gap:45px}.hb-article-aside h2{font-size:24px}.hb-blog-cta>.hb-wrap{gap:40px}.hb-blog-cta .hb-button{font-size:10px;gap:24px}}
@media(max-width:900px){.hb-blog-hero-row{display:block}.hb-blog-intro{max-width:600px;margin-top:27px}.hb-blog-feature{grid-template-columns:1.1fr 1fr}.hb-blog-feature-copy{padding:29px}.hb-blog-feature-image{min-height:390px}.hb-blog-page .hb-blog-feature h2{font-size:30px}.hb-blog-feature-copy>p:not(.hb-eyebrow){font-size:13px}.hb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:39px 25px}.hb-article-layout{grid-template-columns:1fr;gap:40px}.hb-article-aside{position:static;order:2;max-width:780px;border-top:1px solid #ccc;padding:26px 0 0}.hb-article-aside p:not(.hb-eyebrow){max-width:490px}.hb-article-aside nav{display:none}.hb-article-content{max-width:none}.hb-blog-cta>.hb-wrap{grid-template-columns:1fr}.hb-blog-cta .hb-button{justify-self:start;font-size:11px}}
@media(max-width:720px){
 .hb-blog-hero{padding:22px 0 34px}.hb-blog-breadcrumb{font-size:10px;gap:10px;margin-bottom:36px}.hb-blog-page .hb-blog-title{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.2px;line-height:1.08;margin-top:22px;text-wrap:initial}.hb-blog-title>em{margin-top:8px}.hb-blog-intro{font-size:14px;line-height:1.95;margin-top:23px}.hb-blog-toolbar{align-items:start;flex-direction:column;gap:15px;margin-top:31px;padding:20px 0 0}.hb-blog-filters{gap:6px}.hb-blog-filters a{font-size:10px;min-height:41px;padding:10px 13px}.hb-blog-count{font-size:10px}.hb-blog-feature{grid-template-columns:1fr;margin-bottom:42px}.hb-blog-feature-image{min-height:0;aspect-ratio:1.5}.hb-blog-feature-image img{position:static;aspect-ratio:1.5}.hb-blog-feature-copy{padding:27px 23px 32px}.hb-blog-feature-copy>.hb-eyebrow{font-size:8px!important;margin-bottom:25px}.hb-blog-page .hb-blog-feature h2{font-size:30px;line-height:1.2;letter-spacing:-.9px;margin:17px 0 16px}.hb-blog-feature-copy>p:not(.hb-eyebrow){font-size:13px;margin-bottom:24px}.hb-blog-category{font-size:9px}.hb-blog-meta{font-size:9px;margin-top:10px;gap:10px}.hb-blog-read{font-size:10px}.hb-blog-section-heading{padding:19px 0 24px}.hb-blog-list{padding-bottom:54px}.hb-blog-grid{grid-template-columns:1fr;gap:38px}.hb-blog-card-image{aspect-ratio:1.55;margin-bottom:21px}.hb-blog-page .hb-blog-card h2,.hb-blog-page .hb-blog-card h3{font-size:26px;letter-spacing:-.7px;line-height:1.25;margin-top:14px}.hb-blog-card-copy>p{font-size:13px;max-width:530px;margin-bottom:19px}.hb-blog-pagination{margin-top:35px;padding-top:24px;gap:6px;font-size:11px}.hb-blog-pagination :is(a,span){min-width:39px;min-height:40px;padding:8px 11px}.hb-blog-empty{padding:30px 0 56px}.hb-blog-page .hb-blog-empty h2{font-size:29px}.hb-blog-cta{padding-block:54px}.hb-blog-cta>.hb-wrap{gap:28px}.hb-blog-cta .hb-eyebrow{margin-bottom:22px}.hb-blog-page .hb-blog-cta h2{font-size:35px;line-height:1.17;letter-spacing:-1.1px;margin-bottom:19px}.hb-blog-cta p:not(.hb-eyebrow){font-size:13px}.hb-blog-cta .hb-button{font-size:11px;min-height:51px}
 .hb-article-header{padding:22px 0 31px}.hb-article-header .hb-blog-breadcrumb{margin-bottom:34px}.hb-blog-page .hb-article-title{font-size:clamp(36px,9.1vw,56px);line-height:1.12;letter-spacing:-1.6px;margin:20px 0;text-wrap:initial}.hb-article-meta{font-size:9px;gap:10px;margin-top:15px}.hb-article-lead{font-size:15px;line-height:1.9;margin-top:23px}.hb-article-hero-image{width:calc(100% - 40px)}.hb-article-hero-image img{aspect-ratio:1.6}.hb-article-hero-image figcaption{font-size:8px;line-height:1.7;padding-top:8px}.hb-article-layout{gap:36px;padding-block:35px 51px}.hb-article-content{font-size:15px;line-height:1.95}.hb-blog-page .hb-article-content h2{font-size:27px;line-height:1.3;letter-spacing:-.65px;margin:35px 0 18px}.hb-blog-page .hb-article-content h3{font-size:22px;line-height:1.4;letter-spacing:-.35px;margin:27px 0 14px}.hb-article-content p{margin-bottom:22px}.hb-article-content :is(ul,ol){padding-inline-start:21px;margin-bottom:23px}.hb-article-content li{padding-inline-start:2px;padding-bottom:7px}.hb-article-content blockquote{padding:20px 22px;font-size:16px;margin:27px 0}.hb-article-content th,.hb-article-content td{padding:12px 10px;font-size:11px}.hb-article-content pre{padding:20px;font-size:12px}.hb-article-content .hb-article-note{padding:20px;font-size:13px;margin:27px 0}.hb-article-aside{padding-top:23px}.hb-blog-page .hb-article-aside h2{font-size:26px;margin:17px 0 12px}.hb-article-related{padding:48px 0 54px}.hb-article-related .hb-blog-section-heading{display:block;padding-bottom:29px}.hb-blog-page .hb-article-related-title{font-size:34px;margin-top:17px}.hb-article-return{margin-top:25px;font-size:10px}.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-blog-title{font-size:clamp(36px,9.5vw,58px);letter-spacing:-.8px;line-height:1.3}.hb-blog-page .hb-page:is([data-locale=zh],[data-locale=ja],[data-locale=ko],[data-locale=ar]) .hb-article-title{font-size:clamp(33px,8.5vw,52px);letter-spacing:-.7px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.hb-blog-page :is(.hb-blog-feature-image img,.hb-blog-card-image img,.hb-blog-filters a){transition:none}.hb-blog-page :is(.hb-blog-feature-image:hover img,.hb-blog-card-image:hover img){transform:none}}

/* Homepage editorial entry points use the same native blog categories. */
.hb-blog-home{background:#f4f4f4;color:#202020}
.hb-blog-home .hb-blog-home-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;margin-top:56px}
.hb-blog-home-grid>a{display:flex;flex-direction:column;align-items:flex-start;padding-block:40px 40px;padding-inline:0 44px;color:#202020;text-decoration:none;transition:background .2s}
.hb-blog-home-grid>a+a{padding-inline-start:44px;border-inline-start:1px solid #c9c9c9}
.hb-blog-home-index{font-size:12px;letter-spacing:.14em;color:#676767}
.hb-blog-home-grid h3{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.035em;color:#202020;margin:28px 0 16px}
.hb-blog-home-grid p{max-width:440px;color:#5a5a5a;line-height:1.7;margin:0 0 32px}
.hb-blog-home-link{display:flex;gap:32px;justify-content:space-between;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #d8d8d8;font-size:15px}
.hb-blog-home-link>span:last-child{font-size:26px;line-height:1;color:#e96700}
.hb-blog-home-grid>a:hover .hb-blog-home-link{color:#bd5200}
.hb-blog-home-grid>a:focus-visible{outline:2px solid #ff7900;outline-offset:5px}
@media(max-width:700px){.hb-blog-home .hb-blog-home-grid{grid-template-columns:1fr;margin-top:32px}.hb-blog-home-grid>a{padding:30px 0}.hb-blog-home-grid>a+a{padding:30px 0;border-inline-start:0;border-top:1px solid #c9c9c9}.hb-blog-home-grid h3{margin-top:20px}}
