.famiglia2-rules { --ink:#183f30; --paper:#fffaf1; color:#24372d; background:var(--paper); max-width:1050px; margin:auto; padding:clamp(12px,3vw,32px); font:1rem/1.65 system-ui,sans-serif; overflow-wrap:anywhere; box-sizing:border-box; }
.famiglia2-rules h1 { color:var(--ink); font-size:clamp(2rem,5vw,3.3rem); margin:0 0 .6rem; }
.famiglia2-rules h2 { color:var(--ink); border-bottom:2px solid #d6bc83; margin:1.6rem 0 .7rem; font-size:1.4rem; scroll-margin-top:1rem; }
.famiglia2-rules h3 { color:var(--ink); margin:1.2rem 0 .5rem; font-size:1.15rem; }
.famiglia2-rules p { text-align:start; margin:.65rem 0; }
.famiglia2-rules img { max-width:100%; height:auto; vertical-align:middle; }
.famiglia2-rules img.famiglia2-rule-card { width:clamp(32px,12vw,100px); height:auto; border-radius:5px; margin:2px; }
.famiglia2-rules table { width:100%; max-width:100%; border-collapse:separate; border-spacing:3px; table-layout:fixed; margin:.8rem 0; }
.famiglia2-rules table.allFamiglia { background:#f2e6d1; border:1px solid #d5bd91; border-radius:8px; }
.famiglia2-rules td,.famiglia2-rules th { padding:4px; vertical-align:top; font-weight:normal; min-width:0; }
.famiglia2-rules th.centertext { text-align:center; }
.famiglia2-rules .famiglia2-rule-nav { display:flex; flex-wrap:wrap; gap:.3rem .8rem; margin-bottom:1rem; }
.famiglia2-rules a { color:#18613c; text-decoration:underline; }
.famiglia2-rules .famiglia2-rule-note { border-left:4px solid #356b46; padding:.7rem 1rem; background:#e8f0e5; border-radius:4px; }
#rules .famiglia2-rules { padding:12px; font-size:.9rem; }
#rules .famiglia2-rules img.famiglia2-rule-card { max-width:100%; }
@media(max-width:540px) { .famiglia2-rules { padding:12px; } .famiglia2-rules td,.famiglia2-rules th { padding:2px; } }