/* The model directory, the endpoint directory and the can-I-run page. Every colour, typeface and radius is a token from the
   top of service.css, so the pages follow the site's light and dark appearance. Bands follow the design standards: 64 pixels
   of padding on a wide screen and 40 on a phone, the content on the header's left edge, no band wider than the window. */
main:has(> .md-page){max-width:none;padding:0}
.md-page{display:block;min-width:0;overflow-wrap:anywhere}
.md-band{padding:64px max(var(--band-gutter),calc((100% - var(--content-max)) / 2));background:var(--ground);border-top:1px solid var(--rule)}
.md-band:first-child{border-top:0}
.md-intro{background:var(--band);border-bottom:1px solid var(--rule)}
.md-intro+.md-band{border-top:0}
.md-quiet{background:var(--band)}
.md-band>h2{margin:0 0 1rem;font-size:var(--text-h2-small);line-height:1.15;letter-spacing:-.02em}
.md-band h3{margin:2rem 0 .75rem;font-size:1.125rem}
.md-intro h1{max-width:24ch;margin:.25rem 0 0;text-wrap:balance}
.md-intro .eyebrow{margin:0}
.md-intro .eyebrow a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.md-intro .lede{max-width:40rem;margin:1.25rem 0 0;color:var(--muted);font-size:var(--text-lead);line-height:1.6}
.md-reading,.md-plain li,.md-dl dd{max-width:40rem;line-height:1.6}
.md-reading{color:var(--muted)}
.md-contents{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:1.5rem 0 0}
.md-contents a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-decoration:none}
.md-contents a:hover{text-decoration:underline}
.md-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.md-actions .button{min-height:48px}
.md-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:1rem;margin:0 0 1rem}
.md-fit-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:end;margin:0 0 1.25rem;padding:1.5rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card)}
.md-field{display:flex;flex-direction:column;gap:.375rem;margin:0;min-width:0;font-size:.9375rem;font-weight:600;color:var(--ink)}
.md-field span{color:var(--ink)}
.md-field input,.md-field select{min-height:48px;width:100%;padding:.5rem .75rem;border:1px solid var(--field-edge);border-radius:var(--radius-field);background:var(--paper);color:var(--ink);font-weight:400}
.md-wide{grid-column:span 2}
.md-kinds{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;border:0}
.md-kinds legend{padding:0 0 .5rem;font-weight:600}
.md-kinds label{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font-weight:500}
.md-kinds input{width:1.25rem;height:1.25rem;accent-color:var(--button)}
.md-submit{justify-content:flex-end}
.md-submit button{min-height:48px;padding:0 1.5rem;border-radius:var(--radius-button)}
.md-count{margin:.5rem 0 1rem;color:var(--muted)}
.md-list{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.md-row{display:grid;grid-template-columns:minmax(14rem,1.2fr) minmax(0,2fr);gap:.25rem 1.5rem;align-items:center;padding:.75rem 1rem;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.md-row-link{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:var(--ink);text-decoration:none}
.md-row-link:hover .md-name{text-decoration:underline}
.md-name{font-weight:650;color:var(--accent)}
.md-maker{color:var(--muted);font-size:.875rem}
.md-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem 1rem;margin:0}
.md-facts div{min-width:0}
.md-facts dt{color:var(--muted);font-size:.8125rem}
.md-facts dd{margin:0;font-family:var(--font-mono);font-size:.875rem;color:var(--ink)}
.md-tags{grid-column:1/-1;margin:0;color:var(--muted);font-size:.875rem}
.md-more{margin:1rem 0 0}
.md-more button{min-height:44px}
.md-table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--border);border-radius:12px;background:var(--paper)}
.md-table{width:100%;border-collapse:collapse;font-size:.9375rem}
.md-table caption{padding:.75rem 1rem;text-align:left;color:var(--muted);caption-side:top}
.md-table th,.md-table td{padding:.625rem 1rem;border-top:1px solid var(--border);text-align:left;vertical-align:top}
.md-table thead th{border-top:0;color:var(--muted);font-size:.8125rem;font-weight:600;white-space:nowrap}
.md-table td{font-family:var(--font-mono);font-size:.875rem}
.md-table th a,.md-cards a.md-row-link{display:inline-flex;align-items:center;min-height:44px}
.md-results td:last-child{font-family:var(--font-ui)}
.md-dl{display:grid;gap:0;margin:0}
.md-dl>div{display:grid;grid-template-columns:minmax(10rem,14rem) minmax(0,1fr);gap:1rem;padding:.75rem 0;border-top:1px solid var(--border)}
.md-dl dt{font-weight:600}
.md-dl dd{margin:0}
.md-plain{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem}
.md-plain>li,.md-cards>li,.md-list>li{min-width:0}
.md-basis{color:var(--muted);font-size:.875rem}
.md-cite{color:var(--muted);font-size:.8125rem}
.md-estimate,.md-stale,.md-label{display:inline-block;padding:0 .375rem;border-radius:6px;font-size:.75rem;font-weight:600;line-height:1.5}
.md-estimate{background:var(--planned-soft);color:var(--ink)}
.md-stale{background:var(--soft);color:var(--ink)}
.md-label{background:var(--soft);color:var(--ink)}
.md-code{max-width:100%;margin:.5rem 0 0;padding:1rem;overflow-x:auto;background:var(--code-bg);color:var(--code-ink);border-radius:10px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.55;white-space:pre}
.md-code code{font-family:var(--font-mono)}
code{font-family:var(--font-mono);font-size:.875em}
.md-setup{margin:.75rem 0 0;padding:0 1rem;background:var(--paper);border:1px solid var(--border);border-radius:12px}
.md-setup summary{display:flex;align-items:center;min-height:48px;cursor:pointer;font-weight:650}
.md-setup>*:last-child{margin-bottom:1rem}
.md-cards{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));gap:1rem}
.md-card{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1.25rem;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-card)}
.md-card p{margin:0}
.md-card>span{color:var(--muted);font-size:.875rem;margin-right:1rem}
.md-styles{color:var(--ink);font-size:.9375rem}
.md-links{display:flex;flex-wrap:wrap;gap:0 1rem}
.md-links a{display:inline-flex;align-items:center;min-height:44px}
.md-commands li{display:block}
.md-commands>li>a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.md-paid{margin:1rem 0 0}
.md-sources a{overflow-wrap:anywhere}
@media(max-width:860px){.md-filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.md-fit-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .md-row{grid-template-columns:minmax(0,1fr)}.md-dl>div{grid-template-columns:minmax(0,1fr);gap:.25rem}}
@media(max-width:600px){.md-band{padding:40px 1rem}.md-filters,.md-fit-form{grid-template-columns:minmax(0,1fr)}.md-wide{grid-column:auto}
  .md-fit-form{padding:1rem}.md-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.md-contents{gap:0 1rem}}