/* reference-converter — page-specific styles.
   External file so the strict CSP (style-src 'self') permits it. */

.sr-only { position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap }
.rc-field { display:flex; flex-direction:column; gap:.35rem; margin-bottom:1rem }
.rc-field label { font-weight:600 }
.rc-input { width:100%; min-height:180px; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.9rem; line-height:1.5; padding:.75rem; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); color:inherit; resize:vertical }
.rc-input:focus-visible { outline:2px solid #7c3aed; outline-offset:2px }
.rc-selects { display:flex; flex-wrap:wrap; gap:1rem; align-items:flex-end; margin-bottom:1rem }
.rc-selects .rc-field { flex:1 1 160px; margin-bottom:0 }
.rc-selects select { padding:.55rem .6rem; border-radius:10px; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.04); color:inherit; font-size:.95rem }
.rc-selects select:focus-visible { outline:2px solid #7c3aed; outline-offset:2px }
.rc-result-head { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-bottom:.5rem }
.rc-result-head h2 { margin:0; font-size:1rem }
.rc-out { white-space:pre-wrap; word-break:break-word; margin:0; padding:.75rem; border-radius:10px; background:rgba(0,0,0,.35); overflow:auto; max-height:420px }
.rc-out code { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:.85rem; line-height:1.5; white-space:inherit }
.rc-detected { font-size:.85rem; opacity:.8; margin:.25rem 0 0 }
.rc-error { color:#ffb4b4 }

/* Venue directory list on /format/ — a longer link list than
   .tool-related's flex-wrap layout was designed for, so it gets its own
   block-per-row treatment instead. */
.venue-list { max-width: 820px; margin: 24px auto; padding: 0 24px; list-style: none; }
.venue-list li { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.1) }
.venue-list a { color: inherit; text-decoration: none; display: block }
.venue-list a:hover strong { text-decoration: underline }
.venue-list strong { color: #a78bfa }
.venue-list .venue-field { opacity: .7; font-size: .9em }