/* Unified table layer (all guides).
   Keeps each guide's own header colour; unifies spacing, borders, type, zebra rows, hover and the scroll frame. */
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;background-color:rgba(10,10,12,.55)}
.tbl-wrap>table{margin:0!important}
.tbl-wrap::-webkit-scrollbar{height:8px}.tbl-wrap::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:8px}
table.word-table,table.stat-table,table.weapon-summary-table,table.photo-table,.tbl-wrap table{width:100%;border-collapse:separate!important;border-spacing:0!important;font-size:.92em!important;line-height:1.55}
table.word-table th,table.stat-table th,table.weapon-summary-table th,table.photo-table th,.tbl-wrap th{
  padding:11px 14px!important;border:0!important;border-bottom:2px solid rgba(255,255,255,.16)!important;text-align:left;
  font-size:.74em!important;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap;vertical-align:middle}
table.word-table td,table.stat-table td,table.weapon-summary-table td,table.photo-table td,.tbl-wrap td{
  padding:10px 14px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;vertical-align:top}
.tbl-wrap tr:last-child>td,table.word-table tr:last-child>td{border-bottom:0!important}
.tbl-wrap tbody tr:nth-child(even)>td,.tbl-wrap tr:nth-child(even)>td{background-image:linear-gradient(rgba(255,255,255,.028),rgba(255,255,255,.028))}
.tbl-wrap tr:hover>td{background-image:linear-gradient(rgba(255,255,255,.07),rgba(255,255,255,.07))!important}
.tbl-wrap td:first-child{color:#f3f3f3}
.tbl-wrap td.name,.tbl-wrap td.cat{font-weight:700;color:#f3f3f3}
/* rounded corners that follow the frame */
.tbl-wrap table thead th:first-child,.tbl-wrap table tr:first-child>th:first-child{border-top-left-radius:11px}
.tbl-wrap table tr:first-child>th:last-child{border-top-right-radius:11px}
.tbl-wrap tr.hit>td{background-image:linear-gradient(rgba(124,196,251,.2),rgba(124,196,251,.2))!important}
@media (max-width:640px){
  .tbl-wrap table th,.tbl-wrap table td{padding:9px 11px!important}
  .tbl-wrap{border-radius:10px}
}

/* Unified type scale (all guides): same headings, line height, hero title and tab size everywhere */
.section h2{font-size:1.8rem!important}
.section h3{font-size:1.3rem!important}
.section p,.section li{line-height:1.7!important}
.hero h1{font-size:clamp(2rem,7.5vw,3.2rem)!important}
body .tabs .tab-btn{font-size:.9rem!important;padding:10px 22px!important}
@media (max-width:760px){body .tabs .tab-btn{padding-left:16px!important;padding-right:16px!important}}

/* Unified notice boxes (all guides): same shape, one colour per kind, short label chip */
.tip,.warning,.danger{border-radius:10px!important;padding:12px 16px!important;line-height:1.7!important;border:1px solid!important;border-left-width:4px!important;margin:12px 0!important}
.tip{background:rgba(0,221,255,.07)!important;border-color:rgba(0,221,255,.35)!important;border-left-color:#00ddff!important}
.warning{background:rgba(255,152,0,.08)!important;border-color:rgba(255,152,0,.38)!important;border-left-color:#ff9800!important}
.danger{background:rgba(220,50,50,.09)!important;border-color:rgba(220,50,50,.42)!important;border-left-color:#e53935!important}
.tip>strong:first-child.sgs-k,.warning>strong:first-child.sgs-k,.danger>strong:first-child.sgs-k{display:inline-block;font-size:.72em!important;letter-spacing:.08em;text-transform:uppercase;font-weight:800!important;padding:2px 9px;border-radius:5px;margin-right:9px;vertical-align:middle}
.tip>strong:first-child.sgs-k{background:rgba(0,221,255,.18);color:#7fe9ff!important}
.warning>strong:first-child.sgs-k{background:rgba(255,152,0,.2);color:#ffbf66!important}
.danger>strong:first-child.sgs-k{background:rgba(220,50,50,.24);color:#ff9b9b!important}

/* INP: let the browser skip layout/paint of off-screen tables and step bodies when a tab or chapter is switched.
   Only inner boxes are contained (never .step itself, its number badge overhangs the edge). */
.tbl-wrap,.step-text,.step-body,.step-shots{content-visibility:auto;contain-intrinsic-size:auto 160px}