/* Shared by the standalone rules page and the FW2 rules sidepanel. */
.conhex-rules { container-type:inline-size; max-width:880px; margin:0 auto; padding:clamp(12px,3%,30px); color:#343c40; background:#fffdf7; font:16px/1.65 system-ui,sans-serif; overflow-wrap:anywhere; }
.conhex-rules, .conhex-rules * { box-sizing:border-box; }
.conhex-rules .ch-rules-hero { padding:24px 20px; border-radius:12px; color:#fff; background:linear-gradient(120deg,#086681,#164552); }
.conhex-rules .ch-rules-hero h1 { margin:4px 0 10px; color:inherit; font:clamp(36px,14cqi,64px)/1.05 Georgia,serif; }
.conhex-rules .ch-rules-hero p { margin:0; }
.conhex-rules .ch-rules-kicker { font-size:13px; letter-spacing:.04em; }
.conhex-rules h2 { margin:1.5em 0 .5em; color:#096a80; font-size:1.35em; line-height:1.3; }
.conhex-rules h3 { margin:.3em 0; font-size:1.05em; color:#333; }
.conhex-rules p { margin:.65em 0; }
.conhex-rules .ch-rules-goal { border-left:4px solid #b6173b; padding:0 16px; }
.conhex-rules .ch-rules-steps, .conhex-rules ul { padding-left:1.5em; }
.conhex-rules li { margin:.5em 0; padding-left:.2em; }
.conhex-rules .ch-rules-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)); gap:12px; margin:20px 0; }
.conhex-rules .ch-rules-cards section { padding:18px; border:1px solid #d7cebb; border-radius:10px; background:#f3eee3; }
.conhex-rules .ch-rules-number { color:#b6173b; font-size:1.8em; font-weight:700; }
.conhex-rules .ch-rules-note { padding:16px; border-radius:8px; background:#e4f0f2; }
.conhex-rules footer { margin-top:28px; padding-top:12px; border-top:1px solid #d7cebb; font-size:13px; color:#586168; }
.conhex-rules img { max-width:100%; height:auto; }
@container(max-width:400px) { .conhex-rules .ch-rules-hero { padding:16px; } .conhex-rules .ch-rules-cards { gap:8px; } }