.status-shell{max-width:1230px;margin:auto;padding:55px 40px 0}
.status-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:34px}
.status-heading h1{margin:15px 0 13px;font-size:43px}
.status-heading p{font-size:14px}
.status-heading>.btn{flex-shrink:0}
.summary{display:flex;align-items:center;gap:24px;padding:32px;border:1px solid #405047;border-radius:16px;background:linear-gradient(110deg,#21352c,#1b2924);min-height:170px}
.summary-icon{display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;border-radius:50%;border:1px solid #496653;background:#2a4636;color:var(--mint);font-size:25px}
.summary-icon .icon{width:30px;height:30px;stroke-width:2}
.summary .overline{font-size:10px;color:#a5c6b3}
.summary h2{font-size:27px;margin:8px 0 11px}
.summary p{font-size:13px;max-width:620px;color:#bbcbbc}
.summary>.pill{margin-left:auto;align-self:center}
.summary.warn,.summary.stale-summary{border-color:#6b5940;background:linear-gradient(110deg,#3b3022,#2a2722)}
.summary.warn .summary-icon,.stale-summary .summary-icon{border-color:#796345;background:#4d3e29;color:var(--amber)}
.summary.warn .overline,.stale-summary .overline{color:#dbc397}
.summary.warn p,.stale-summary p{color:#d2c4ad}
.summary.bad{border-color:#78444e;background:linear-gradient(110deg,#40272e,#2d2329)}
.summary.bad .summary-icon{border-color:#875361;background:#51313c;color:var(--red)}
.summary.bad .overline{color:#dca4b1}
.summary.bad p{color:#d0b5bf}
.summary:not(.good):not(.warn):not(.bad):not(.stale-summary){border-color:var(--line);background:var(--surface)}
.summary:not(.good):not(.warn):not(.bad):not(.stale-summary) .summary-icon{background:var(--surface2);border-color:var(--line);color:var(--muted)}
.status-meta{display:flex;justify-content:space-between;gap:20px;padding:15px 3px;color:var(--faint);font-size:12px}
.status-meta .stale{color:var(--amber)}
#fetch-error{margin-bottom:22px}
#maintenance{display:flex;align-items:center;gap:17px;padding:20px 23px;border:1px solid #55496d;background:#292535;border-radius:12px;margin:10px 0 23px}
.maintenance-icon{display:grid;place-items:center;background:#3c334f;border-radius:9px;width:39px;height:39px;color:var(--purple);flex-shrink:0}
#maintenance strong{font-size:14px}
#maintenance p{font-size:13px;color:#c6bdd8;margin:5px 0}
#maintenance small{font-size:12px;color:#b2a4cd}
.platform-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:12px;margin:12px 0 36px;background:var(--surface)}
.platform-facts>div{padding:20px 26px;border-right:1px solid var(--line)}
.platform-facts>div:last-child{border-right:0}
.platform-facts span{display:block;font-size:12px;color:var(--muted)}
.platform-facts strong{display:block;font-size:27px;letter-spacing:-.04em;font-weight:550;margin-top:8px}
.platform-facts small{font-size:15px;color:var(--faint);font-weight:400}
.section-nav{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 35px;padding:0 2px 14px;overflow-x:auto;scrollbar-width:thin}
.section-nav>a{font-size:13px;color:var(--muted);white-space:nowrap}
.section-nav>a:first-child{color:var(--mint)}
.section-nav>a:hover{color:var(--mint)}
.status-section{scroll-margin-top:25px;margin-bottom:42px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}
.section-title h2{margin-top:9px;font-size:25px}
.section-title .overline{font-size:10px}
.service-tools{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px}
.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 13px;max-width:330px;width:100%;color:var(--faint)}
.search-box>span{font-size:25px}
.search-box input{width:100%;background:transparent;border:0;outline-offset:0}
.filter-label{display:flex;align-items:center;gap:11px;color:var(--faint);font-size:12px;white-space:nowrap}
.filter-label select{width:auto;min-width:160px;max-width:240px;font-size:12px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-group{padding:0 22px;min-width:0}
.service-group>header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}
.service-group h3{font-size:14px;letter-spacing:0;font-weight:600}
.service-group header>span{font-size:11px;color:var(--faint)}
.service{border-top:1px solid var(--line)}
.service summary{display:flex;align-items:center;gap:10px;padding:19px 0;list-style:none;cursor:pointer}
.service summary::-webkit-details-marker{display:none}
.service-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--faint)}
.service-dot.good{background:var(--mint)}
.service-dot.warn{background:var(--amber)}
.service-dot.bad{background:var(--red)}
.service strong{min-width:0;flex:1;font-size:12px;font-weight:500}
.service-latency{color:var(--faint);font-size:11px;white-space:nowrap}
.service-state{font-size:10px;color:var(--muted);min-width:66px;text-align:right;white-space:nowrap}
.service-state.good{color:var(--mint)}
.service-state.warn{color:var(--amber)}
.service-state.bad{color:var(--red)}
.service-chevron .icon{width:12px;height:12px;color:var(--faint)}
.service[open] .service-chevron{transform:rotate(90deg)}
.service>p{border-left:2px solid #4c5e51;padding:2px 0 2px 13px;margin:0 0 20px 15px;font-size:12px;overflow-wrap:anywhere}
.loading-panel{grid-column:1/-1;display:flex;align-items:center;gap:22px;min-height:150px;justify-content:center}
.history-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;align-items:start}
.history-columns .panel{padding:24px}
.availability-panel>p:first-child{font-size:12px;margin-bottom:25px}
.availability-row{margin:21px 0}
.availability-row>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-bottom:7px}
.availability-row span{font-size:12px}
.availability-row strong{font-size:12px;color:var(--mint);font-weight:500}
.availability-row progress{appearance:none;width:100%;height:5px;border:0;border-radius:10px;background:#344339;overflow:hidden;accent-color:var(--mint)}
.availability-row progress::-webkit-progress-bar{background:#344339}
.availability-row progress::-webkit-progress-value{background:var(--mint)}
.availability-row progress::-moz-progress-bar{background:var(--mint)}
#sample-note{border-top:1px solid var(--line);padding-top:20px;margin-top:26px;font-size:11px;line-height:1.9}
.incident-filter{justify-content:flex-end;padding-bottom:20px}
.event{display:flex;gap:15px;padding:22px 0;border-top:1px solid var(--line)}
.event-mark{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:1px solid #3b5847;border-radius:50%;color:var(--mint);background:#23392d}
.event-mark .icon{width:14px;height:14px}
.event.deployment .event-mark{color:var(--purple);border-color:#5c4c77;background:#332c43}
.event.active .event-mark{color:var(--amber);border-color:#77613a;background:#3a3122}
.event-copy{min-width:0;flex:1}
.event-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;font-size:10px;line-height:1.6}
.event-meta>span{color:var(--mint)}
.event.deployment .event-meta>span{color:var(--purple)}
.event.active .event-meta>span{color:var(--amber)}
.event-meta time{color:var(--faint)}
.event h3{font-size:13px;line-height:1.7;letter-spacing:0;margin:8px 0;overflow-wrap:anywhere;font-weight:500}
.event p,.event small{font-size:11px;color:var(--faint);overflow-wrap:anywhere}
.event small{display:block;margin-top:8px}
#more-events{width:100%;margin-top:10px}
.technical-section details{padding:25px 28px}
.technical-section summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.technical-section summary::-webkit-details-marker{display:none}
.technical-section summary h2{font-size:21px;margin-top:8px}
.details-chevron{color:var(--mint);font-size:25px;font-weight:300}
#technical-details[open] .details-chevron{transform:rotate(45deg)}
.technical-intro{font-size:12px;padding-top:25px;max-width:650px}
.runtime-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0}
.runtime-metrics>div{padding-top:15px;border-top:1px solid var(--line)}
.runtime-metrics dt{font-size:11px;color:var(--faint)}
.runtime-metrics dd{font-size:16px;margin:6px 0 0}
.api-links{display:flex;align-items:center;gap:25px;margin-top:25px}
.technical-section{margin-top:0;margin-bottom:40px}
@media(max-width:1050px){.status-shell{padding:45px 28px 0}
.summary h2{font-size:25px}
.summary{gap:20px;padding:27px}
.summary>.pill{display:none}
.service-grid{grid-template-columns:1fr}
.service strong{font-size:14px}
.service-state{font-size:12px;min-width:88px}
.service-latency{font-size:12px}
.history-columns{gap:20px}
.event-meta{font-size:11px}
}
@media(max-width:700px){.status-shell{padding:35px 22px 0}
.status-heading{align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:25px}
.status-heading h1{font-size:34px}
.status-heading p{font-size:13px}
.status-heading>.btn{margin-left:auto}
.summary{padding:24px;align-items:flex-start;gap:17px;min-height:0}
.summary-icon{width:42px;height:42px;border-radius:12px}
.summary-icon .icon{width:22px;height:22px}
.summary h2{font-size:23px;line-height:1.3;margin-top:7px}
.summary .overline{font-size:9px}
.summary p{font-size:12px}
.status-meta{font-size:11px;flex-direction:column;gap:5px;padding:13px 2px}
.platform-facts{margin-top:13px;margin-bottom:27px}
.platform-facts>div{padding:17px 15px}
.platform-facts span{font-size:10px;line-height:1.6}
.platform-facts strong{font-size:20px}
.platform-facts small{font-size:12px}
.section-nav{gap:24px;font-size:12px;margin-bottom:28px}
.section-title{gap:12px}
.section-title h2{font-size:24px}
.section-title .overline{font-size:9px}
.section-title>.hint{font-size:11px;max-width:80px}
.service-tools{flex-wrap:wrap;gap:12px}
.search-box{max-width:none}
.service-tools>.filter-label{margin-left:auto}
.service-group{padding:0 19px}
.service strong{font-size:12px}
.service-state{font-size:11px;min-width:75px}
.service summary{gap:9px;flex-wrap:wrap}
.service-latency{font-size:11px}
.service-chevron .icon{width:11px}
.history-columns{grid-template-columns:1fr;gap:0}
.status-section{margin-bottom:32px}
.availability-row span,.availability-row strong{font-size:13px}
.event h3{font-size:14px}
.event p,.event small{font-size:12px}
.event-meta{font-size:11px}
.runtime-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.api-links{flex-wrap:wrap;gap:18px}
.technical-section details{padding:22px}
.technical-section summary h2{font-size:22px}
#sample-note{font-size:12px}
.availability-panel>p:first-child{font-size:13px}
.technical-intro{font-size:13px}
.history-columns .panel{padding:21px}
}
@media(max-width:390px){.status-shell{padding-inline:17px}
.status-heading h1{font-size:31px}
.summary{padding:20px;gap:13px}
.summary h2{font-size:21px}
.summary-icon{width:34px;height:34px}
.service summary{gap:7px}
.service strong{flex-basis:calc(100% - 110px)}
.service-latency{margin-left:13px}
.service-state{margin-left:auto}
.service-chevron{width:12px}
.platform-facts>div{padding:15px 10px}
.platform-facts strong{font-size:18px}
}