:root{color-scheme:light dark;--paper:light-dark(#fff,#17241f);--canvas:light-dark(#f7f9f7,#111b16);--ink:light-dark(#172e28,#edf5f1);--secondary:light-dark(#4d6458,#b7cabe);--line:light-dark(#d4dfd7,#42584a);--soft:light-dark(#eef4ef,#25382c);--brand:light-dark(#24583d,#aad2b8);--bad:light-dark(#8a4b20,#e7b18c);font:15px/1.55 system-ui,sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:0 auto;padding:32px 24px 64px}a{color:var(--brand);text-underline-offset:3px}.crumb{margin-bottom:36px;color:var(--secondary)}header{margin-bottom:36px}h1{font-size:clamp(30px,5vw,48px);line-height:1.05;letter-spacing:-.03em;margin:12px 0}h2{font-size:18px;margin:32px 0 8px}p{max-width:70ch}.lede{font-size:17px;color:var(--secondary)}.rule-meta{display:flex;gap:10px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.mode{border:1px solid var(--line);border-radius:999px;padding:3px 8px;background:var(--paper)}.good .bad .rule-nav{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;margin-top:48px;padding-top:20px;border-top:1px solid var(--line)}.rule-nav>:last-child{text-align:right}.rule-list{display:grid;gap:10px}.rule-card{display:grid;grid-template-columns:72px 1fr auto;gap:14px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:7px;background:var(--paper);text-decoration:none}.rule-card:hover{border-color:var(--brand)}.rule-card span,.rule-card small{color:var(--secondary)}code{background:var(--soft);padding:1px 4px;border-radius:3px}@media(max-width:650px){main{padding:24px 18px 48px}.example+.rule-card{grid-template-columns:64px 1fr}.rule-card small{grid-column:2}.rule-nav{font-size:13px}}