.architecture-workspace{min-width:0;width:100%}
.architecture-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--muted);font-size:12px}
.architecture-actions .button{flex-shrink:0}
#architecture-frame{display:block;width:100%;height:1100px;border:0;background:#fff}
.architecture-page .page-intro{align-items:flex-start;margin-bottom:15px}
.architecture-page .page-intro h1{font-size:clamp(25px,2.2vw,32px);letter-spacing:-1px}
.architecture-page .page-intro>div:first-child{min-width:0}
.architecture-page .date-tag{padding-top:5px}
.architecture-page #topbar{height:auto;min-height:60px;padding-top:10px;padding-bottom:10px}
.architecture-page .crumb{min-width:0;flex:1}
.architecture-page .crumb b{overflow-wrap:anywhere}
.architecture-page .top-right{flex-shrink:0}
@media(max-width:1100px){.architecture-page .page-intro{display:block}.architecture-page .date-tag{margin-top:10px}}
@media(max-width:780px){.architecture-page #topbar{min-height:49px}.architecture-page .crumb>span{display:none}.architecture-actions{align-items:flex-start;flex-wrap:wrap}.architecture-actions .button{font-size:12px}.architecture-page #main{padding-left:12px;padding-right:12px}}