/* 2026-10-04 shared footer and blog navigation */
footer.bkf{background:#121d2b!important;color:#f5f7fa!important;padding:0!important;margin:0!important;text-align:left!important;font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif!important;font-size:15px!important;line-height:1.5!important;box-shadow:none!important;border:0!important}
footer.bkf *{box-sizing:border-box!important;font-family:inherit!important;text-transform:none!important;letter-spacing:normal!important}
footer.bkf a{color:#d9e3ef!important;text-decoration:none!important;display:inline-block}
footer.bkf a:hover,footer.bkf a:focus-visible{color:#fff!important;text-decoration:underline!important;text-underline-offset:4px}
footer.bkf a:focus-visible, .blog-path a:focus-visible,.blog-topics a:focus-visible{outline:2px solid #81b5ff!important;outline-offset:3px}
.bkf-grid{max-width:1110px;margin:0 auto!important;padding:54px 28px 48px!important;display:grid!important;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(130px,1fr))!important;gap:36px!important;align-items:start!important}
.bkf-brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;min-width:0}
.bkf-brand a{line-height:1!important}.bkf-brand img{display:block!important;width:148px!important;height:26px!important;object-fit:contain!important;max-width:100%!important}
.bkf-brand strong{font-size:15px!important;font-weight:700!important;color:#fff!important}.bkf-brand span{font-size:13px!important;color:#aeb9c7!important}
.bkf-col{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;min-width:0!important;padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important}
.bkf-col h2{margin:0 0 13px!important;padding:0!important;color:#fff!important;font-size:14px!important;font-weight:700!important;line-height:1.4!important}
.bkf-col a{font-size:14px!important;font-weight:500!important;min-height:32px!important;line-height:1.55!important;padding:4px 0!important;white-space:normal!important}
.bkf-bottom{border-top:1px solid #334153!important;max-width:1110px;margin:0 auto!important;padding:17px 28px 22px!important;display:flex!important;align-items:flex-start!important;gap:16px!important;flex-wrap:wrap!important;color:#aeb9c7!important;font-size:12.5px!important;line-height:1.6!important}
.bkf-business{margin-left:auto!important;min-width:0!important}.bkf-business summary{list-style:none!important;cursor:pointer!important;color:#d9e3ef!important;font-size:13px!important}.bkf-business summary::-webkit-details-marker{display:none}.bkf-business summary::after{content:' +';font-weight:700}.bkf-business[open] summary::after{content:' −'}.bkf-business>div{margin-top:10px!important;color:#aeb9c7!important;line-height:1.7!important}.bkf-business a{font-size:inherit!important}
.bkf-commerce{flex-basis:100%!important;display:flex!important;flex-wrap:wrap!important;gap:5px 16px!important;margin:0!important;padding:0!important}.bkf-commerce a{font-size:13px!important}.bkf-commerce #legal-line{flex-basis:100%!important;margin:0!important;color:#aeb9c7!important}
.blog-path{background:#f4f6f9!important;border-bottom:1px solid #dce3ec!important;color:#243a54!important}.blog-path-inner{max-width:1110px;margin:0 auto!important;padding:0 28px!important;display:flex!important;align-items:center!important;gap:26px!important;min-height:46px!important}.blog-path a{display:inline-flex!important;align-items:center!important;min-height:44px!important;color:#3c5875!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important;border-bottom:2px solid transparent!important}.blog-path a[aria-current]{color:#244f95!important;border-bottom-color:#244f95!important}.blog-path a:hover{text-decoration:underline!important;text-underline-offset:4px}
body.minimal-keyfree .blog-path{position:relative!important;margin-top:56px!important;z-index:1!important}
body.minimal-keyfree .nav{background:#fff!important;box-shadow:0 1px 8px rgba(20,35,52,.1)!important}
body.minimal-keyfree .nav .logo .kf,body.minimal-keyfree .nav .menu a{color:#1b2a3e!important}
body.minimal-keyfree .nav .logo .cg{color:#244f95!important}
body.minimal-keyfree .nav .logo .x{color:#7c8999!important;opacity:1!important}
body.minimal-keyfree .nav .acts .buy{background:#2563eb!important;color:#fff!important}
body.minimal-keyfree .nav .nav-toggle{background:#f0f3f7!important}
body.minimal-keyfree .nav .nav-toggle span{background:#17283d!important}
body.blog-editorial .top .links a[href="index.html"]{display:none!important}
.blog-list-page header.phero,.blog-list-page header.blog-hero{background:#244f95!important;background-image:none!important;color:#fff!important;padding:38px 0 35px!important;min-height:0!important;overflow:visible!important}
.blog-list-page.site-keyfree header.blog-hero{background:#152433!important}.blog-list-page.site-techbrick header.phero{background:#162b46!important}
.blog-list-page header.phero .wrap,.blog-list-page header.blog-hero .wrap{max-width:1110px!important;margin:0 auto!important;padding:0 28px!important}
.blog-list-page .equipment-stage,.blog-list-page .phone-hero-stage{display:block!important;min-height:0!important;height:auto!important;padding:0!important}.blog-list-page .equipment-stage>div:first-child,.blog-list-page .phone-hero-stage>div:first-child{position:relative!important;flex:none!important;max-width:850px!important;padding:0!important}.blog-list-page .equipment-stage>figure,.blog-list-page .phone-hero-stage>figure{display:none!important}
.blog-list-page header.phero h1,.blog-list-page header.blog-hero h1{color:#fff!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.27!important;letter-spacing:-.045em!important;max-width:850px!important;margin:16px 0 12px!important}.blog-list-page header.phero .lead,.blog-list-page header.blog-hero .lead{color:#e7edf8!important;font-size:16px!important;line-height:1.6!important;max-width:760px!important;margin:0!important}.blog-list-page header.phero .crumb,.blog-list-page header.blog-hero .crumb{color:#c5d6ed!important;font-size:13px!important}.blog-list-page header.phero .crumb a,.blog-list-page header.blog-hero .crumb a{color:inherit!important}
.blog-topics{background:#fff!important;border-bottom:1px solid #e1e6ed!important}.blog-topics-inner{max-width:1110px;margin:0 auto!important;padding:11px 28px!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}.blog-topics a{display:inline-flex!important;align-items:center!important;min-height:36px!important;padding:5px 12px!important;border:1px solid #d9e2ef!important;color:#264777!important;font-size:14px!important;font-weight:600!important;text-decoration:none!important}.blog-topics a:hover{border-color:#264777!important}
.blog-list-page header.phero+section,.blog-list-page .blog-topics+section{padding-top:30px!important;background:#fff!important}.blog-list-page .post-section.post-index{scroll-margin-top:70px}
@media(max-width:720px){.bkf-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 20px!important;padding:32px 22px 28px!important}.bkf-brand{grid-column:1/-1!important;gap:9px!important}.bkf-brand span{display:none!important}.bkf-col h2{margin-bottom:8px!important}.bkf-col a{font-size:14px!important;min-height:36px!important}.bkf-contact{grid-column:1/-1!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important}.bkf-contact h2{grid-column:1/-1!important}.bkf-bottom{padding:16px 22px 22px!important;align-items:center!important}.bkf-business{margin-left:auto!important}.bkf-business>div{position:relative!important;text-align:right!important}.bkf-commerce{gap:8px 15px!important}.blog-path-inner{padding:0 18px!important;gap:20px!important;justify-content:space-between!important}.blog-path a{font-size:13.5px!important;white-space:nowrap!important}.blog-list-page header.phero,.blog-list-page header.blog-hero{padding:28px 0 27px!important}.blog-list-page header.phero .wrap,.blog-list-page header.blog-hero .wrap{padding:0 20px!important}.blog-list-page header.phero h1,.blog-list-page header.blog-hero h1{font-size:27px!important;line-height:1.3!important;margin:12px 0 10px!important}.blog-list-page header.phero .lead,.blog-list-page header.blog-hero .lead{font-size:15px!important}.blog-topics-inner{padding:10px 18px!important;gap:6px!important}.blog-topics a{font-size:13px!important;min-height:34px!important;padding:4px 9px!important}.blog-list-page .post-section.post-index{scroll-margin-top:58px}}

/* Make wrapped blog titles one reliable touch target. */
.blog-list-page .rank .row .t>a{display:block!important;min-height:44px!important;padding:5px 0!important}