main {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--mm-space-3); max-width: 1440px; margin: var(--mm-topnav-height) auto 0;
  padding: var(--mm-space-4) 3rem 0;
}
.intro { grid-column: 1 / -1; }
.intro h1 { margin: 0 0 0.75rem; }
.platforms { display: flex; gap: 0.5rem; margin-top: 1rem; flex-wrap: wrap; }
.platforms span { color: var(--mm-text-secondary); border: 1px solid var(--mm-border); background: var(--mm-bg-secondary); border-radius: var(--mm-radius-pill); padding: 0.2rem 0.75rem; font-size: 0.75rem; }
.update-card, .guide, .help, .input-check, .logs {
  background: var(--mm-bg-secondary); border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius-card); overflow: hidden; min-width: 0;
}
.card-heading, .log-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.card-heading, .guide > h2, .help > h2, .input-check > .log-heading, .logs > .log-heading {
  background: var(--mm-bg-tertiary); border-bottom: 1px solid var(--mm-border);
  padding: 0.85rem 1.5rem; margin: 0;
}
.card-heading h2, .guide > h2, .help > h2, .log-heading h2 { font-size: 0.95rem; font-weight: 600; letter-spacing: 0.01em; margin: 0; }
.update-body { padding: var(--mm-space-4); }
.release { display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.small-label { display: block; color: var(--mm-text-tertiary); font-size: 0.8rem; }
.release strong { font-family: var(--mm-font-mono); font-size: 1.4rem; font-weight: 500; overflow-wrap: anywhere; }
.release-size { font-family: var(--mm-font-mono); font-size: 0.8rem; color: var(--mm-text-tertiary); white-space: nowrap; }
.release-notes { font-size: 0.867rem; color: var(--mm-text-secondary); line-height: 1.8; margin: 0.75rem 0; }
.fingerprint { color: var(--mm-text-tertiary); font-size: 0.8rem; }
.fingerprint summary { padding: 0.35rem 0; }
.hash { word-break: break-all; font-family: var(--mm-font-mono); }
dl { margin: 0.75rem 0; }
dt { font-weight: 500; margin-top: 0.5rem; }
dd { margin: 0; }
.steps { display: flex; justify-content: space-between; gap: 0.5rem; margin-top: 1.5rem; padding-top: 1.25rem; border-top: 1px solid var(--mm-border); }
.step { color: var(--mm-text-tertiary); display: flex; align-items: center; gap: 0.5rem; font-size: 0.867rem; }
.step span { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid var(--mm-border); border-radius: 50%; font-size: 0.75rem; }
.step.active { color: var(--mm-accent); }
.step.active span { background: rgb(59 191 186 / 12%); border-color: var(--mm-accent); }
.status-box { margin-top: 1.5rem; background: rgb(59 191 186 / 10%); border: 1px solid rgb(59 191 186 / 30%); border-radius: var(--mm-radius-control); padding: 1rem; }
.status-title { display: block; font-size: 0.9rem; font-weight: 600; color: var(--mm-accent); }
.status-title::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: currentColor; vertical-align: middle; }
.status-box p { color: var(--mm-text-secondary); font-size: 0.8rem; line-height: 1.8; margin: 0.5rem 0 0; }
.status-box.error { background: rgb(232 93 93 / 12%); border-color: rgb(232 93 93 / 30%); }
.status-box.error .status-title { color: var(--mm-danger); }
.status-box.success { background: rgb(164 246 115 / 10%); border-color: rgb(164 246 115 / 30%); }
.status-box.success .status-title { color: var(--mm-success); }
.actions { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem; }
.actions .primary { flex: 1; }
.action-note, .browser-note { color: var(--mm-text-tertiary); font-size: 0.75rem; line-height: 1.8; margin: 0.75rem 0 0; }
#progress-wrap { margin-top: 1rem; }
#progress-label { font-size: 0.8rem; color: var(--mm-text-secondary); }
progress { display: block; width: 100%; height: 8px; margin-top: 0.5rem; appearance: none; }
progress::-webkit-progress-bar { background: var(--mm-bg-tertiary); border-radius: 4px; }
progress::-webkit-progress-value { background: var(--mm-accent); border-radius: 4px; }
progress::-moz-progress-bar { background: var(--mm-accent); border-radius: 4px; }
.guide-grid { display: grid; gap: 1.5rem; padding: var(--mm-space-4); }
.guide-number { font-family: var(--mm-font-mono); font-size: 0.75rem; color: var(--mm-accent); }
.guide h3 { font-size: 0.95rem; margin: 0.25rem 0 0.5rem; }
.guide-grid p { font-size: 0.867rem; color: var(--mm-text-secondary); line-height: 1.8; margin: 0; }
.guide strong { font-weight: 600; color: var(--mm-text-primary); }
.help, .logs, .input-check { grid-column: 1 / -1; }
.help details { border-top: 1px solid var(--mm-border); padding: 0 1.5rem; }
.help details:first-of-type { border-top: 0; }
summary { cursor: pointer; font-size: 0.867rem; padding: 1rem 0; }
.help details p { color: var(--mm-text-secondary); font-size: 0.867rem; line-height: 1.9; max-width: 1100px; }
.input-check > p { padding: 1.25rem 1.5rem; margin: 0; color: var(--mm-text-secondary); font-size: 0.867rem; }
pre { margin: 0; min-height: 100px; max-height: 260px; overflow: auto; padding: 1.25rem 1.5rem; background: var(--mm-surface-dark); color: var(--mm-text-secondary); font-size: 0.75rem; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
footer { grid-column: 1 / -1; }
@media (max-width: 900px) {
  main { grid-template-columns: minmax(0, 1fr); padding: 1.5rem 1rem 0; }
  .update-body, .guide-grid { padding: 1.5rem; }
  .guide-grid br { display: none; }
}
@media (max-width: 430px) {
  .release { align-items: start; flex-direction: column; gap: 0.25rem; }
  .input-check .log-heading { flex-wrap: wrap; gap: 0.5rem; }
  .steps { gap: 0.25rem; }
  .step { gap: 0.3rem; font-size: 0.8rem; }
}