:root { color-scheme: light; --ink:#333; --muted:#707070; --faint:#999; --line:#e0e0e0; --brand:#d02525; --action:#194b7d; --success:#4cae50; --warning:#f1c40f; --failure:#e74c3c; --nodata:#e7e8e8; }
* { box-sizing: border-box; }
html { -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-synthesis:none; }
body { margin:0; color:var(--ink); background:#fff; font:16px/1.5 "Atlassian Sans","Helvetica Neue",Helvetica,Arial,sans-serif; }
::selection { color:#fff; background:var(--brand); }
a { color:inherit; text-underline-position:from-font; }
.page-shell { width:min(850px,calc(100% - 40px)); margin-inline:auto; }
.page-shell { min-height:calc(100vh - 86px); padding-block:70px 80px; }
.masthead { display:flex; align-items:center; justify-content:space-between; }
.wordmark { display:inline-flex; align-items:center; text-decoration:none; }
.wordmark img { display:block; width:auto; height:58px; }
.header-action { width:217px; padding:10px 15px 9px; border-radius:4px; color:#fff; background:var(--action); font-size:12px; font-weight:500; letter-spacing:.11em; text-align:center; text-decoration:none; text-transform:uppercase; transition-property:background-color; transition-duration:120ms; }
.header-action:hover { background:#123b64; }
.header-action:active { scale:.96; }
.summary { margin-block-start:69px; padding:12px 20px; border:1px solid rgba(0,0,0,.1); border-radius:4px; color:#fff; background:var(--faint); }
.summary[data-status="success"] { background:var(--success); }
.summary[data-status="partial"] { background:var(--warning); }
.summary[data-status="failure"] { background:var(--failure); }
h1,h2,h3,p { margin:0; }
h1 { margin-block-end:11px; font-size:20px; font-weight:500; line-height:29px; }
.about { margin-block-start:70px; }
.about h2 { font-size:28px; font-weight:500; line-height:1.35; }
.about p { margin-block-start:-1px; color:var(--muted); font-size:16px; }
.section-heading { display:flex; align-items:baseline; justify-content:flex-end; margin-block:90px 8px; }
.section-heading h2 { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.section-heading span { color:var(--muted); font-size:14px; }
.report-container { overflow:hidden; border:1px solid var(--line); border-radius:4px; }
.status-row { padding:17.6px 20px 16px; border-block-end:1px solid var(--line); }
.status-row:last-child { border-block-end:0; }
.status-card-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.status-row h3 { font-size:16px; font-weight:500; line-height:24px; }
.service-state { display:inline-flex; align-items:center; color:var(--muted); background:transparent; font-size:14px; line-height:24px; white-space:nowrap; }
.service-state i { display:none; }
.service-state.success { color:var(--success); }
.service-state.partial { color:var(--warning); }
.service-state.failure { color:var(--failure); }
.service-state.nodata { color:var(--faint); }
.status-stream { display:flex; gap:3px; margin-block-start:1px; }
.status-square { width:100%; height:35px; border-radius:0; outline-offset:3px; transition-property:opacity; transition-duration:120ms; }
.status-square:hover { opacity:.72; }
.status-square.success { background:var(--success); }
.status-square.partial { background:var(--warning); }
.status-square.failure { background:var(--failure); }
.status-square.nodata { background:var(--nodata); }
.uptime-row { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; margin-block-start:3px; color:var(--muted); font-size:14px; font-variant-numeric:tabular-nums; }
.uptime-row span:nth-child(2) { position:relative; padding-inline:13px; text-align:center; }
.uptime-row span:nth-child(2)::before,.uptime-row span:nth-child(2)::after { position:absolute; top:50%; width:72px; height:1px; background:var(--line); content:""; }
.uptime-row span:nth-child(2)::before { inset-inline-end:100%; }
.uptime-row span:nth-child(2)::after { inset-inline-start:100%; }
.uptime-row span:last-child { text-align:end; }
.uptime-row strong { font-weight:400; }
.page-footer { min-height:35px; margin-block:70px; padding-block-start:12px; border-block-start:1px solid var(--line); font-size:14px; line-height:21.35px; }
.page-footer a { color:var(--action); text-decoration:none; }
.page-footer a:hover { text-decoration:underline; }
.page-footer .powered-by { float:inline-end; }
.page-footer .powered-by a { color:#757575; }
.history-shell { padding-block-end:80px; }
.history-tabs { display:flex; align-items:flex-end; gap:8px; margin-block-start:67px; border-block-end:1px solid var(--line); }
.history-tabs a { margin-block-end:-1px; padding:11px 18px 10px; border:1px solid transparent; color:var(--muted); font-size:16px; text-decoration:none; }
.history-tabs a[aria-current="page"] { border-color:var(--line); border-block-end-color:#fff; border-radius:4px 4px 0 0; color:var(--ink); }
.history-pager { display:flex; align-items:center; justify-content:flex-end; gap:16px; margin-block:32px 31px; color:var(--ink); }
.history-pager p { min-width:162px; text-align:center; }
.history-pager button { display:grid; width:34px; height:34px; padding:0; place-items:center; border:1px solid var(--line); border-radius:4px; color:var(--muted); background:#fff; font:28px/1 Arial,sans-serif; }
.history-pager button:disabled { color:#c9cccf; background:#fafafa; }
.history-month { margin-block-end:52px; }
.history-month h2 { margin-block-end:20px; padding-block-end:7px; border-block-end:1px solid var(--line); font-size:28px; font-weight:500; line-height:1.35; }
.history-empty { color:var(--muted); }
.history-incident { margin-block-end:32px; }
.history-incident h3 { font-size:16px; font-weight:500; line-height:24px; }
.history-incident h3 a { color:var(--action); text-decoration:none; }
.history-incident h3 a:hover { text-decoration:underline; }
.history-incident p { margin-block-start:5px; color:var(--muted); font-size:16px; line-height:24px; }
.history-incident time { display:block; margin-block-start:7px; color:var(--faint); font-size:14px; }
.tooltip { position:absolute; z-index:10; width:224px; padding:13px 14px; border:1px solid var(--line); border-radius:7px; background:#fff; box-shadow:0 12px 32px rgba(32,28,24,.1); }
.tooltip[aria-hidden="true"] { display:none; }
.tooltip-date { color:var(--faint); font-size:11px; }
.tooltip-status { display:inline-block; margin-block-start:5px; color:var(--ink); background:transparent; font-size:12px; font-weight:600; }
.tooltip p { margin-block-start:6px; color:var(--muted); font-size:12px; line-height:1.45; }
@media (max-width:600px) { .page-shell{padding-block-start:30px}.wordmark img{height:38px}.header-action{width:auto;padding:8px 10px 7px;font-size:10px}.summary{margin-block-start:42px}.about{margin-block-start:46px}.section-heading{margin-block-start:58px}.status-row{padding-inline:14px}.status-stream{gap:2px}.status-square{height:26px}.uptime-row{font-size:11px}.uptime-row span:nth-child(2)::before,.uptime-row span:nth-child(2)::after{display:none}.page-footer{margin-block:52px}.history-tabs{margin-block-start:42px}.history-tabs a{font-size:14px}.history-pager{justify-content:center;margin-block:28px 34px}.history-pager p{min-width:auto;font-size:14px}.history-month h2{font-size:24px} }