.caterpillar-header-logo{display:block;width:155px;height:54px;object-fit:contain}.reader-top .brand{flex-shrink:0}.reader-top .love-button{width:34px;height:34px;min-height:34px;min-width:34px;position:static}.topbar .brand{flex-shrink:0}.role-switch button:focus-visible,.sidebar-demo button:focus-visible,.reader-body button:focus-visible,a:focus-visible{outline:3px solid #f7be5c;outline-offset:3px}
@media(max-width:760px){.reader-top .caterpillar-header-logo{width:115px;height:44px}.reader-top .tools .btn{padding:7px;font-size:10px}.reader-top .tools{gap:5px}.topbar .caterpillar-header-logo{width:130px;height:46px}.demo-wrap,.demo-intro>div,.demo-main{min-width:0}}

@media(max-width:760px){
 .page-text .board-wrap{display:none}.page-text .chapter-spread{flex:1;min-height:0}.page-text .content-pane{display:flex;flex-direction:column;gap:12px;justify-content:center}.page-text .content-item{padding:14px;flex:none;overflow:visible}.page-text .content-item .label{font-size:10px}.page-text .content-item p{font-size:12px;line-height:1.6}.page-text .content-item.outcome{padding:13px}.page-text .page-heading h2,.page-visual .page-heading h2{font-size:20px}.page-text .page-heading .subtitle,.page-visual .page-heading .subtitle{font-size:10px}.page-visual .content-pane{display:none}.page-visual .chapter-spread{flex:1;min-height:0}.page-visual .board-wrap{height:100%;flex:1;min-height:0}.page-visual .board{height:100%}.page-visual .arch-box{min-width:0;flex:1;padding:9px 6px;font-size:9px}.page-visual .arch-row{flex-wrap:nowrap}.page-visual .board-top{font-size:11px}.page-visual .board-col h4{font-size:12px}.page-visual .board-col .little{font-size:11px;line-height:1.5}.page-visual .board-caption{font-size:10px}.page-visual .panel h4{font-size:12px}.page-visual .board .micro{font-size:10px}.page-visual .test p{font-size:11px}.page-visual .test b{font-size:12px}.page-visual .status{font-size:9px}
}
@media(max-height:700px) and (max-width:760px){.page-text .content-pane{gap:7px}.page-text .content-item{padding:9px}.page-text .content-item p{font-size:11px;line-height:1.45}.page-visual .test p{font-size:9px}.page-visual .test b{font-size:10px}.page-visual .board-col .little{font-size:9px}.page-visual .board .micro{font-size:9px}}
@media(max-width:760px){.page-visual .architecture{gap:5px}.page-visual .arch-center{padding:10px}.page-visual .flow-arrow{font-size:9px}}
@media(max-height:700px) and (max-width:760px){.demo-page{padding:8px;gap:8px}.demo-page h2{font-size:24px;margin:8px 0}.demo-page p{font-size:10px}.demo-page .btn{padding:8px;font-size:10px}.demo-page>div>div[style]{margin-top:10px!important}.demo-page .preview{padding:8px}.demo-page .preview .board-dashboard{margin-top:8px!important;gap:5px}.demo-page .preview .panel{padding:6px;gap:5px}.demo-page .preview h4{font-size:10px}.demo-page .preview .chip{font-size:8px;padding:4px 6px}}