body{font:18px/1.65 system-ui,sans-serif;color:#20252b;background:#faf9f6;margin:0}main{max-width:820px;margin:auto;padding:28px 22px 60px}a{color:#174f8b;text-underline-offset:3px}h1,h2,h3{line-height:1.2}h1{font-size:2rem}h2{margin-top:2rem}nav{display:flex;gap:18px;flex-wrap:wrap;border-bottom:1px solid #ccc;padding-bottom:14px}blockquote{margin:18px 0;padding:14px 20px;border-left:4px solid #947121;background:#fff;white-space:normal;overflow-wrap:anywhere}blockquote p:first-child{margin-top:0}blockquote p:last-child{margin-bottom:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee;padding:16px}code{overflow-wrap:anywhere}table{width:100%;display:block;overflow:auto}td,th{text-align:left;padding:8px;vertical-align:top}footer{border-top:1px solid #ccc;margin-top:32px;padding-top:16px;font-size:.9rem}button{font:inherit;background:#fff;border:1px solid #888;border-radius:5px;padding:7px 12px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #174f8b;outline-offset:3px}@media(max-width:480px){main{padding:20px 16px}h1{font-size:1.7rem}blockquote{padding:12px}}