@import url('/design-assets/site.css');
html body.status-service,html body.directory-service{background:var(--paper)!important;color:var(--ink)!important;font:16px/1.6 Arial,sans-serif!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important}
html body.status-service a,html body.directory-service a{color:inherit!important}
html body.status-service h1{color:var(--ink)!important;font:400 clamp(34px,5vw,56px)/1.15 Georgia,serif!important;letter-spacing:-1px;margin:38px 0 25px!important}
html body.status-service #app{width:min(1180px,90%);margin:0 auto}
html body.status-service #app .container{width:100%;max-width:none!important;padding:0!important;margin:0!important}
html body.status-service #app .wrap{width:100%;margin:0}
html body.status-service #app .shadow-box{background:var(--soft)!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:3px!important}
html body.status-service #app .group-title{font:400 29px/1.3 Georgia,serif!important;color:var(--ink)!important;margin:32px 0 14px}
html body.status-service #app .monitor-list .item{color:var(--ink)!important;background:transparent!important;border-color:var(--line)!important}
html body.status-service #app .item-name{color:var(--ink)!important;font-size:15px}
html body.status-service #app .logo-wrapper{display:none}
html body.status-service #app .word,html body.status-service #app .description,html body.status-service #app .extra-info{color:var(--muted)!important}
html body.status-service #app .main{padding:0!important}
html body.status-service #app .bg-primary{background:var(--green)!important;color:var(--paper)!important}
html body.status-service #app .ok{color:var(--green)!important}
html body.status-service .brand span,html body.directory-service .brand span{color:var(--accent)!important}
html body.status-service .theme-button,html body.directory-service .theme-button{color:var(--ink)!important}
html body.status-service .footer,html body.directory-service .footer{margin-top:50px}
.directory-content{padding:35px 0;min-height:40vh}
.directory-content>h1{font:400 clamp(28px,4vw,48px)/1.2 Georgia,serif;overflow-wrap:anywhere}
.directory-content>pre{overflow:auto;background:var(--soft);border:1px solid var(--line);padding:20px;font-size:13px}
@media(max-width:650px){html body.status-service #app{width:89%}html body.status-service #app .row>[class*=col-]{width:100%;flex:none}html body.status-service #app .monitor-list .item{padding:18px 14px}html body.status-service #app .info{margin-bottom:10px}html body.status-service #app h1{font-size:34px!important}}

html body.status-service #app [data-testid="description"],html body.status-service #app [data-testid="description"] p{color:var(--muted)!important}
html body.status-service #app [data-testid="description"] a{color:var(--accent)!important}