.knbk[hidden],.knbk [hidden]{display:none!important}
.knbk{margin-top:var(--knbk-header-space,0px);position:relative;z-index:2;background:#f7f6f2;color:#242a29;border-bottom:1px solid #d8dad4;border-top:1px solid #d8dad4;font-family:Raleway,sans-serif;overflow-wrap:anywhere}
.knbk *{box-sizing:border-box}
.knbk-inner{max-width:1280px;margin:0 auto;padding:0 28px}
.knbk-row{display:flex;align-items:center;gap:8px;min-width:0}
.knbk button{font:inherit;cursor:pointer;background:transparent;border:0;border-radius:0;color:inherit;box-shadow:none;text-transform:none}
.knbk .knbk-toggle{display:flex;align-items:center;gap:14px;min-width:0;min-height:54px;flex:1;text-align:left;padding:8px 0;font-size:14px;font-weight:600;line-height:1.5}
.knbk svg{width:22px;height:22px;flex:0 0 22px;display:block}
.knbk-toggle>svg:first-child{color:#c90000}
.knbk-title{flex:1;min-width:0}
.knbk-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}
.knbk .knbk-close{display:flex;align-items:center;justify-content:center;min-width:44px;width:44px;height:44px;padding:10px;border-left:1px solid #d8dad4}
.knbk button:hover,.knbk a:hover{color:#b60000}
.knbk button:focus-visible,.knbk a:focus-visible{outline:2px solid #b60000;outline-offset:-2px}
.knbk-details{display:flex;align-items:start;gap:24px;padding:4px 58px 22px 36px;max-width:100%}
.knbk-copy{flex:1;min-width:0}
.knbk-copy strong{display:block;font-size:17px;line-height:1.45;font-weight:600;margin-bottom:6px}
.knbk-copy p{font-size:14px;line-height:1.65;color:#444c48;margin:0;max-width:75ch}
.knbk .knbk-link{display:inline-block;color:#242a29;text-decoration:underline;text-decoration-color:#c90000;text-underline-offset:5px;font-size:14px;line-height:1.6;padding:10px 0;min-height:44px}
.knbk-details img{width:160px;max-width:30%;height:auto;max-height:120px;object-fit:contain}
@media(max-width:600px){.knbk-inner{padding:0 12px}.knbk .knbk-toggle{font-size:13px;gap:10px;min-height:56px}.knbk-details{padding:4px 0 18px 0;gap:12px;flex-wrap:wrap}.knbk-copy{flex-basis:100%}.knbk-details img{max-width:160px;width:100%}.knbk-copy strong{font-size:16px}.knbk-close{align-self:flex-start;margin-top:6px}}

/* Offset only while the in-flow bar is visible beneath the fixed header. */
body[data-knbk-visible] #kasier-quote-sign,body[data-knbk-visible] #kst-sign{translate:0 var(--knbk-panels-offset,0px)}

/* Keep the existing first screen within the viewport when the bar is present. */
body[data-knbk-active] #kasier-theratio-hero{height:max(420px,calc(100svh - var(--knbk-flow-space,0px)))!important}
