:root{
	--bg: #f6f7fb;
	--card: transparent;
	--muted: #6b7280;
	--accent: #2563eb;
	--success: #10b981;
	--danger: #ef4444;
	--radius: 0;
	--max-width: 980px;
}

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

.mc-info{
	max-width: var(--max-width);
	margin: 36px auto;
	padding: 20px;
	font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	color: #111827;



    flex: 1 0 auto; /* footer stuff */
}

.site-footer {
    margin-top: auto;
}

.search-panel{
	padding: 0;
	margin-bottom: 18px;
	background: none;
	border-radius: 0;
	box-shadow: none;
}

.search-panel form{ display:block }
.edition-switch{ margin-bottom:8px; display:flex; gap:12px; align-items:center }
.edition-switch label{ font-size:14px; color:var(--muted); cursor:pointer }
.edition-switch input{ margin-right:6px }

.search-row{ display:flex; gap:10px; align-items:center }
.search-row input[type="text"]{
	flex:1 1 auto;
	padding:12px 14px;
	border-radius:4px;
	background:#fff;
	outline:none;
	border:1px solid #ddd;
	transition:box-shadow .12s ease;
}
.search-row input[type="text"]:focus{
	box-shadow:0 4px 12px rgba(37,99,235,0.08);
}

.search-row button.primary{
	padding:11px 16px;
	border-radius:4px;
	background:var(--accent);
	color:white;
	cursor:pointer;
	font-weight:600;
	border:none;
}
.search-row button.primary:hover{ background:#1e40af }

.server-summary{
	padding:0;
	background:none;
	border-radius:0;
	box-shadow:none;
}

.summary-header{ display:flex; justify-content:space-between; gap:20px; align-items:center }
.summary-left{ flex:1 1 auto }
.summary-title{ margin:0; font-size:22px; display:flex; align-items:baseline; gap:10px }
.summary-title .edition{ font-size:12px; color:var(--muted); font-weight:600 }

.server-meta{ margin-top:8px; display:flex; gap:14px; flex-wrap:wrap }
.server-meta .meta-item{ color:var(--muted); font-size:13px }
.server-meta .meta-item strong{ color:inherit; font-weight:700; margin-left:6px }

.summary-right{ display:flex; align-items:center; gap:14px }
.server-icon img{
	width:64px; height:64px;
	border-radius:4px;
	object-fit:cover;
}

.server-badge{ padding:8px 12px; border-radius:999px; font-weight:700; color:#fff; font-size:13px; text-transform:uppercase }
.server-badge.online{ background:var(--success) }
.server-badge.offline{ background:var(--danger) }

dl{ margin-top:16px; display:block }
dt{ font-weight:700; color:#0f172a; margin-top:12px }
dd{ margin:6px 0 12px 0; color:#111827 }
dd pre{
	background:#fbfcfe;
	padding:12px;
	border-radius:4px;
	border:1px solid #eee;
	overflow:auto;
}

dd ul{ margin:8px 0 0 18px; color:var(--muted) }

.server-error{
	background:none;
	color:var(--danger);
	padding:0;
	border-radius:0;
	box-shadow:none;
}

@media (max-width:700px){
	.summary-header{ flex-direction:column; align-items:stretch }
	.summary-right{ justify-content:space-between }
	.search-row{ flex-direction:column }
	.search-row button.primary{ width:100% }
}

.muted{ color:var(--muted) }

.search-row input[type="text"]:focus,
.search-row button.primary:focus{
	box-shadow:0 6px 18px rgba(37,99,235,0.12);
}

@media (max-width:480px){
	.summary-title{ font-size:18px }
}
.collapsible-header {
	cursor: pointer;
	user-select: none;
	display: flex;
	align-items: center;
	gap: 6px;
}

.collapsible-header .arrow {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #6b7280;
	transition: transform .25s ease;
}

.collapsible-header.open .arrow {
	transform: rotate(180deg);
}

.collapsible-body {
	max-height: 0;
	overflow: hidden;
	transition: max-height .25s ease;
}

.collapsible-body.open {
	max-height: 500px;
}