.vinciRules, .vinciRules * { box-sizing:border-box; }
.vinciRules { color:#29352e; background:#fffdf6; font:1rem/1.65 system-ui,sans-serif; max-width:72rem; margin:auto; padding:clamp(.8rem,3vw,2.5rem); overflow-wrap:anywhere; }
.vinciRules h1, .vinciRules h2, .vinciRules h3 { color:#365442; line-height:1.3; clear:both; scroll-margin-top:2rem; }
.vinciRules h1 { font-size:clamp(1.5rem,4vw,2.2rem); margin:1.8em 0 .7em; border-bottom:2px solid #b8a87c; padding-bottom:.35em; }
.vinciRules h2 { font-size:clamp(1.2rem,3vw,1.6rem); margin:1.7em 0 .65em; }
.vinciRules h3 { font-size:1.1rem; margin:1.4em 0 .6em; }
.vinciRules p { margin:0 0 1rem; }
.vinciRules ul, .vinciRules ol { padding-left:1.4rem; margin:.6rem 0 1rem; }
.vinciRules li + li { margin-top:.35rem; }
.vinciRules a { color:#375442; text-decoration:underline; }
.vinciRules img { max-width:100%; height:auto; margin:.25rem; vertical-align:middle; border-radius:4px; }
.vinciRules figure { margin:1.2rem 0; text-align:center; }
.vinciRules img.vinciDiagram { display:block; width:auto; max-width:100%; height:auto; margin:1rem auto; object-fit:contain; }
.vinciRules img[src*="screenshot3"] { width:100%; max-width:900px; }
.vinciRules img[src*="VinciBoard"] { width:calc(50% - .7rem); }
.vinciRules .ruleschanged { border:1px solid #d9cfb7; border-left:4px solid #67845c; border-radius:8px; padding:1rem 1.2rem; margin:1.5rem 0; }
.vinciRules .ruleschanged h2:first-child { margin-top:0; }
.vinciRules .ruleschanged ul:last-child { margin-bottom:0; }
.vinciRules .vinciRulesToc { display:flex; flex-wrap:wrap; gap:.4rem 1rem; padding:1rem; background:#eee7d7; border-radius:8px; margin-bottom:1.5rem; }
.vinciRules .vinciRulesToc a { font-size:.9rem; }
.vinciRules table { width:100%; border-collapse:collapse; margin:1rem 0; font-size:.95em; }
.vinciRules caption { color:#365442; font-weight:600; text-align:left; padding-bottom:.5rem; }
.vinciRules td, .vinciRules th { padding:.6rem .5rem; border-bottom:1px solid #d9cfb7; text-align:center; }
.vinciRules thead { background:#eee7d7; }
.vinciRules tbody th { text-align:left; }
.vinciRules tbody tr:nth-child(even) { background:#f7f3e9; }
.vinciRules .vinciRounds { max-width:24rem; }
.vinciRules .vinciRuleCards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr)); gap:1rem; margin:1.5rem 0; align-items:start; }
.vinciRules .vinciRuleCard { background:#f1ecdf; border:1px solid #d9cfb7; border-radius:10px; padding:1rem; }
.vinciRules .vinciRuleCard img { width:64px; height:64px; object-fit:contain; }
.vinciRules .vinciRuleCard p { margin:.6rem 0 0; }
#panelRules .vinciRules { font-size:.95rem; padding:.8rem; }
#panelRules .vinciRules .vinciRuleCards { grid-template-columns:1fr; }
@media(max-width:600px) {
 .vinciRules { font-size:.95rem; }
 .vinciRules .vinciRulesToc { padding:.75rem; }
 .vinciRules td, .vinciRules th { padding:.4rem .2rem; }
 .vinciRules img[src*="VinciBoard"] { width:calc(100% - .5rem); }
}