/* v1.13.21 targeted subpage refresh – does not style the frozen homepage */

.tactical-subpage-hero{
  background:#F7F4ED !important;
  color:#111 !important;
  border:1px solid #D8D2C4 !important;
  border-left:4px solid #1F4E79 !important;
  border-radius:8px !important;
  box-shadow:0 7px 20px rgba(0,0,0,.06) !important;
}
.tactical-subpage-hero h1,
.tactical-subpage-hero h2,
.tactical-subpage-hero p{color:#111 !important}
.tactical-subpage-hero .eyebrow{color:#BD9232 !important}

.squads-template-page,
.news-full-page,
.wiretap-status-page{
  width:min(1280px,calc(100% - 32px)) !important;
  margin:0 auto !important;
  padding:28px 0 64px !important;
  background:transparent !important;
}
.squads-template-page .home-squad-table-wrap{
  margin-top:18px !important;
  background:#fff !important;
  border:1px solid #D8D2C4 !important;
  border-radius:8px !important;
  box-shadow:0 7px 20px rgba(0,0,0,.06) !important;
}
.squads-template-page .home-squad-table-new th{background:#2B2B2B !important;color:#fff !important}
.squads-template-page .home-squad-table-new tbody tr:nth-child(odd){background:#fff !important}
.squads-template-page .home-squad-table-new tbody tr:nth-child(even){background:#F4F0E6 !important}
.squads-template-page .home-squad-table-new td{color:#1A1A1A !important}

.frontnews-page-main{
  width:100% !important;
  max-width:none !important;
  padding:0 0 52px !important;
}
.frontnews-page-newspaper{
  width:min(1280px,calc(100% - 32px)) !important;
  max-width:1280px !important;
  margin:30px auto 0 !important;
}
.frontnews-page-newspaper .frontnews-ribbon-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.frontnews-page-newspaper .frontnews-ribbon-item{
  min-width:0 !important;
}

.news-full-list{
  display:grid;
  gap:18px;
  margin-top:18px;
}
.news-full-card{
  display:grid;
  grid-template-columns:minmax(220px,320px) minmax(0,1fr);
  overflow:hidden;
  background:#fff;
  border:1px solid #D8D2C4;
  border-radius:8px;
  box-shadow:0 7px 20px rgba(0,0,0,.055);
}
.news-full-image{
  position:relative;
  min-height:220px;
  background:#DFD8C8;
}
.news-full-image img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.news-full-image span{
  position:absolute;left:14px;top:14px;
  padding:5px 9px;border-radius:999px;
  background:#BD9232;color:#111;font-size:10px;font-weight:900;text-transform:uppercase;
}
.news-full-content{padding:24px}
.news-full-content time{color:#777;font-size:11px}
.news-full-content h2{
  margin:5px 0 12px;
  padding-left:12px;
  border-left:4px solid #1F4E79;
  color:#111;
}
.news-full-lead{font-weight:600;color:#333}
.news-full-text{margin-top:12px;color:#333;line-height:1.7}

.community-players-only-page{
  width:min(1280px,calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 64px;
}
.community-players-only-page > .community-section:first-child{
  margin-top:0 !important;
}

.wiretap-status-time{
  display:grid;
  gap:3px;
  min-width:210px;
  text-align:right;
}
.wiretap-status-time span,
.wiretap-status-time small{color:#666 !important;font-size:10px}
.wiretap-status-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin:18px 0;
}
.wiretap-status-kpis article{
  padding:20px;
  background:#fff;
  border:1px solid #D8D2C4;
  border-radius:8px;
  box-shadow:0 5px 14px rgba(0,0,0,.045);
}
.wiretap-status-kpis span{
  display:block;color:#555;font-size:10px;font-weight:900;letter-spacing:.08em;
}
.wiretap-status-kpis strong{display:block;margin:5px 0;font-size:30px;color:#111}
.wiretap-status-kpis small{color:#666}
.wiretap-server-list{margin-bottom:18px}
.wiretap-server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wiretap-server-grid article{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:14px;background:#fff;border:1px solid #E2DCCE;border-radius:7px;
}
.wiretap-server-grid small{display:block;margin-top:3px;color:#777}
.wiretap-server-state{
  padding:6px 9px;border-radius:999px;background:#8E3934;color:#fff;font-size:10px;font-weight:900;
}
.wiretap-server-state.is-online{background:#27AE60}
.wiretap-objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.objective-town-list{display:flex;gap:8px;flex-wrap:wrap}
.objective-town-list span{
  padding:7px 10px;border:1px solid #D8D2C4;border-radius:999px;background:#F4F0E6;color:#111;font-size:12px;
}
.wiretap-public-unavailable{text-align:left}

@media(max-width:900px){
  .frontnews-page-newspaper .frontnews-ribbon-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .news-full-card{grid-template-columns:1fr}
  .news-full-image{min-height:240px}
  .wiretap-status-kpis{grid-template-columns:1fr}
  .wiretap-objective-grid{grid-template-columns:1fr}
  .wiretap-server-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .frontnews-page-newspaper .frontnews-ribbon-grid{grid-template-columns:1fr !important}
  .squads-template-page,.news-full-page,.wiretap-status-page,.community-players-only-page{
    width:calc(100% - 20px) !important;
  }
  .wiretap-status-time{text-align:left}
}


/* ========================================================================== 
   v1.13.21 legacy-free TacticalWiki layer for ALL frontend underpages.
   Loaded by frontend-nav only when the current script is not index.php.
   Frontnachrichten keeps its dedicated newspaper skin.
   ========================================================================== */
:root{
  --tw-page:#EDE8DC;
  --tw-panel:#F7F4ED;
  --tw-card:#FFFFFF;
  --tw-control:#DFD8C8;
  --tw-border:#D8D2C4;
  --tw-blue:#1F4E79;
  --tw-gold:#BD9232;
  --tw-text:#111111;
  --tw-muted:#555555;
}

body.site-layout,
body.community-hub-body,
body.site-layout,
body.community-hub-body{
  background-color:var(--tw-page) !important;
  color:var(--tw-text) !important;
}

.site-main,
.site-main.transferred-page,
.community-hub-page,
.cms-original-page,
.cms-subpage-shell,
.cms-subpage-body,
.imported-cms-page,
.legacy-cms-runtime-wrap,
.legacy-cms-main-source,
.handbook-original,
.handbook-cms-page,
.lage-command-page,
.faq-page,
.account-original-entry{
  background-color:var(--tw-page) !important;
  color:var(--tw-text) !important;
}

/* Main page/section containers */
.site-main :is(
  .transferred-page-hero,
  .cms-original-hero,
  .cms-subpage-hero,
  .content-hero,
  .account-original-hero,
  .handbook-cms-hero,
  .handbook-original-hero
):not(.frontnews-newspaper),
.community-hub-page .community-page-head{
  background:var(--tw-panel) !important;
  color:var(--tw-text) !important;
  border-color:var(--tw-border) !important;
  border-left:4px solid var(--tw-blue) !important;
  box-shadow:0 7px 20px rgba(0,0,0,.06) !important;
}

.site-main :is(
  .cms-original-panel,
  .cms-subpage-content,
  .account-original-card,
  .account-choice-original,
  .account-quick-original,
  .account-veteran-note,
  .faq-item,
  .faq-chat-shell,
  .stats-card,
  .lage-factory-panel,
  .lage-map-panel,
  .lage-rdp-card,
  .handbook-original-facts,
  .handbook-original-note,
  .handbook-original-warning,
  .handbook-original-media-split,
  .handbook-original-two-col,
  .handbook-original-gallery,
  .handbook-original-single-image,
  .handbook-original-screenstack
):not(.frontnews-newspaper),
.community-hub-page :is(.community-section,.community-kpi-card,.community-award-card){
  background-color:var(--tw-card) !important;
  color:var(--tw-text) !important;
  border-color:var(--tw-border) !important;
}

/* Legacy dark/nav blocks are converted to the neutral control layer. */
.site-main :is(
  .cms-original-anchorbar,
  .handbook-original-toc,
  .account-original-infostrip,
  .account-steps-original,
  .faq-suggestions,
  .community-filterbar
){
  background:var(--tw-control) !important;
  color:var(--tw-text) !important;
  border-color:var(--tw-border) !important;
}

.site-main :is(h1,h2,h3,h4,h5,h6),
.community-hub-page :is(h1,h2,h3,h4,h5,h6){color:var(--tw-text) !important}
.site-main :is(p,li,dd,dt),
.community-hub-page :is(p,li,dd,dt){color:inherit}
.site-main :is(.eyebrow,.cms-original-kicker,.cms-subpage-kicker),
.community-hub-page .community-kicker{color:var(--tw-gold) !important}

.site-main a:not(.button):not(.detail-btn),
.community-hub-page a:not(.button):not(.detail-btn){color:var(--tw-blue)}

/* Forms and controls */
.site-main :is(input,select,textarea),
.community-hub-page :is(input,select,textarea){
  background:#fff !important;
  color:var(--tw-text) !important;
  border-color:#C9C0AF !important;
}

/* Universal TacticalWiki table treatment on underpages. */
.site-main table,
.community-hub-page table{
  background:#fff !important;
  color:#1A1A1A !important;
  border-collapse:collapse !important;
}
.site-main table thead th,
.community-hub-page table thead th{
  background:#2B2B2B !important;
  color:#fff !important;
  border-color:#2B2B2B !important;
}
.site-main table tbody tr:nth-child(odd),
.community-hub-page table tbody tr:nth-child(odd){background:#fff !important}
.site-main table tbody tr:nth-child(even),
.community-hub-page table tbody tr:nth-child(even){background:#F4F0E6 !important}
.site-main table td,
.community-hub-page table td{
  color:#1A1A1A !important;
  border-color:#E2DCCE !important;
}

/* Squad page: explicitly neutralize every legacy-blue wrapper. */
.squads-template-page,
.squads-template-page .squad-overview-hero,
.squads-template-page .home-squad-table-wrap,
.squads-template-page .home-squad-table-new,
.squads-template-page .home-squad-table-new tbody,
.squads-template-page .home-squad-table-new td{
  background-color:var(--tw-card) !important;
  background-image:none !important;
}
.squads-template-page{background-color:var(--tw-page) !important}
.squads-template-page .squad-overview-hero{background-color:var(--tw-panel) !important}

/* Keep the newspaper component fully isolated from the generic underpage skin. */
.frontnews-newspaper,
.frontnews-newspaper *{
  --tw-card:initial;
}
.frontnews-newspaper{
  color:var(--fn-ink,#17120b) !important;
}
.frontnews-newspaper :is(h1,h2,h3,h4,h5,h6){
  color:var(--fn-ink,#17120b) !important;
}
.frontnews-newspaper :is(p,li,dd,dt){
  color:var(--fn-muted,#2a2116) !important;
}
.frontnews-newspaper .frontnews-ribbon-award h3,
.frontnews-newspaper .frontnews-recipients small,
.frontnews-newspaper .frontnews-red-label{
  color:var(--fn-red,#842116) !important;
}
.frontnews-newspaper a:not(.button):not(.detail-btn){
  color:var(--fn-red,#842116) !important;
}
.frontnews-newspaper .frontnews-all-link a{
  color:#ffd45a !important;
}


/* WireTap sections: required consistent inner spacing */
.wiretap-server-list .wiretap-server-grid,
.wiretap-objective-grid > .stats-card .objective-town-list,
.wiretap-public-unavailable{
  padding:24px !important;
}
.wiretap-objective-grid > .stats-card > .section-head,
.wiretap-server-list > .section-head{
  padding:20px 24px !important;
  margin:0 !important;
  border-bottom:1px solid #D8D2C4 !important;
}
.objective-town-list span b{color:#8E3934;font-size:10px;letter-spacing:.06em}
.wiretap-objective-grid > .stats-card:last-child .objective-town-list span b{color:#1F4E79}
@media(max-width:640px){
  .wiretap-server-list .wiretap-server-grid,
  .wiretap-objective-grid > .stats-card .objective-town-list,
  .wiretap-public-unavailable{padding:18px !important}
}

/* ========================================================================== 
   v1.13.33 – unified public underpage design based on the community hub.
   The stylesheet is injected by frontend-nav only outside index.php.
   ========================================================================== */
body.site-layout,
body.community-hub-body,
body.lage-command-body{
  margin:0;
  background:#ede8dc !important;
  color:#111 !important;
}

body.site-layout > main,
body.community-hub-body > main,
body.lage-command-body > main,
.site-main,
.community-hub-page,
.town-overview-page,
.tier-page-shell,
.lage-command-page{
  width:min(1280px,calc(100% - 32px)) !important;
  max-width:1280px !important;
  margin:0 auto !important;
  padding:24px 0 64px !important;
  box-sizing:border-box;
  background:transparent !important;
}

/* Reference-style page introductions. */
:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.community-page-head,.transferred-page-hero,.cms-subpage-hero,.cms-original-hero,
      .content-hero,.town-overview-hero,.tier-hero,.lage-command-hero,.squad-overview-hero){
  margin:0 0 18px !important;
  padding:22px 20px !important;
  border:1px solid #d8d2c4 !important;
  border-left:4px solid #1f4e79 !important;
  border-radius:0 !important;
  background:#f7f4ed !important;
  box-shadow:0 7px 20px rgba(0,0,0,.055) !important;
  color:#111 !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.community-page-head,.transferred-page-hero,.cms-subpage-hero,.cms-original-hero,
      .content-hero,.town-overview-hero,.tier-hero,.lage-command-hero) h1{
  margin:.15em 0 .25em !important;
  color:#0d1114 !important;
  font-size:clamp(30px,4vw,48px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.eyebrow,.community-kicker,.cms-subpage-kicker,.cms-original-kicker,
      .tier-hero__eyebrow,.town-overview-kicker,.section-category-original){
  color:#a77e20 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

/* Sections and cards use the same visual hierarchy as Spielerstatistik. */
:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.community-section,.stats-card,.cms-subpage-content,.cms-original-panel,
      .news-archive-section,.news-article-card,.faq-layout,.tier-content-card,
      .tier-sidebar-card,.town-overview-panel,.lage-factory-panel,.lage-map-panel,
      .lage-rdp-section,.auth-card){
  border:1px solid #d8d2c4 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 7px 20px rgba(0,0,0,.055) !important;
  color:#111 !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.community-section,.stats-card,.news-archive-section,.faq-layout,
      .tier-content-card,.town-overview-panel,.lage-factory-panel,.lage-map-panel){
  margin-bottom:18px !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.section-head,.community-section-title,.section-header-original){
  padding-left:14px;
  border-left:4px solid #1f4e79;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.section-head,.community-section-title,.section-header-original) h2{
  margin:.12em 0 !important;
  color:#111 !important;
  font-size:clamp(25px,3vw,36px) !important;
  line-height:1.1 !important;
  letter-spacing:-.025em !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.community-award-card,.community-kpi-card,.account-original-card,.overview-card,
      .grundlagen-card,.objective-card,.map-example-card,.news-archive-card,
      .lage-rdp-card,.player-detail-card,.auth-card){
  border:1px solid #d8d2c4 !important;
  border-radius:8px !important;
  background:#fff !important;
  box-shadow:0 4px 14px rgba(0,0,0,.045) !important;
  color:#111 !important;
}

/* Controls and action elements follow the compact reference treatment. */
:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(input,select,textarea){
  min-height:42px;
  box-sizing:border-box;
  border:1px solid #c9c0af !important;
  border-radius:4px !important;
  background:#fff !important;
  color:#111 !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.button,.detail-btn,button[type="submit"],.community-page-actions a){
  border:1px solid #bdb5a6 !important;
  border-radius:0 !important;
  background:#f7f4ed !important;
  color:#1f4e79 !important;
  font-weight:900 !important;
  text-transform:none;
  box-shadow:none !important;
}

:is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
  :is(.button,.detail-btn,button[type="submit"],.community-page-actions a):hover{
  border-color:#1f4e79 !important;
  background:#1f4e79 !important;
  color:#fff !important;
}

/* Authentication pages become centered community cards without changing forms. */
.auth-page{
  display:grid !important;
  place-items:start center !important;
  min-height:calc(100vh - 260px);
}
.auth-page > .auth-card{
  width:min(620px,100%) !important;
  padding:28px !important;
  box-sizing:border-box;
}

/* Keep the intentionally editorial Frontnachrichten component untouched. */
.frontnews-page-main,
.frontnews-newspaper{
  max-width:none;
}
.frontnews-newspaper{
  box-shadow:none;
}

@media(max-width:760px){
  body.site-layout > main,
  body.community-hub-body > main,
  body.lage-command-body > main,
  .site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page{
    width:calc(100% - 20px) !important;
    padding-top:14px !important;
  }
  :is(.site-main,.community-hub-page,.town-overview-page,.tier-page-shell,.lage-command-page)
    :is(.community-page-head,.transferred-page-hero,.cms-subpage-hero,.cms-original-hero,
        .content-hero,.town-overview-hero,.tier-hero,.lage-command-hero){
    padding:18px 15px !important;
  }
  .auth-page > .auth-card{padding:20px !important}
}