:root{font-family:system-ui,sans-serif;color:#172033;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}.site-header{background:#12375b;color:white;padding:1rem max(1rem,calc((100% - 1100px)/2));display:flex;gap:1rem;align-items:baseline;flex-wrap:wrap}.site-header a{color:white;font-size:1.25rem;font-weight:700}.site-header p{margin:0}main{max-width:1100px;margin:auto;padding:1rem}.lab-list,.topology,.states{display:grid;gap:1rem}.lab-card,.topology-node,fieldset,#result,.notice{background:white;border:1px solid #cbd5e1;border-radius:.6rem;padding:1rem}.lab-card a{font-weight:700}.metadata{color:#475569}.badge,.policy{display:inline-block;border:1px solid #64748b;border-radius:999px;padding:.2rem .5rem;margin:.15rem;font-size:.85rem}.policy{background:#fff7d6}.topology-node[data-state]{border-left:5px solid #2563eb}.topology-arrow{text-align:center;font-size:1.5rem}.option{display:block;border:1px solid #94a3b8;border-radius:.5rem;padding:.75rem;margin:.5rem 0;min-height:44px}.option:has(input:checked){border-width:3px;font-weight:600}.option small{display:block;margin-left:1.6rem;color:#475569}button{font:inherit;min-height:44px;padding:.6rem 1rem;border-radius:.45rem;border:1px solid #124e78;background:#124e78;color:white;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}.run-area{margin-top:1rem}.error{border-color:#b91c1c;color:#991b1b}.timeline li,.states li{overflow-wrap:anywhere;margin:.5rem 0}.timeline time{font-weight:700}@media(min-width:700px){.topology{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));align-items:center}.topology-arrow{transform:rotate(0deg)}.lab-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:699px){.topology-arrow{transform:rotate(90deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}