.mod-jump { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 20px; }
.mod-jump a { padding: 9px 13px; border: 2px solid #ae8854; background: #34291c url('/assets/oak-planks.svg?v=4e00d017') repeat; background-size: 96px 96px; color: #fff0d1; text-decoration: none; font-weight: 800; }
.mod-jump a:hover, .mod-jump a:focus-visible { border-color: #f0c884; background-color: #4a3621; outline: 2px solid #f0c884; outline-offset: 2px; }
.mod-overview, .mod-controls { padding: 22px 26px; border: 3px solid #120f0b; background: linear-gradient(#fff7e9ed, #e8d7bfee), url('/assets/oak-planks.svg?v=4e00d017') repeat; background-size: auto, 96px 96px; box-shadow: inset 2px 2px #fff9ed, 0 6px #0a0c0b; color: #33251a; }
.mod-overview h2, .mod-controls h2 { margin: 3px 0 10px; font-size: 26px; line-height: 1.3; }
.mod-overview p { margin: 0 0 8px; font-size: 17px; }
.mod-overview p:last-child { margin-bottom: 0; }
.mod-overview .guide-eyebrow, .mod-controls .guide-eyebrow { color: #85520c; }
.mod-step-action { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin: 15px 0 8px; }
.mod-step-action > span { font-weight: 800; color: #624125; }
.mod-step-action > p { width: 100%; margin: 0; font-weight: 800; }
.mod-step-note { margin: 12px 0 0 !important; padding: 10px 13px; border-left: 4px solid #a26828; background: #fff7e6; color: #48311c; }
.mod-folder-tree { margin: 15px 0; padding: 14px 17px; border: 2px solid #85613a; background: #27231d; color: #fff1cd; font: 700 16px/1.7 Consolas, 'Microsoft YaHei', monospace; overflow-wrap: anywhere; }
.mod-shot-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mod-shot { margin: 17px 0 0; }
.mod-shot a { display: block; cursor: zoom-in; }
.mod-shot a:focus-visible { outline: 3px solid #b9792b; outline-offset: 3px; }
.mod-shot img { display: block; width: 100%; height: auto; max-height: 650px; object-fit: contain; object-position: left top; border: 2px solid #604b32; background: #e8e5dc; }
.mod-shot figcaption { margin-top: 7px; padding: 8px 11px; border-left: 4px solid #a26828; background: #fff8ea; color: #48311c; font-size: 15px; font-weight: 750; }
.mod-controls { margin: 38px 0 32px; }
.mod-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.mod-control-grid > div { padding: 13px 15px; border: 2px solid #aa8555; background: #fff8e9; }
.mod-control-grid strong { display: block; margin-bottom: 5px; color: #563413; font-size: 17px; }
.mod-control-grid p { margin: 0; color: #473626; font-size: 15px; }
.guide-step code, .guide-help code, .mod-overview code { padding: 1px 4px; background: #fff8e9; color: #4b2e17; font: 700 .92em/1.5 Consolas, 'Microsoft YaHei', monospace; overflow-wrap: anywhere; }
kbd { display: inline-block; min-width: 1.6em; padding: 1px 5px; border: 1px solid #80613d; background: #fff8e9; box-shadow: 0 2px #a48b6c; color: #3d2918; font: 800 .95em/1.4 Consolas, 'Microsoft YaHei', monospace; text-align: center; }
.guide-step .guide-primary:focus-visible { outline: 3px solid #8c5a21; outline-offset: 3px; }
html.custom-theme .mod-jump a { background: var(--theme-button-background); border-color: var(--theme-edge); color: var(--theme-button-ink); }
html.custom-theme .mod-jump a:hover, html.custom-theme .mod-jump a:focus-visible { border-color: var(--theme-selected-border); outline-color: var(--theme-selected-border); }
html.custom-theme .mod-overview, html.custom-theme .mod-controls { background: var(--theme-inset-background); background-size: var(--theme-inset-size); border-color: var(--theme-edge); box-shadow: inset 2px 2px var(--theme-bevel-light), 0 5px var(--theme-shadow); color: var(--theme-ink); }
html.custom-theme .mod-overview .guide-eyebrow, html.custom-theme .mod-controls .guide-eyebrow { color: var(--theme-ink); }
html.custom-theme .mod-step-action > span { color: var(--theme-ink); }
html.custom-theme .mod-step-note, html.custom-theme .mod-shot figcaption, html.custom-theme .mod-control-grid > div { background: var(--theme-button-background); border-color: var(--theme-edge-light); color: var(--theme-button-ink); }
html.custom-theme .mod-control-grid strong, html.custom-theme .mod-control-grid p { color: var(--theme-button-ink); }
html.custom-theme .mod-folder-tree { border-color: var(--theme-edge); }
@media (max-width: 800px) { .mod-shot-grid, .mod-control-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .mod-overview, .mod-controls { padding: 18px; } .mod-overview p { font-size: 15px; } .mod-shot-grid, .mod-control-grid { grid-template-columns: 1fr; } .mod-shot img { max-height: none; } .mod-step-action { align-items: stretch; } .mod-step-action .guide-primary { width: 100%; } }