:root{font-family:system-ui,-apple-system,sans-serif;color:#17232d;background:#f5f7f8}*{box-sizing:border-box}body{margin:0}a{color:#08617a}header.top{display:flex;align-items:center;justify-content:space-between;background:#122a36;color:white;padding:.8rem max(1rem,calc((100vw - 1100px)/2))}.brand{font-weight:700;color:white;text-decoration:none}nav{display:flex;gap:.25rem;overflow-x:auto;padding:.5rem max(1rem,calc((100vw - 1100px)/2));background:white;border-bottom:1px solid #dce4e7}nav a{flex:none;padding:.55rem .7rem;border-radius:.4rem;text-decoration:none;color:#16313d}nav a:hover,nav a:focus{background:#e5f2f5}main{max-width:1100px;margin:1.5rem auto;padding:0 1rem 3rem}h1{font-size:1.8rem}h2{font-size:1.15rem;margin-top:0}section,article{background:white;border:1px solid #dce4e7;border-radius:.65rem;padding:1rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.grid section{margin:0 0 1rem}ul,ol{padding-left:1.4rem}li{margin:.4rem 0}.list article h2{margin-bottom:.3rem}.list article p{margin:.2rem 0;color:#4d616c}.pager{display:flex;justify-content:space-between}video{display:block;width:min(100%,380px);max-height:70vh;background:#111}button{border:0;border-radius:.4rem;padding:.65rem 1rem;background:#08617a;color:white;font:inherit;cursor:pointer}.quiet{background:transparent;color:white}label{display:block;margin:1rem 0}input,select,textarea{display:block;width:100%;padding:.7rem;font:inherit;border:1px solid #aebdc4;border-radius:.35rem}textarea{min-height:5rem}input[type=checkbox]{display:inline;width:auto;margin-right:.5rem}fieldset{border:1px solid #dce4e7;border-radius:.4rem}dl{display:grid;grid-template-columns:minmax(8rem,1fr) 3fr;gap:.5rem}dt{font-weight:700}dd{margin:0}.preview{max-width:100%;max-height:240px;object-fit:contain}code{overflow-wrap:anywhere}.secondary{background:#e2edf0;color:#16313d}.login{max-width:420px;margin:10vh auto;background:white;border:1px solid #dce4e7;border-radius:.7rem;padding:2rem}.error{color:#9b2130}@media(max-width:600px){main{margin:1rem auto}nav{padding:.4rem}.login{margin:2rem 1rem;padding:1.25rem}dl{grid-template-columns:1fr}}
.caption-preview{white-space:pre-wrap;max-height:18rem;overflow:auto;background:#f5f7f8;padding:1rem}.copy-source{position:absolute;left:-10000px;width:1px;height:1px}.copy-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.copy-actions button{min-height:44px}section form{margin:1rem 0;padding:.6rem 0;border-top:1px solid #e5ecef}@media(max-width:600px){section form button,.copy-actions button{width:100%;min-height:48px}.copy-actions{display:grid}}