.tyrus-rules { max-width: 72rem; margin: auto; padding: clamp(12px, 3vw, 32px); color: #302718; background: #fbf5e7; font: 1rem/1.65 system-ui, sans-serif; overflow-wrap: anywhere; }
.tyrus-rules header { padding: 24px; border-radius: 14px; background: #224838; color: #fff7da; }
.tyrus-rules header h1 { font: bold clamp(2rem, 6vw, 3.5rem)/1.1 Georgia, serif; margin: 8px 0; color: inherit; }
.tyrus-rules nav { display: flex; flex-wrap: wrap; gap: 10px; padding: 18px 0; border-bottom: 2px solid #ba9555; }
.tyrus-rules nav a { color: #305e49; text-decoration: underline; padding: 4px; }
.tyrus-rules h2 { color: #305e49; font: bold 1.45rem/1.3 Georgia, serif; margin: 1.7em 0 .6em; border-bottom: 1px solid #d3c39f; padding-bottom: .35em; scroll-margin-top: 16px; }
.tyrus-rules img { max-width: 100%; height: auto; object-fit: contain; vertical-align: middle; }
.tyrus-rules ul { padding-left: 1.5em; }
.tyrus-rules li { margin: .4em 0; }
.tyrus-rules b { color: #40321a; }
.tyrus-rules i { display: inline-block; padding: 10px; background: #eee2c7; border-left: 3px solid #a87a2e; border-radius: 3px; }
@media (max-width: 480px) { .tyrus-rules { padding: 12px; font-size: .95rem; } .tyrus-rules header { padding: 16px; } }