*{box-sizing:border-box}body{font:16px/1.55 system-ui,sans-serif;margin:0;color:#1a1a1a;background:#fafaf7}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;border:2px solid #000}
.top,main,footer{max-width:860px;margin:0 auto;padding:1rem}
.card{background:#fff;border:1px solid #888;border-radius:8px;padding:1rem;margin:1rem 0}
.card header{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.card h2{margin:0;font-size:1.25rem;flex:1 1 100%}
.badge{border:2px solid currentColor;border-radius:4px;padding:0 .4rem;font-weight:700}
.ok{color:#0b5d1e}.un{color:#5a4a00}.cat{color:#444}
pre{white-space:pre-wrap;background:#f2f2ee;border:1px solid #999;padding:.75rem;overflow:auto}
button{font:inherit;padding:.35rem .8rem;border:2px solid #1a1a1a;background:#fff;cursor:pointer;border-radius:4px}
button:focus,pre:focus,a:focus{outline:3px solid #1d4ed8;outline-offset:2px}.small{font-size:.9rem;color:#333}
footer{border-top:1px solid #888;font-size:.95rem}
.buy{max-width:860px;margin:0 auto;padding:1rem;border:2px solid #1a1a1a;border-radius:8px;background:#fff}
.buy h2{margin:0 0 .5rem;font-size:1.15rem}
.buy-link{display:inline-block;font:inherit;font-weight:700;padding:.45rem .9rem;border:2px solid #1a1a1a;border-radius:4px;background:#fff;color:#1a1a1a;text-decoration:underline;text-underline-offset:3px}
.buy-link:hover,.buy-link:focus{background:#f2f2ee}
.buy-again{margin-bottom:1rem}