:root{font-family:system-ui,sans-serif;color:#172033;background:#f8fafc}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;min-height:2.25rem}button{margin:.2rem;padding:.35rem .65rem}header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 1rem;background:#172033;color:#fff}header nav{display:flex;flex-wrap:wrap;gap:.35rem}header a{color:#fff;padding:.4rem .55rem;border-radius:.25rem}header a[aria-current=page]{background:#475569}main{width:min(100% - 2rem,1440px);margin:1rem auto}label{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem .75rem .35rem 0}article{margin:1rem 0;padding:1rem;background:#fff;border:1px solid #dbe2ea;border-radius:.5rem}.reader-split{display:grid;gap:1rem;align-items:start}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}header nav{width:100%}header nav a{flex:1 1 auto;text-align:center}.reader-split{grid-template-columns:1fr!important}}