/* ========================================================================== FaxUp - main stylesheet Themes (public/themes/*.css) load after this file. The quickest way to restyle the site is to override the tokens in :root below. Every element ID used in the views (#text12, #form05, #table04, ...) is still styled here, so themes that target IDs keep working. ========================================================================== *//* Reset ========================================================================== */html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strong,sub,sup,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}input,select,textarea,button{font:inherit;color:inherit;}input[type="text"],input[type="email"],input[type="password"],select,textarea{appearance:none;}*, *::before, *::after {	box-sizing: border-box;}/* Tokens ========================================================================== */:root {	--site-language-direction: ltr;	--site-language-alignment: left;	--viewport-height: 100vh;	--background-height: 100vh;	/* Typography */	--font: system-ui, -apple-system, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;	--font-mono: ui-monospace, "Cascadia Code", "SF Mono", Menlo, Consolas, monospace;	--fs-xs: 0.75rem;	--fs-sm: 0.875rem;	--fs-base: 0.9375rem;	--fs-md: 1.0625rem;	--fs-lg: 1.375rem;	/* Colour */	--bg: #151925;	--text: #e8ebf2;	--text-muted: #8b93a7;	--surface: rgba(24, 29, 43, 0.72);	--surface-solid: #1b2030;	--surface-2: rgba(255, 255, 255, 0.05);	--surface-hover: rgba(255, 255, 255, 0.08);	--border: rgba(255, 255, 255, 0.09);	--border-strong: rgba(255, 255, 255, 0.18);	--accent: #19a7ff;	--accent-hover: #0b8fe0;	--accent-contrast: #ffffff;	--success: #2fd27a;	--warning: #ff9f1a;	--danger: #f0474a;	/* Shape */	--radius: 12px;	--radius-sm: 8px;	--radius-pill: 999px;	--shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 8px 24px rgba(0, 0, 0, 0.22);	--blur: 10px;	--transition: 0.2s ease;	/* Uptime bar colours (home page) */	--avgNone: #b3bac5;	--avg0: #fb3506;	--avgOver1: #e64922;	--avgOver15: #e67d22;	--avgOver30: #c7db57;	--avgOver50: #8ec708;	--avgOver75: #0add69;	--avg100: #00ff73;}/* Base ========================================================================== */html {	font-size: 16px;	scrollbar-width: thin;	scrollbar-color: var(--border-strong) transparent;}body {	min-width: 320px;	min-height: var(--viewport-height);	font-family: var(--font);	font-size: var(--fs-base);	line-height: 1.5;	color: var(--text);	background-color: var(--bg);	direction: var(--site-language-direction);	word-wrap: break-word;	overflow-x: hidden;	-webkit-text-size-adjust: none;	-webkit-font-smoothing: antialiased;}body::before {	content: '';	display: block;	position: fixed;	inset: 0;	width: 100vw;	height: var(--background-height);	z-index: 0;	pointer-events: none;	background-color: var(--bg);	background-image: url('/assets/bg.jpg');	background-position: center;	background-repeat: repeat;	background-size: cover;}strong, b {	font-weight: 600;}em, i {	font-style: italic;}u {	text-decoration: underline;}s {	text-decoration: line-through;}a {	color: inherit;	text-decoration: underline;	transition: color var(--transition), background-color var(--transition), border-color var(--transition);}code {	font-family: var(--font-mono);	font-size: 0.875em;	margin: 0 0.15em;	padding: 0.15em 0.4em;	background-color: var(--surface-2);	border: 1px solid var(--border);	border-radius: 6px;}mark {	background-color: rgba(255, 214, 0, 0.25);	color: inherit;}p br + br {	display: block;	content: '';	margin-top: 0.75rem;}:focus-visible {	outline: 2px solid var(--accent);	outline-offset: 2px;}::-webkit-scrollbar {	width: 10px;	height: 10px;}::-webkit-scrollbar-track,::-webkit-scrollbar-corner {	background: transparent;}::-webkit-scrollbar-thumb {	background: var(--border);	border-radius: var(--radius-pill);}::-webkit-scrollbar-thumb:hover {	background: var(--border-strong);}/* Layout ========================================================================== */#wrapper {	display: flex;	flex-direction: column;	align-items: center;	min-height: var(--viewport-height);	position: relative;	z-index: 2;	overflow-x: clip;}#main {	display: flex;	position: relative;	width: 100%;	justify-content: center;	z-index: 1;}#main > .inner {	position: relative;	width: 52rem;	max-width: 100%;	padding: 2.5rem 2rem 3rem;}#main > .inner > * + *,#main section > * + * {	margin-top: 1.25rem;}#header {	margin-bottom: 0.5rem;}/* Two-column containers (header, history title, settings page) */.container > .wrapper,.container > .wrapper > .inner {	position: relative;	max-width: 100%;}#container01 > .wrapper > .inner {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: space-between;	gap: 1rem;}#container02 > .wrapper > .inner > div:empty {	display: none;}#container04 > .wrapper > .inner {	display: grid;	grid-template-columns: repeat(2, minmax(0, 1fr));	gap: 1.5rem;	align-items: start;}#container04 > .wrapper > .inner > div {	padding: 1.25rem;	background-color: var(--surface);	border: 1px solid var(--border);	border-radius: var(--radius);	box-shadow: var(--shadow);	backdrop-filter: blur(var(--blur));}#container04 > .wrapper > .inner > div > * + * {	margin-top: 1rem;}/* Logo */.image {	position: relative;	display: block;	max-width: 100%;}.image .frame {	display: inline-block;	max-width: 100%;	vertical-align: top;	overflow: hidden;}.image .frame img {	width: 100%;	max-width: 100%;	vertical-align: top;}#image01 .frame {	width: 10rem;}#image02 .frame {	width: 5rem;}/* Text ========================================================================== */h1, h2, h3, h4 {	color: var(--text);	font-weight: 600;	line-height: 1.35;	text-align: left;}h1 { font-size: 1.25rem; }h2 { font-size: 1.125rem; }h3 { font-size: 1rem; }h4 { font-size: var(--fs-base); }/* Headings */#text02, #text10, #text13 {	color: var(--text);	font-family: var(--font);	font-size: var(--fs-lg);	line-height: 1.3;	font-weight: 600;	letter-spacing: -0.01em;}#text02 {	text-align: center;}/* Labels and section titles */#text06, #text09, #text16, #text17, #text18, #text19 {	color: var(--text);	font-family: var(--font);	font-size: var(--fs-md);	line-height: 1.35;	font-weight: 600;}#text09, #text16, #text17, #text18, #text19 {	text-align: center;}#text06 {	margin-bottom: 0.5rem;}#text16 {	font-size: 1.25rem;	letter-spacing: -0.01em;}/* Body copy */#text05, #text07, #text12, #text14 {	color: var(--text);	font-family: var(--font);	font-size: var(--fs-base);	line-height: 1.55;	font-weight: 400;}#text05 {	text-align: center;	color: var(--text-muted);}#text14 {	font-size: var(--fs-sm);	color: var(--text-muted);}#text07 a {	color: var(--accent);	text-decoration: none;}#text07 a:hover {	color: var(--accent-hover);	text-decoration: underline;}#text12 svg {	vertical-align: text-bottom;	height: 1.1em;	width: 1.1em;	fill: var(--text);	margin-right: 0.25rem;	transition: fill var(--transition), transform var(--transition);}#text12 svg.tthelp {	fill: var(--text-muted);	margin-left: 0.25rem;	cursor: help;}#textLegend {	color: var(--text-muted);	font-family: var(--font);	font-size: var(--fs-xs);	line-height: 1.4;}/* Utilities */.text-center {	text-align: center !important;}.muted {	color: var(--text-muted);}.meta {	color: var(--text-muted);	font-size: 0.8125rem;	font-weight: 400;	margin-left: 0.5rem;	white-space: nowrap;}#text07.page-footer {	display: flex;	flex-wrap: wrap;	gap: 0.5rem 1rem;	margin-top: 2rem;	padding-top: 1.25rem;	border-top: 1px solid var(--border);	font-size: var(--fs-sm);	color: var(--text-muted);}.page-footer > :last-child {	margin-left: auto;}/* Auto-refresh switch (home page footer) */.refresh-toggle {	display: inline-flex;	align-items: center;	gap: 0.5rem;	color: var(--text-muted);	cursor: pointer;	user-select: none;}.refresh-toggle[hidden] {	display: none;}.refresh-toggle input {	position: absolute;	opacity: 0;	width: 1px;	height: 1px;	pointer-events: none;}.refresh-toggle-track {	position: relative;	flex-shrink: 0;	width: 2rem;	height: 1.15rem;	background-color: var(--surface-2);	border: 1px solid var(--border-strong);	border-radius: var(--radius-pill);	transition: background-color var(--transition), border-color var(--transition), box-shadow var(--transition);}.refresh-toggle-track::after {	content: '';	position: absolute;	top: 50%;	left: 0.12rem;	width: 0.8rem;	height: 0.8rem;	margin-top: -0.4rem;	background-color: var(--text-muted);	border-radius: 50%;	transition: transform var(--transition), background-color var(--transition);}.refresh-toggle input:checked + .refresh-toggle-track {	background-color: var(--accent);	border-color: var(--accent);}.refresh-toggle input:checked + .refresh-toggle-track::after {	transform: translateX(0.85rem);	background-color: #ffffff;}.refresh-toggle input:focus-visible + .refresh-toggle-track {	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);}#autoRefreshCountdown {	font-variant-numeric: tabular-nums;}hr, #divider04 {	width: 100%;	height: 0;	border: 0;	border-top: 1px solid var(--border);}#main section > #divider04 {	margin: 2rem 0;}/* Navigation ========================================================================== */.buttons li a {	display: inline-flex;	align-items: center;	justify-content: center;	max-width: 100%;	text-decoration: none;	white-space: nowrap;	font-family: var(--font);	transition: color var(--transition), background-color var(--transition), border-color var(--transition), box-shadow var(--transition);}/* Header links (large / small header) */#buttons03 {	display: flex;	flex-wrap: wrap;	justify-content: flex-end;	gap: 0.5rem;}#buttons03 li a,.thinNavBar a {	padding: 0.5rem 1rem;	font-size: var(--fs-sm);	font-weight: 500;	color: var(--text);	background-color: var(--surface-2);	border: 1px solid var(--border);	border-radius: var(--radius-pill);	text-decoration: none;	backdrop-filter: blur(var(--blur));}#buttons03 li a:hover,.thinNavBar a:hover {	background-color: var(--accent);	border-color: var(--accent);	color: var(--accent-contrast);}/* Thin header */.thinNavBar {	display: flex;	flex-wrap: wrap;	align-items: center;	justify-content: space-between;	gap: 1rem;	padding: 0.5rem 0;}.thinNavBar > :nth-child(2) {	display: flex;	flex-wrap: wrap;	justify-content: flex-end;	gap: 0.5rem;}/* Staff navigation */#buttons05 {	position: sticky;	top: 0.75rem;	z-index: 10;	display: flex;	gap: 0.25rem;	width: fit-content;	max-width: 100%;	margin-left: auto;	margin-right: auto;	padding: 0.3rem;	overflow-x: auto;	scrollbar-width: none;	background-color: var(--surface);	border: 1px solid var(--border);	border-radius: var(--radius-pill);	box-shadow: var(--shadow);	backdrop-filter: blur(var(--blur));}#buttons05::-webkit-scrollbar {	display: none;}#buttons05 li {	flex-shrink: 0;}#buttons05 li a {	padding: 0.45rem 0.95rem;	font-size: var(--fs-sm);	font-weight: 500;	color: var(--text-muted);	border-radius: var(--radius-pill);}#buttons05 li a:hover {	color: var(--text);	background-color: var(--surface-hover);}#buttons05 li a[aria-current="page"] {	color: var(--accent-contrast);	background-color: var(--accent);}/* Staff quick actions */#buttons04 {	display: flex;	flex-wrap: wrap;	justify-content: center;	gap: 0.5rem;}#buttons04 li a {	padding: 0.55rem 1.1rem;	font-size: var(--fs-sm);	font-weight: 600;	color: var(--text);	background-color: var(--surface-2);	border: 1px solid var(--border-strong);	border-radius: var(--radius-sm);}#buttons04 li a:hover {	background-color: var(--surface-hover);}#buttons04 li:first-child a {	color: var(--accent-contrast);	background-color: var(--accent);	border-color: var(--accent);}#buttons04 li:first-child a:hover {	background-color: var(--accent-hover);	border-color: var(--accent-hover);}/* Status banner ========================================================================== */#buttons01:empty {	display: none;}#buttons01 li a {	--banner-color: var(--success);	display: flex;	justify-content: flex-start;	gap: 0.75rem;	width: 100%;	padding: 1rem 1.25rem;	font-size: var(--fs-md);	font-weight: 600;	color: var(--text);	white-space: normal;	background-color: color-mix(in srgb, var(--banner-color) 14%, var(--surface));	border: 1px solid color-mix(in srgb, var(--banner-color) 45%, transparent);	border-radius: var(--radius);	box-shadow: var(--shadow);	backdrop-filter: blur(var(--blur));	direction: var(--site-language-direction);}#buttons01 li a::before {	content: '';	flex-shrink: 0;	width: 0.65rem;	height: 0.65rem;	border-radius: 50%;	background-color: var(--banner-color);	--pulse-color: var(--banner-color);	--pulse-size: 8px;	animation: status-pulse 2.4s ease-out infinite;}#buttons01 .n02 {	--banner-color: var(--warning);}#buttons01 .n03 {	--banner-color: var(--danger);}/* Cards: service groups and incidents ========================================================================== */.uptimeCont {	display: flex;	flex-direction: column;	gap: 0.75rem;	margin-bottom: 2rem;}.uptimeContInner,.incident {	width: 100%;	padding: 1.1rem 1.25rem;	background-color: var(--surface);	border: 1px solid var(--border);	border-radius: var(--radius);	box-shadow: var(--shadow);	backdrop-filter: blur(var(--blur));}.incident {	border-left: 3px solid var(--incident-color, var(--border-strong));}.incident + .incident {	margin-top: 0.75rem;}/* Service rows */.service-row {	display: flex;	align-items: center;	gap: 0.25rem;	padding-bottom: 0.4rem;	font-weight: 500;}.uptimeTitleNoHist {	padding-bottom: 0.75rem;}.uptimeTitleNoHist:last-child {	padding-bottom: 0;}.status-pill {	--pill-color: var(--success);	display: inline-flex;	align-items: center;	gap: 0.4rem;	margin-left: auto;	padding: 0.15rem 0.6rem;	font-size: var(--fs-xs);	font-weight: 600;	line-height: 1.5;	white-space: nowrap;	color: var(--pill-color);	background-color: color-mix(in srgb, var(--pill-color) 14%, transparent);	border-radius: var(--radius-pill);}.status-pill::before {	content: '';	width: 0.45rem;	height: 0.45rem;	border-radius: 50%;	background-color: currentColor;	--pulse-color: var(--pill-color);	--pulse-size: 5px;	animation: status-pulse 2.4s ease-out infinite;}.status-pill.is-down {	--pill-color: var(--danger);}/* Soft expanding ring so live status dots read as live, not static */@keyframes status-pulse {	0% {		box-shadow: 0 0 0 0 color-mix(in srgb, var(--pulse-color) 55%, transparent);	}	70%, 100% {		box-shadow: 0 0 0 var(--pulse-size) color-mix(in srgb, var(--pulse-color) 0%, transparent);	}}/* Category toggle */.uptimeTitle {	display: flex;	align-items: center;	margin: -0.4rem -0.6rem;	padding: 0.4rem 0.6rem;	font-weight: 600;	border-radius: var(--radius-sm);	cursor: pointer;	user-select: none;	transition: background-color var(--transition);}.uptimeTitle:hover {	background-color: var(--surface-hover);}.uptimeCategory {	margin-top: 1rem;	padding-top: 1rem;	border-top: 1px solid var(--border);}/* Uptime bars */.uptimeWrapper svg {	display: block;	width: 100%;	height: 34px;	overflow: hidden;}.uptimeWrapper svg rect {	rx: 1.5px;	transition: filter var(--transition), opacity var(--transition);}.uptimeWrapper svg rect:hover {	filter: brightness(1.35);	cursor: pointer;}.uptimeLegend {	display: flex;	justify-content: space-between;	align-items: center;	margin: 0.35rem 0 1rem;}.uptimeLegend:last-child {	margin-bottom: 0;}.legendSpacer {	flex: 1;	height: 1px;	margin: 0 1rem;	background-color: var(--border);}.avgNone {fill: var(--avgNone);}.avg0 {fill: var(--avg0);}.avg1 {fill: var(--avgOver1);}.avg15 {fill: var(--avgOver15);}.avg30 {fill: var(--avgOver30);}.avg50 {fill: var(--avgOver50);}.avg75 {fill: var(--avgOver75);}.avg100 {fill: var(--avg100);}/* Incident updates timeline */.daBorder {	margin: 0.9rem 0 0 0.25rem;	padding: 0.15rem 0 0.15rem 1rem;	border-left: 2px solid var(--border-strong);}#text12.incident-affected {	padding-top: 0.9rem;	font-size: var(--fs-sm);	color: var(--text-muted);}/* Tooltips ========================================================================== *//* Help tips sit above their row (left is set by tooltipon in main.js) and ignore the pointer, so they can never cover the icon and flicker. */.service-row,.uptimeTitle {	position: relative;}.tooltiptext {	visibility: hidden;	position: absolute;	z-index: 3;	bottom: calc(100% + 6px);	left: 0;	width: max-content;	max-width: 18rem;	padding: 0.4rem 0.65rem;	pointer-events: none;	font-size: 0.8125rem;	font-weight: 400;	color: var(--text);	text-align: center;	background-color: var(--surface-solid);	border: 1px solid var(--border);	border-radius: var(--radius-sm);	box-shadow: var(--shadow);}#serviceTooltip-box {	position: absolute;	z-index: 20;	width: 16rem;	padding: 0.9rem 1rem;	background-color: var(--surface-solid);	border: 1px solid var(--border);	border-radius: var(--radius);	box-shadow: var(--shadow);}#serviceTooltip-date {	font-family: var(--font);	font-size: 1rem;	font-weight: 600;	color: var(--text);}#serviceTooltip-content {	margin-top: 0.4rem;	font-family: var(--font);	font-size: var(--fs-sm);	line-height: 1.6;	color: var(--text);}#serviceTooltip-content a {	text-decoration: none;}#serviceTooltip-content a:hover {	text-decoration: underline;}/* Forms ========================================================================== */form .inner {	display: flex;	flex-direction: column;	gap: 0.85rem;	width: 25rem;	max-width: 100%;	margin: 0 auto;}/* Inline (single field + button) forms on the settings page */#form04 .inner,#form08 .inner {	flex-direction: row;	align-items: center;	gap: 0.5rem;	width: 100%;}#form04 .inner .field,#form08 .inner .field {	flex: 1 1 auto;}#form04 .inner .actions,#form08 .inner .actions {	flex: 0 0 auto;}#form07 .inner {	width: 100%;}form label {	display: block;	direction: var(--site-language-direction);}.convertPara.formLabel {	margin-bottom: 0.35rem;	color: var(--text-muted);	font-size: var(--fs-sm);	font-weight: 500;}form input[type="text"],form input[type="email"],form input[type="password"],form input[type="number"],form textarea,form select {	display: block;	width: 100%;	height: 2.5rem;	padding: 0 0.85rem;	font-family: var(--font);	font-size: var(--fs-sm);	color: var(--text);	text-align: var(--site-language-alignment);	direction: var(--site-language-direction);	background-color: var(--surface-2);	border: 1px solid var(--border-strong);	border-radius: var(--radius-sm);	outline: 0;	transition: border-color var(--transition), box-shadow var(--transition), background-color var(--transition);}form textarea {	height: 8rem;	padding: 0.6rem 0.85rem;	line-height: 1.5;	resize: vertical;}form input:hover,form textarea:hover,form select:hover {	border-color: rgba(255, 255, 255, 0.28);}form input:focus,form textarea:focus,form select:focus {	border-color: var(--accent);	background-color: rgba(255, 255, 255, 0.07);	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent);}form input:disabled {	opacity: 0.6;	cursor: not-allowed;}form ::placeholder {	color: var(--text-muted);	opacity: 1;}form select {	padding-right: 2.25rem;	text-overflow: ellipsis;	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='rgba(255,255,255,0.55)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");	background-position: calc(100% - 0.75rem) center;	background-repeat: no-repeat;	background-size: 1rem;	cursor: pointer;}form select option {	background-color: var(--surface-solid);	color: var(--text);}/* Checkboxes */.checkbox {	display: inline-block;}.checkbox-grid {	display: grid;	grid-template-columns: repeat(2, minmax(0, 1fr));	gap: 0.6rem 1rem;}form input[type="checkbox"] {	position: absolute;	opacity: 0;	width: 1px;	height: 1px;	pointer-events: none;}form input[type="checkbox"] + label {	display: inline-flex;	align-items: center;	gap: 0.6rem;	font-size: var(--fs-sm);	line-height: 1.5;	color: var(--text);	text-align: left;	cursor: pointer;}form input[type="checkbox"] + label::before {	content: '';	flex-shrink: 0;	width: 1.15rem;	height: 1.15rem;	background-color: var(--surface-2);	background-position: center;	background-repeat: no-repeat;	background-size: 0.7rem;	border: 1px solid var(--border-strong);	border-radius: 5px;	transition: background-color var(--transition), border-color var(--transition), box-shadow var(--transition);}form input[type="checkbox"]:checked + label::before {	background-color: var(--accent);	border-color: var(--accent);	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");}form input[type="checkbox"]:focus-visible + label::before {	box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);}/* Submit buttons */form .actions button {	position: relative;	width: 100%;	height: 2.5rem;	padding: 0 1.25rem;	font-family: var(--font);	font-size: var(--fs-sm);	font-weight: 600;	color: var(--accent-contrast);	background-color: var(--accent);	border: 0;	border-radius: var(--radius-sm);	cursor: pointer;	direction: var(--site-language-direction);	transition: background-color var(--transition), transform var(--transition), box-shadow var(--transition);}form .actions button:hover {	background-color: var(--accent-hover);}form .actions button:active {	transform: translateY(1px);}#form04 .actions button,#form08 .actions button {	width: auto;}/* Tables ========================================================================== */.table-wrapper {	max-width: 100%;	overflow-x: auto;	background-color: var(--surface);	border: 1px solid var(--border);	border-radius: var(--radius);	box-shadow: var(--shadow);	backdrop-filter: blur(var(--blur));	-webkit-overflow-scrolling: touch;}.table-inner {	display: block;	width: 100%;}#table02, #table03, #table04, #table05, #table06, #table07 {	color: var(--text);	font-family: var(--font);	font-size: var(--fs-sm);	line-height: 1.45;}table {	width: 100%;	direction: var(--site-language-direction);	text-align: var(--site-language-alignment);}.table-wrapper th {	padding: 0.65rem 1rem;	font-size: var(--fs-xs);	font-weight: 600;	letter-spacing: 0.04em;	text-transform: uppercase;	text-align: var(--site-language-alignment);	color: var(--text-muted);	white-space: nowrap;	background-color: var(--surface-2);	border-bottom: 1px solid var(--border);}.table-wrapper td {	padding: 0.7rem 1rem;	vertical-align: middle;}.table-wrapper tbody tr + tr {	border-top: 1px solid var(--border);}.table-wrapper tbody tr:nth-child(even) {	background-color: rgba(255, 255, 255, 0.02);}.table-wrapper tbody tr:hover {	background-color: var(--surface-hover);}.table-wrapper a {	color: var(--accent);	text-decoration: none;}/* Last column of every staff table holds the row actions */.table-wrapper th:last-child,.table-wrapper td:last-child {	text-align: right;	white-space: nowrap;}.table-wrapper td:last-child a {	display: inline-block;	padding: 0.2rem 0.65rem;	font-size: 0.8125rem;	font-weight: 500;	color: var(--accent);	background-color: color-mix(in srgb, var(--accent) 14%, transparent);	border-radius: var(--radius-pill);}.table-wrapper td:last-child a + a {	margin-left: 0.35rem;}.table-wrapper td:last-child a:hover {	color: var(--accent-contrast);	background-color: var(--accent);}.table-wrapper td:last-child a[href*="/delete/"] {	color: var(--danger);	background-color: color-mix(in srgb, var(--danger) 14%, transparent);}.table-wrapper td:last-child a[href*="/delete/"]:hover {	color: #ffffff;	background-color: var(--danger);}/* Markdown (rendered by markdown-it-faxes) ========================================================================== */.convertPara,.convertLink,.convertli,.convertul,.convertol,.convertTable {	color: var(--text);	font-family: var(--font);	font-size: var(--fs-base);	line-height: 1.6;	font-weight: 400;	text-align: left;}.convertPara a,.convertli a,.convertTable a {	color: var(--accent);	text-decoration: none;}.convertPara a:hover,.convertli a:hover,.convertTable a:hover {	text-decoration: underline;}.convertul,.convertol {	margin-left: 1.5rem;}.convertul .convertli {	list-style-type: disc;}.convertol .convertli {	list-style-type: decimal;}.convertli {	list-style-type: disc;}.convertHr {	width: 100%;	height: 0;	margin: 0.75rem 0;	border: 0;	border-top: 1px solid var(--border);}.convertQuote {	padding-left: 0.9rem;	border-left: 3px solid var(--border-strong);	color: var(--text-muted);}.convertTable {	width: 100%;	margin: 0.5rem 0;}.convertTable thead {	background-color: var(--surface-2);}.convertTable th,.convertTable td {	padding: 0.5rem 0.75rem;	border: 1px solid var(--border);}.convertImage {	max-width: 100%;	width: 30rem;	border-radius: var(--radius-sm);}pre code {	padding: 0;	margin: 0;	font-size: inherit;	color: inherit;	white-space: pre-wrap;	background-color: transparent;	border: 0;	border-radius: 0;}/* Code highlighting (highlight.js) */.hljs {	display: block;	margin: 0.5rem 0;	padding: 0.85rem 1rem;	font-family: var(--font-mono);	font-size: 0.8125rem;	line-height: 1.55;	color: #c9d1e3;	word-break: break-all;	word-wrap: break-word;	background-color: rgba(10, 13, 20, 0.6);	border: 1px solid var(--border);	border-radius: var(--radius-sm);}.hljs-comment, .hljs-quote { color: #6b7394; font-style: italic; }.hljs-keyword, .hljs-selector-tag { color: #bb9af7; font-weight: 600; }.hljs-subst { color: #c9d1e3; }.hljs-number, .hljs-literal, .hljs-variable, .hljs-template-variable, .hljs-tag .hljs-attr { color: #ff9e64; }.hljs-string, .hljs-doctag { color: #9ece6a; }.hljs-title, .hljs-section, .hljs-selector-id { color: #f7768e; font-weight: 600; }.hljs-type, .hljs-class .hljs-title { color: #e0af68; font-weight: 600; }.hljs-tag, .hljs-name, .hljs-attribute { color: #7aa2f7; }.hljs-regexp, .hljs-link { color: #73daca; }.hljs-symbol, .hljs-bullet { color: #ff007c; }.hljs-built_in, .hljs-builtin-name { color: #7dcfff; }.hljs-meta { color: #c678dd; font-weight: 600; }.hljs-deletion { background: rgba(240, 71, 74, 0.2); }.hljs-addition { background: rgba(47, 210, 122, 0.2); }.hljs-emphasis { font-style: italic; }.hljs-strong { font-weight: 600; }/* Responsive ========================================================================== */@media (max-width: 736px) {	html {		font-size: 15px;	}	#main > .inner {		padding: 1.75rem 1rem 2.5rem;	}	#container01 > .wrapper > .inner,	.thinNavBar {		flex-direction: column;		justify-content: center;		text-align: center;	}	#buttons03,	.thinNavBar > :nth-child(2) {		justify-content: center;	}	#text13 {		text-align: center;	}	#container04 > .wrapper > .inner {		grid-template-columns: minmax(0, 1fr);	}	#buttons05 {		top: 0.5rem;	}}@media (max-width: 480px) {	.uptimeContInner,	.incident {		padding: 1rem;	}	#buttons01 li a {		padding: 0.85rem 1rem;		font-size: var(--fs-base);	}	#serviceTooltip-box {		width: 12rem;	}	.checkbox-grid {		grid-template-columns: minmax(0, 1fr);	}	.page-footer > :last-child {		margin-left: 0;	}}@media (prefers-reduced-motion: reduce) {	*, *::before, *::after {		transition: none !important;		animation: none !important;	}}