/* Shared by standalone rules, the sidepanel and copied help sections. */
.sobek-rules { color:#382714; background:#fff9e9; padding:clamp(.65rem,2vw,1.6rem); max-width:80rem; margin:auto; font:1rem/1.6 system-ui,sans-serif; overflow-wrap:break-word; container-type:inline-size; }
.sobek-rules * { box-sizing:border-box; }
.sobek-rules h2 { color:#8f3d0c; font-size:1.35em; line-height:1.3; border-bottom:2px solid #e4bb71; padding-bottom:.3em; margin:1.6em 0 .6em; scroll-margin-top:1em; }
.sobek-rules h3 { color:#8f3d0c; font-size:1.15em; line-height:1.4; }
.sobek-rules p { text-align:start; margin:.7em 0; }
.sobek-rules ul,.sobek-rules ol { padding-inline-start:1.5em; }
.sobek-rules li + li { margin-top:.4em; }
.sobek-rules img { max-width:100%; height:auto; vertical-align:middle; object-fit:contain; }
.sobek-rules .sobek-rule-contents { border-block:1px solid #dbbb88; margin-bottom:1em; }
.sobek-rules summary { cursor:pointer; color:#693109; font-weight:600; padding:.5em 0; }
.sobek-rules nav { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr)); gap:0 .8em; padding-bottom:.5em; }
.sobek-rules nav a { display:block; color:#693109; padding:.25em .4em; line-height:1.4; text-decoration:underline; text-underline-offset:.15em; }
.sobek-rules nav a:hover { background:#f6e3be; }
.sobek-rules nav a:focus-visible,.sobek-rules summary:focus-visible { outline:3px solid #007a8a; outline-offset:2px; }
.sobek-rules .ruleschanged { padding:.5em .75em; border-left:4px solid #ba6717; background:#fff0cd; }
.sobek-rules .ruleschanged h2:first-child { margin-top:.5em; }
.sobek-rules .sobek-rule-table { margin:1em 0; }
.sobek-rules table { width:100%; border-collapse:collapse; font-size:.92em; }
.sobek-rules caption { text-align:start; font-weight:600; padding:.4em .6em; background:#f6e3be; color:#693109; }
.sobek-rules td { padding:.5em; border:1px solid #d4b688; vertical-align:top; background:#fff2d5; }
.sobek-rules td img { max-height:8rem; }
/* Inventories are galleries; each card keeps its own readable label. */
.sobek-rules .sobek-rule-inventory table,.sobek-rules .sobek-rule-inventory tbody { display:block; }
.sobek-rules .sobek-rule-inventory caption { display:block; }
.sobek-rules .sobek-rule-inventory tr { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,6rem),1fr)); }
.sobek-rules .sobek-rule-inventory td { text-align:center; }
/* Preserve the spatial order of Nile examples and goods comparisons. */
.sobek-rules .sobek-rule-board,.sobek-rules .sobek-rule-comparison { overflow-x:auto; }
.sobek-rules .sobek-rule-board table { min-width:36rem; table-layout:fixed; text-align:center; }
.sobek-rules .sobek-rule-board td img { max-height:none; }
.sobek-rules .sobek-rule-board td:empty { border:0; background:transparent; }
.sobek-rules .sobek-rule-comparison table { min-width:42rem; table-layout:fixed; text-align:center; }
.sobek-rules .sobek-rule-reference td:first-child { width:8rem; text-align:center; }
.sobek-rules .sobek-rule-reference td:nth-child(2) { width:10rem; font-weight:600; }
.sobek-rules .sobek-rule-example td:first-child { width:6rem; font-weight:600; }
@container (max-width:560px) {
    .sobek-rules .sobek-rule-reference table,.sobek-rules .sobek-rule-reference tbody,
    .sobek-rules .sobek-rule-example table,.sobek-rules .sobek-rule-example tbody { display:block; }
    .sobek-rules .sobek-rule-reference tr { display:grid; grid-template-columns:7.5rem minmax(0,1fr); border:1px solid #d4b688; margin:.8em 0; background:#fff2d5; }
    .sobek-rules .sobek-rule-reference td,.sobek-rules .sobek-rule-reference td:first-child,.sobek-rules .sobek-rule-reference td:nth-child(2) { width:auto; border:0; min-width:0; }
    .sobek-rules .sobek-rule-reference td:nth-child(n+3) { grid-column:1 / -1; border-top:1px solid #e4cba3; }
    .sobek-rules .sobek-rule-example tr,.sobek-rules .sobek-rule-example td,.sobek-rules .sobek-rule-example td:first-child { display:block; width:auto; }
}
@container (max-width:320px) {
    .sobek-rules .sobek-rule-reference tr { grid-template-columns:minmax(0,1fr); }
    .sobek-rules .sobek-rule-reference td:nth-child(2) { text-align:center; }
}
