.rl-prototype {max-width:100%;line-height:1.6}
.rl-prototype p {margin:0 0 1rem}
.rl-prototype h1 {margin-bottom:1rem}
.rl-prototype h2 {margin:0 0 1rem}
.rl-prototype__form,.rl-prototype__panel {margin:1.5rem 0;padding:1.5rem;border:1px solid #d8d8d8;border-radius:10px;background:#fff}
.rl-prototype__fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.rl-prototype__field {min-width:0}
.rl-prototype__field .rl-input,.rl-prototype__field select {width:100%;box-sizing:border-box}
.rl-prototype__field label {display:block;font-weight:700;margin-bottom:.4rem}
.rl-prototype__help {font-size:.9rem;color:#555;margin-top:.4rem}
.rl-prototype__actions {margin-top:1.5rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.rl-prototype__results {margin-top:.5rem;max-height:280px;overflow:auto;border:1px solid #ccc;border-radius:6px}
.rl-prototype__results:empty {display:none}
.rl-prototype__results button {display:block;width:100%;padding:.8rem;text-align:left;border:0;border-bottom:1px solid #ddd;background:#fff;color:#222;font:inherit;cursor:pointer}
.rl-prototype__results button:hover,.rl-prototype__results button:focus-visible {background:#fff0e5;outline:2px solid #c65500;outline-offset:-2px}
.rl-prototype__status {font-size:.9rem;min-height:1.5em;margin-top:.35rem}
.rl-prototype__metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1.5rem 0}
.rl-prototype__metric {padding:1.25rem;border:1px solid #ddd;border-radius:8px;background:#fff}
.rl-prototype__metric strong {display:block;font-size:2rem;line-height:1.25;margin-bottom:.75rem}
.rl-prototype__metric h3 {font-size:1rem;margin:0 0 .5rem}
.rl-prototype__metric p {font-size:.9rem;margin:0;color:#555}
.rl-prototype__notice {padding:1rem 1.25rem;margin:1rem 0;border-left:4px solid #c65500;background:#fff4e9}
.rl-prototype__scroll {overflow-x:auto;max-width:100%}
.rl-prototype table:not(#pedigree) {width:100%;border-collapse:collapse;font-size:.95rem}
.rl-prototype table:not(#pedigree) th,.rl-prototype table:not(#pedigree) td {padding:.85rem;text-align:left;border-bottom:1px solid #ddd;vertical-align:middle}
.rl-prototype table:not(#pedigree) th {background:#f4f4f4}
.rl-prototype table:not(#pedigree) caption {text-align:left;margin-bottom:.75rem}
.rl-prototype progress {width:100%;height:12px;accent-color:#d15d00}
@media(max-width:640px) {
 .rl-prototype__fields,.rl-prototype__metrics {grid-template-columns:1fr}
 .rl-prototype__form,.rl-prototype__panel {padding:1rem}
 .rl-prototype__actions .rl-btn {width:100%;text-align:center}
 .rl-prototype table:not(#pedigree) th,.rl-prototype table:not(#pedigree) td {padding:.65rem}
}

.rl-prototype__details summary {cursor:pointer;display:list-item;list-style-position:outside;margin-left:1.2rem;padding:.25rem 0}
.rl-prototype__details summary h2 {display:inline;font-size:1.25rem;margin:0}
.rl-prototype__details summary::marker {color:#c65500}
.rl-prototype__details summary:focus-visible {outline:2px solid #c65500;outline-offset:5px}
.rl-prototype__details-body {margin-top:1.25rem}