/* Blog reading layout: full-width banner, editorial heading, white canvas. */
body.ko-blog-article{background:#fff!important}
body.ko-blog-article main.main,body.ko-blog-article main.main>.hero,body.ko-blog-article main.main>.section,body.ko-blog-article .section.alt,body.ko-blog-article .selection-table{background:#fff!important}
.ko-blog-destination-banner{padding:0;overflow:hidden}
body.ko-blog-article .ko-blog-destination-banner{width:100vw!important;max-width:none!important;margin:0 0 0 calc(-1 * var(--kerns-inner-offset))!important}
.ko-blog-article .ko-blog-destination-banner img{display:block;width:100%;height:auto;aspect-ratio:2400/528;object-fit:cover}
body.ko-blog-article.kerns-inner-page main.main>.hero{display:block!important;min-height:0!important;padding-top:30px!important;padding-bottom:34px!important;border-bottom:1px solid #05e8a7}
.ko-blog-article .hero>div:first-child{display:flex;flex-direction:column}
.ko-blog-article .hero .breadcrumb{order:0;margin:0 0 16px;font-size:11px}
.ko-blog-article .hero .eyebrow{order:1;color:#58615d;font-size:11px;margin-bottom:8px}
.ko-blog-article .hero .byline{order:2;font-size:12px;line-height:1.6;margin:0 0 18px!important;color:#616a65}
.ko-blog-article .hero h1{order:3;width:100%;max-width:none!important;font-size:clamp(30px,3vw,48px)!important;line-height:1.13!important;letter-spacing:-.035em;text-transform:none!important;white-space:normal;margin:0 0 24px!important;padding-bottom:22px;border-bottom:1px solid #05e8a7;text-wrap:pretty}
.ko-blog-article .hero>div:first-child>:not(.breadcrumb):not(.eyebrow):not(.byline):not(h1){order:4}
.ko-blog-article .hero p{font-size:16px;line-height:1.8;max-width:100ch}
.ko-blog-article .hero .hero-side{padding:16px 0 0!important;border:0!important;font-size:15px;line-height:1.8;max-width:100ch}
.ko-blog-article .section{padding-top:46px;padding-bottom:46px}
.ko-blog-article .selection-table td{line-height:1.6}
@media(min-width:981px){
 body.ko-blog-article main.main{padding-top:150px!important}
 .ko-blog-article .kerns-float-nav{top:42px}
 .ko-blog-article .kerns-float-logo{margin-bottom:74px!important}
}
@media(max-width:980px){
 body.ko-blog-article main.main{padding-top:0!important}
 body.ko-blog-article .ko-blog-destination-banner{margin-left:0!important}
 body.ko-blog-article.kerns-inner-page main.main>.hero{padding-top:26px!important}
}
@media(max-width:620px){
 .ko-blog-article .hero h1{font-size:30px!important;line-height:1.16!important}
 .ko-blog-article .hero p{font-size:15px}
 .ko-blog-article .section h2{font-size:27px;line-height:1.2}
 .ko-blog-article .selection-table{max-width:100%;overflow-x:auto}
}
@media(min-width:981px){.ko-blog-article .kerns-nav-menu{background:transparent;padding:0}}
@media(max-width:620px){.ko-blog-article .cta{flex-direction:column;align-items:stretch;gap:20px;padding:24px}.ko-blog-article .cta>*{min-width:0}.ko-blog-article .cta .actions{margin-top:0}.ko-blog-article .btn{max-width:100%;white-space:normal;text-align:center}}
/* Reuse the homepage product search in the white article masthead. */
.ko-article-tools{position:absolute;top:68px;right:4.8vw;width:400px;max-width:50vw;display:flex;align-items:center;gap:28px;z-index:1000;color:#171b19;font-weight:700}
.ko-article-search{position:relative;display:flex;align-items:center;flex:1;min-width:0;border-bottom:2px solid currentColor;padding-bottom:8px}
.ko-article-search input{width:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;color:inherit;font:700 13px Arial;padding:10px 0}
.ko-article-search input::placeholder{color:#171b19;opacity:1}
.ko-article-search:focus-within{border-color:#05e8a7}
.ko-article-search button{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px;border:0;background:transparent;cursor:pointer}
.ko-article-search button img{width:20px;height:20px}
.ko-header-rfq{font-size:17px;padding:10px 0;text-decoration:none}
.ko-header-rfq:hover{color:#00875f}
.ko-article-tools .search-results{position:absolute;left:0;right:0;top:100%;max-height:55vh;overflow-y:auto;background:#fff;border:1px solid #dce4e0;box-shadow:0 12px 28px #0002;min-width:320px;font-weight:400}
.ko-article-tools .search-results[hidden]{display:none}
.ko-article-tools .search-item{display:block;padding:13px 16px;border-bottom:1px solid #e4e9e6}
.ko-article-tools .search-item:hover{background:#effbf6}
.ko-article-tools .search-item strong{display:block;font-size:13px;line-height:1.4}
.ko-article-tools .search-item small{display:block;font-size:11px;line-height:1.5;color:#616a65;margin-top:4px}
.ko-article-tools .search-hint,.ko-article-tools .search-empty{font-size:11px;line-height:1.6;padding:12px 16px}
@media(max-width:980px) and (min-width:621px){.ko-article-tools{top:58px;right:24px;width:390px;max-width:48vw;gap:18px}.ko-article-search input{font-size:11px}}
@media(max-width:620px){.ko-article-tools{position:relative;top:auto;right:auto;width:auto;max-width:none;margin:4px 28px 20px;gap:22px}.ko-article-search input{font-size:12px}.ko-article-tools .search-results{min-width:0;width:calc(100vw - 56px)}}
/* Dark-surface overrides must win over the shared navigation's fixed ink. */
body.ko-blog-article .kerns-nav-menu>a.ko-on-dark,body.ko-blog-article .kerns-nav-parent.ko-on-dark{color:#fff!important}
body.ko-blog-article .kerns-nav-menu>a.ko-on-dark:hover,body.ko-blog-article .kerns-nav-parent.ko-on-dark:hover{color:#05e8a7!important}
.ko-article-tools.ko-on-dark{color:#fff}.ko-article-tools.ko-on-dark input::placeholder{color:#fff}.ko-article-tools.ko-on-dark button img{filter:invert(1)}
.ko-article-tools .search-results{color:#171b19}
