:root { color-scheme: light dark; font-family: ui-monospace, monospace; line-height: 1.5; }
body { max-width: 76rem; margin: 0 auto; padding: 1.5rem; }
header { border-bottom: 4px solid; }
h1 { text-transform: uppercase; font-size: clamp(1.4rem, 4vw, 2.2rem); margin-top: 2rem; }
h2 { font-size: 1.3rem; margin-top: 1.75rem; margin-bottom: .4rem; }
h3 { font-size: 1.2rem; margin-top: 1.5rem; }
p { margin: .75rem 0; }
a { color: inherit; text-underline-offset: .2em; overflow-wrap: anywhere; }
section, form { margin: 1.5rem 0; }
article { border-top: 1px solid; padding: 1rem 0; overflow-wrap: anywhere; }
ul { padding-left: 1.5rem; }
.providers, .urls { list-style: none; padding: 0; }
.providers li { margin-bottom: .5rem; }
small { display: block; opacity: .75; overflow-wrap: anywhere; }
.unavailable, .warnings { color: light-dark(#963213, #ffb49b); }
.metadata, details { opacity: .8; }
.vm-access { margin: .4rem 0; font-size: .9rem; overflow-wrap: anywhere; }
.description { white-space: pre-wrap; }
.search { display: flex; gap: .75rem; align-items: center; margin-top: .5rem; }
input, button { font: inherit; padding: .5rem; border: 1px solid; border-radius: 0; background: transparent; color: inherit; }
input { flex: 1; min-width: 0; }
button { cursor: pointer; }
dl { display: grid; grid-template-columns: minmax(6rem, 1fr) 4fr; gap: .25rem 1rem; }
dt { font-weight: bold; }
dd { margin: 0; white-space: pre-wrap; }
summary { cursor: pointer; }
.empty { padding: 2rem 0; border-top: 1px solid; }