/* Styling mirrors verrotech.com (Grayscale theme): black, Lora/Montserrat, #42DCA3 accent */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#000;color:#fff;font-family:Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:17px;line-height:1.5}
h1,h2,h3,h4{font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:1px;font-weight:700;margin:0}
a{color:#42DCA3;text-decoration:none;transition:all .2s ease-in-out}
a:hover,a:focus{color:#1d9b6c}
.wrap{max-width:1140px;margin:0 auto;padding:0 16px}

.topbar{border-bottom:1px solid rgba(255,255,255,.3);background:#000;position:sticky;top:0;z-index:10}
.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;padding-bottom:12px}
.site-logo{height:40px;width:auto;display:block}
nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}
nav a{font-family:Montserrat,sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:12px;color:#fff;padding:10px 12px}
nav a:hover{color:rgba(255,255,255,.8)}
nav a.active{background:rgba(255,255,255,.3)}

main{padding-top:32px;padding-bottom:24px}
h1{font-size:28px;margin-bottom:28px}
h2{font-size:14px;color:rgba(255,255,255,.7);margin-bottom:16px}

.cols{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:900px){.cols{grid-template-columns:3fr 2fr;gap:48px;align-items:start}h1{font-size:40px}}

.card{border:1px solid rgba(255,255,255,.3);margin-bottom:16px;padding:16px}
.svc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.svc-head .svc-name{font-size:16px}
.svc-name{margin:0}
.svc-sub .svc-name{font-size:13px;font-weight:400}
.svc-msg{margin:6px 0 0;font-size:15px;color:rgba(255,255,255,.75)}
.subs{margin-top:12px;border-top:1px solid rgba(255,255,255,.15)}
.svc-sub{padding:10px 0 10px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.svc-sub:last-child{border-bottom:0;padding-bottom:0}

.badge{display:inline-flex;align-items:center;gap:8px;font-family:Montserrat,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid currentColor;padding:4px 10px;white-space:nowrap}
.dot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}
.badge.st-ok{color:#42DCA3}
.badge.st-warning{color:#f5b942}
.badge.st-problems{color:#ff5a5f}
.svc-head.st-warning,.svc-head.st-problems{}
.card:has(.svc-head.st-warning){border-color:#f5b942}
.card:has(.svc-head.st-problems){border-color:#ff5a5f}

.updated{font-size:13px;color:rgba(255,255,255,.55);margin:8px 0 0}
.posts{min-height:200px}
footer{padding:32px 16px 48px;font-size:14px;color:rgba(255,255,255,.6)}
footer p{margin:0}

.x-notice{margin:0 0 20px;padding:12px 16px;border:1px solid #42DCA3;font-size:16px}
.x-notice a{font-weight:700}