.maintenance-tool { padding-block: 64px 96px; }
.maintenance-tool h1 { max-width: 20ch; font-size: 3rem; line-height: 1.05; letter-spacing: -.03em; font-weight: 400; margin-block: 24px; text-wrap: balance; overflow-wrap: anywhere; }
.maintenance-layout { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; margin-block-start: 48px; align-items: start; }
.maintenance-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.maintenance-fields label { display: grid; align-content: start; gap: 8px; font-size: .9rem; min-width: 0; }
.maintenance-fields input, .maintenance-fields select { min-width: 0; width: 100%; min-height: 48px; padding: 8px 12px; font: inherit; color: var(--ink); background: var(--surface); border: 1px solid var(--hairline-strong); border-radius: 8px; }
.maintenance-fields input[aria-invalid="true"] { border-color: var(--ink); outline: 2px solid var(--ink); outline-offset: 2px; }
.maintenance-hint, .maintenance-error { font-size: .8rem; }
.maintenance-hint { color: var(--ink-dim); }
.maintenance-error { font-weight: 600; }
.maintenance-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-block: 32px 16px; }
.maintenance-actions button, .maintenance-print { min-height: 48px; padding: 8px 24px; border: 1px solid var(--ink); border-radius: 999px; background: var(--ink); color: var(--surface); font: inherit; cursor: pointer; }
.maintenance-actions .secondary, .maintenance-print { background: transparent; color: var(--ink); }
.maintenance-actions button:hover, .maintenance-print:hover { background: var(--surface-fill); color: var(--ink); }
.maintenance-result { background: var(--accent); color: var(--on-accent); padding: 32px; min-width: 0; }
.maintenance-result h2 { font-size: 1.35rem; margin-block: 0 24px; }
.maintenance-result dl { display: grid; gap: 24px; margin: 0; }
.maintenance-result dl > div { padding-block-start: 16px; border-block-start: 1px solid currentColor; }
.maintenance-result dt { font-size: .9rem; }
.maintenance-result dd { font-size: 1.8rem; line-height: 1.2; margin: 8px 0 0; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.maintenance-result small { display: block; margin-block-start: 8px; }
.maintenance-copy { max-width: 70ch; padding-block-end: 96px; text-wrap: pretty; }
.maintenance-copy h2 { margin-block-start: 48px; text-wrap: balance; }
.maintenance-tool [hidden] { display: none !important; }
.maintenance-copy a, .tool-breadcrumb a { text-underline-offset: .2em; }
@media (max-width: 820px) { .maintenance-layout { grid-template-columns: 1fr; gap: 32px; } }
@media (max-width: 600px) { .maintenance-tool { padding-block: 48px 64px; } .maintenance-tool h1 { font-size: 2rem; } .maintenance-fields { grid-template-columns: 1fr; } .maintenance-result { padding: 24px; } }
@media print { .site-head, .site-foot, .maintenance-actions, .maintenance-print, .maintenance-copy, .maintenance-hint, .maintenance-error, .maintenance-storage { display: none !important; } .maintenance-tool { padding: 0; } .maintenance-layout { grid-template-columns: 1fr 1fr; gap: 24px; } .maintenance-result { background: transparent; border: 1px solid currentColor; break-inside: avoid; } }
@media (max-width: 600px) { .maintenance-hint, .maintenance-error, .maintenance-storage { font-size: 14px; } }