.rule-reader{max-width:1500px;margin:0 auto}.rule-reader-head{display:grid;grid-template-columns:auto 1fr minmax(260px,380px);gap:24px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(125deg,var(--card),color-mix(in srgb,var(--card) 90%,var(--red)))}.rule-reader-head>div>span{color:var(--red);font:900 10px/1 var(--heading-font);letter-spacing:.15em}.rule-reader-head h3{margin:8px 0 4px;font-size:30px}.rule-reader-head p{color:var(--muted)}.rule-reader-layout{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-top:18px}.rule-reader-layout nav{position:sticky;top:96px;align-self:start;display:grid;gap:7px;padding:13px;border:1px solid var(--border);border-radius:16px;background:var(--card)}.rule-reader-layout nav a{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px;border-radius:10px;color:var(--text2);font-size:10px;text-decoration:none}.rule-reader-layout nav a:hover{background:var(--accent-soft);color:var(--text)}.rule-reader-layout nav span{color:var(--red);font-weight:900}.rule-reader-layout>article{display:grid;gap:14px}.rule-reader-layout>article>section{display:grid;grid-template-columns:44px 1fr;gap:16px;padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--card);scroll-margin-top:100px}.rule-reader-layout>article>section>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:color-mix(in srgb,var(--red) 13%,transparent);color:var(--red);font-weight:900}.rule-reader-layout>article>section>div{color:var(--text2);font-size:13px;line-height:1.8}@media(max-width:900px){.rule-reader-head{grid-template-columns:1fr}.rule-reader-layout{grid-template-columns:1fr}.rule-reader-layout nav{position:static}}