/* A skin: generic two-column wide layout. All rules are intentionally scoped. */
.public-skin-a-two-column-wide .site-shell{width:min(1540px,calc(100% - 40px));grid-template-columns:224px minmax(0,1fr);gap:22px;position:relative}
.public-skin-a-two-column-wide .site-main{min-width:0}
.public-skin-a-two-column-wide .right-sidebar{display:none!important}
.public-skin-a-two-column-wide .left-sidebar{top:174px;max-height:calc(100dvh - 194px);overflow:auto;padding:0 14px 16px}
.public-skin-a-two-column-wide .preview-bar~.site-shell .left-sidebar{top:216px;max-height:calc(100dvh - 236px)}
.public-skin-a-two-column-wide .skin-a-sidebar-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 -14px 12px;padding:13px 12px 11px;background:#fff;border-bottom:1px solid var(--siguma-line)}
.public-skin-a-two-column-wide .skin-a-sidebar-head b{font-size:15px}
.public-skin-a-two-column-wide .skin-a-sidebar-head button{width:30px;height:30px;border:1px solid #cbd9e3;border-radius:7px;background:#f4f8fb;color:#174c72;font-size:22px;line-height:1;cursor:pointer}
.public-skin-a-two-column-wide .side-menu a.active{background:var(--primary);color:#fff;font-weight:850;box-shadow:0 3px 9px rgba(10,49,78,.12)}
.public-skin-a-two-column-wide .side-menu a.active:hover{background:var(--primary);color:#fff}
.public-skin-a-two-column-wide .skin-a-sidebar-expand{display:none;align-items:center;gap:6px;margin:0 0 10px;padding:7px 11px;border:1px solid #c7d8e4;border-radius:8px;background:#fff;color:#216c9e;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.public-skin-a-two-column-wide .skin-a-sidebar-expand span{font-size:20px;line-height:1}
.public-skin-a-two-column-wide .skin-a-mobile-menu,.public-skin-a-two-column-wide .skin-a-sidebar-backdrop{display:none}
.public-skin-a-two-column-wide .site-shell.sidebar-collapsed{grid-template-columns:minmax(0,1fr)}
.public-skin-a-two-column-wide .site-shell.sidebar-collapsed>.left-sidebar{display:none}
.public-skin-a-two-column-wide .site-shell.sidebar-collapsed .skin-a-sidebar-expand{display:inline-flex}
.public-skin-a-two-column-wide .game-hero{min-height:360px;padding:42px}
.public-skin-a-two-column-wide .game-hero h1{font-size:42px;max-width:900px}
.public-skin-a-two-column-wide .game-hero p{max-width:900px;font-size:17px}
.public-skin-a-two-column-wide .hub-grid{grid-template-columns:minmax(0,1fr);gap:18px}
.public-skin-a-two-column-wide .hub-section{padding:24px}
.public-skin-a-two-column-wide .hub-section-link-group .hub-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.public-skin-a-two-column-wide .hub-section-link-group .hub-links a{min-height:76px;align-items:center;padding:16px;font-weight:800;border:1px solid #e0e9ef}
.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages a{min-width:0;padding:10px 0;border-bottom:1px solid #e8eef2}
.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages a>span:last-child{min-width:0}
.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages b,.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.public-skin-a-two-column-wide .database-links{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-skin-a-two-column-wide .guide-article{padding:38px 44px}
.public-skin-a-two-column-wide .guide-database>header{padding:30px 36px}
.public-skin-a-two-column-wide #public-database-app{padding:26px 36px 38px}
.public-skin-a-two-column-wide .guide-table-scroll,.public-skin-a-two-column-wide .public-table-wrap,.public-skin-a-two-column-wide .detail-field-table-scroll{max-width:100%;overflow-x:auto}

@media(min-width:1001px){
  .public-skin-a-two-column-wide .left-sidebar{position:static;top:auto;height:auto;max-height:none;overflow:visible}
  .public-skin-a-two-column-wide .preview-bar~.site-shell .left-sidebar{top:auto;max-height:none}
}

@media(max-width:1000px){
  .public-skin-a-two-column-wide .site-shell{width:100%;margin:0 0 50px;display:block}
  .public-skin-a-two-column-wide .site-main{width:100%;padding:16px}
  .public-skin-a-two-column-wide .left-sidebar{display:block!important;position:fixed;z-index:220;inset:0 auto auto 0;width:min(320px,86vw);height:auto;max-height:calc(100vh - 12px);max-height:calc(100dvh - 12px - env(safe-area-inset-bottom,0px));margin:0;padding:0 14px calc(20px + env(safe-area-inset-bottom,0px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:0 0 10px 0;transform:translateX(-105%);transition:transform .18s ease;box-shadow:10px 0 28px rgba(3,22,39,.28)}
  .public-skin-a-two-column-wide .skin-a-sidebar-head{padding-top:17px}
  .public-skin-a-two-column-wide .skin-a-sidebar-head button{transform:rotate(180deg)}
  .public-skin-a-two-column-wide .left-sidebar .menu-search{display:grid;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) 44px;margin:0 0 12px}
  .public-skin-a-two-column-wide .left-sidebar .menu-search input{width:100%;min-width:0}
  .public-skin-a-two-column-wide .left-sidebar .menu-search button{width:44px;min-width:44px;min-height:44px}
  .public-skin-a-two-column-wide .left-sidebar .game-search-results{width:100%;max-width:100%}
  .public-skin-a-two-column-wide .left-sidebar .side-menu{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:100%;min-width:0;overflow:visible}
  .public-skin-a-two-column-wide .left-sidebar .side-menu a{display:flex;align-items:center;width:100%;min-width:0;min-height:44px;flex:none;padding:10px 12px;white-space:normal;overflow-wrap:anywhere;text-align:left;background:#f3f7fa;color:#2673a5;border:1px solid #e1e9ef;border-radius:7px}
  .public-skin-a-two-column-wide .left-sidebar .side-menu a.active,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a[aria-current="page"],
  .public-skin-a-two-column-wide .left-sidebar .side-menu a.active:hover,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a[aria-current="page"]:hover,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a.active:focus,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a[aria-current="page"]:focus,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a.active:focus-visible,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a[aria-current="page"]:focus-visible,
  .public-skin-a-two-column-wide .left-sidebar .side-menu a:active{background:#0b4b82;color:#fff;border-color:#0b4b82;font-weight:850;box-shadow:0 3px 9px rgba(10,49,78,.18)}
  .public-skin-a-two-column-wide .left-sidebar .side-menu strong{display:block;width:100%;min-width:0;margin:8px 0 2px;padding:9px 8px 7px;white-space:normal;overflow-wrap:anywhere}
  .public-skin-a-two-column-wide .left-sidebar .side-menu .depth-1,.public-skin-a-two-column-wide .left-sidebar .side-menu .depth-2{padding-left:12px}
  .public-skin-a-two-column-wide.mobile-sidebar-open{overflow:hidden}
  .public-skin-a-two-column-wide.mobile-sidebar-open .left-sidebar{transform:translateX(0)}
  .public-skin-a-two-column-wide .skin-a-sidebar-backdrop{display:block;position:fixed;z-index:210;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(3,18,31,.54);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
  .public-skin-a-two-column-wide.mobile-sidebar-open .skin-a-sidebar-backdrop{opacity:1;visibility:visible}
  .public-skin-a-two-column-wide .skin-a-mobile-menu{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;margin-left:auto;padding:7px 10px;border:1px solid #4e7290;border-radius:7px;background:#123d60;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
  .public-skin-a-two-column-wide .skin-a-sidebar-expand{display:none!important}
  .public-skin-a-two-column-wide .game-navigation{display:none}
  .public-skin-a-two-column-wide .game-header-inner{display:flex;padding:0 14px}
  .public-skin-a-two-column-wide .game-identity{min-width:0;max-width:calc(100% - 120px)}
  .public-skin-a-two-column-wide .hub-section-link-group .hub-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .public-skin-a-two-column-wide .site-main{padding:12px}
  .public-skin-a-two-column-wide .game-hero{min-height:260px;padding:24px}
  .public-skin-a-two-column-wide .game-hero h1{font-size:30px}
  .public-skin-a-two-column-wide .game-hero p{font-size:15px}
  .public-skin-a-two-column-wide .hub-section{padding:18px}
  .public-skin-a-two-column-wide .hub-section-link-group .hub-links,.public-skin-a-two-column-wide .hub-section-latest-pages .latest-pages,.public-skin-a-two-column-wide .database-links{grid-template-columns:1fr}
  .public-skin-a-two-column-wide .hub-section-link-group .hub-links a{min-height:58px}
  .public-skin-a-two-column-wide .guide-article{padding:20px}
  .public-skin-a-two-column-wide .guide-database>header{padding:19px}
  .public-skin-a-two-column-wide #public-database-app{padding:14px}
}

/* Restore the complete shared footer after the later-loaded shared header's
   compact mobile footer rules. Keep this scoped to the A skin only. */
@media(max-width:800px){
  .public-skin-a-two-column-wide .siguma-global-footer{height:auto!important;min-height:0!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom,0px))!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-rows:auto!important;gap:10px!important;overflow:visible!important}
  .public-skin-a-two-column-wide .siguma-footer-brand{grid-column:1!important;grid-row:1!important}
  .public-skin-a-two-column-wide .siguma-footer-info{display:flex!important;grid-column:1!important;grid-row:2!important;justify-content:flex-start!important;gap:8px 10px!important;flex-wrap:wrap!important}
  .public-skin-a-two-column-wide .siguma-footer-right{grid-column:1!important;grid-row:3!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:8px 14px!important}
  .public-skin-a-two-column-wide .siguma-footer-right p{display:block!important}
  .public-skin-a-two-column-wide .siguma-footer-youtube span{display:inline!important}
}

.public-skin-a-two-column-wide.embed-preview .skin-a-mobile-menu,.public-skin-a-two-column-wide.embed-preview .skin-a-sidebar-expand,.public-skin-a-two-column-wide.embed-preview .skin-a-sidebar-backdrop{display:none!important}
.public-skin-a-two-column-wide.embed-preview .left-sidebar{display:none!important}
