/* Display the supplied artwork in a logo viewport; preserve the original file. */
.koko-logo{position:relative;display:inline-block;width:150px;aspect-ratio:2.4;background:#fff;overflow:hidden;border-radius:9px;flex:none;vertical-align:middle}
.koko-logo>img{position:absolute;width:146%;max-width:none;height:auto;left:-20.3%;top:-122.6%;display:block}
aside .brand{display:flex;justify-content:flex-start;min-height:30px;letter-spacing:0;padding:0 6px}
.koko-wordmark{display:flex;align-items:baseline;gap:7px;white-space:nowrap;line-height:1}
.koko-wordmark>b{font-size:23px;font-weight:800;letter-spacing:1px;color:#fff}
.koko-wordmark>span{font-size:14px;font-weight:600;letter-spacing:1.7px;color:#b8c9df}
.koko-initials{display:none}
aside .property{margin-top:20px}
.shell header .breadcrumb .breadcrumb-property{margin-left:0}
.koko-text{display:inline-block;color:#17375f;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap}
.koko-logo.document-logo{width:108px;border:0;border-radius:0}
.document-brand{text-align:center;margin:0 0 12px}
.contract-doc>h2{margin-top:8px}
.bill-header{align-items:center;gap:14px}
.phone-top .koko-text{font-size:15px}
.koko-text.koko-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;font-size:14px;color:#17375f;letter-spacing:.5px}
.tv-msg .koko-mark{margin-top:3px}
@media(min-width:601px) and (max-width:950px){aside .brand{justify-content:center;padding:0}.koko-wordmark{display:none}.koko-initials{display:block;font-size:22px;font-weight:800;letter-spacing:1px;color:#fff}}
@media(max-width:600px){
 aside .brand{display:none}
 .shell header .breadcrumb{display:flex;align-items:center;min-width:0}
 .shell header .breadcrumb .breadcrumb-property{display:block;margin:0;color:#fff;font-size:16px;font-weight:700;letter-spacing:.5px;white-space:nowrap}
 .bill-header{gap:12px;align-items:flex-start;flex-wrap:wrap}
 .bill-header .hint{max-width:100%;overflow-wrap:anywhere}
}