*{box-sizing:border-box;border-radius:0}body{margin:0;background:#f2f2f2;color:#171717;font:16px/1.5 Arial,Helvetica,sans-serif}main{max-width:1180px;margin:24px auto;padding:24px;background:white;border:1px solid #d0d0d0}h1{font-size:24px;margin:0 0 24px}.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.popup-item{display:block;padding:12px;color:inherit;text-decoration:none;border:1px solid #d0d0d0;background:#f6f6f6}.popup-item[href]:hover{background:#e9e9e9}.disabled{color:#888} @media(max-width:650px){main{margin:12px}.chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}