:root{color:#17273b;background:#f5f7f9;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{color:#fff;background:#17324f;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 5vw;display:flex}nav{flex-wrap:wrap;gap:1rem;display:flex}a{color:inherit}main{max-width:900px;min-height:70vh;margin:2rem auto;padding:0 1rem}section,.card{background:#fff;border:1px solid #dce2e8;border-radius:12px;margin:1rem 0;padding:1.25rem}h1,h2{line-height:1.2}button{color:#fff;cursor:pointer;background:#116b66;border:0;border-radius:8px;padding:.7rem 1rem}button:disabled{opacity:.5}input{max-width:8rem;padding:.5rem}footer{color:#536474;padding:2rem 5vw}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid #ddd;padding:.65rem}pre{white-space:pre-wrap;overflow-wrap:anywhere}code{overflow-wrap:anywhere}@media (max-width:600px){header{display:block}nav{margin-top:1rem}table{display:block;overflow-x:auto}}