/*
 * WW2 Related Pages
 * The Strategic Theaters Section Builder owns the outer section title, note,
 * prose and spacing. This stylesheet retains the complete related-page card
 * presentation only.
 */
.ww2rp{
  --bg:#CBD2CE;--panel:#DCE0DD;--dark:#263038;--head:#2C2119;--body:#2F4443;
  --data:#45302A;--cred:#7D5F52;--mark:#47654E;--rule:#B0B9B5;--rule-2:#92A5A3;
  --disp:"Libre Baskerville",Georgia,serif;--sans:"Roboto",system-ui,sans-serif;
  --mono:"Roboto Mono",ui-monospace,monospace;
  color:var(--body);font-family:var(--sans);width:100%
}
.ww2rp *{box-sizing:border-box}
.ww2rp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--rule-2);border-left:1px solid var(--rule-2)}
.ww2rp-card{border-right:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);display:flex;flex-direction:column;text-decoration:none!important;color:inherit!important;background:transparent;min-width:0}
.ww2rp-card:hover{background:var(--panel)}
.ww2rp-photo{position:relative;margin:0;border-bottom:1px solid var(--rule);overflow:hidden;background:var(--panel);aspect-ratio:16/9}
.ww2rp-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(.55) contrast(1.06);transition:transform .2s ease,filter .2s ease}
.ww2rp-card:hover .ww2rp-photo img{filter:grayscale(.35) contrast(1.04);transform:scale(1.012)}
.ww2rp-plate{display:none;position:absolute;inset:0;padding:18px;align-content:end;background:linear-gradient(145deg,rgba(146,165,163,.30),rgba(220,224,221,.8))}
.ww2rp-photo.is-blank .ww2rp-plate{display:grid;gap:5px}
.ww2rp-plate span{font-family:var(--mono);font-size:9px;letter-spacing:.18em;color:var(--mark)}
.ww2rp-plate strong{font-family:var(--disp);font-size:15px;line-height:1.3;color:var(--head)}
.ww2rp-body{padding:17px 20px 20px;display:flex;flex-direction:column;gap:9px;flex:1}
.ww2rp-meta{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:var(--mark);line-height:1.55;text-transform:none}
.ww2rp h3{font-family:var(--disp);font-size:18px;line-height:1.28;margin:0;color:var(--head);font-weight:700}
.ww2rp-body p{margin:0;font-size:13.5px;line-height:1.66;color:var(--body);max-width:none}
.ww2rp-open{margin-top:auto;padding-top:12px;border-top:1px solid var(--rule);font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;color:var(--mark);text-transform:uppercase}
.ww2rp-card:focus-visible{outline:2px solid var(--mark);outline-offset:-2px}
@media(max-width:1000px){.ww2rp-grid{grid-template-columns:1fr}.ww2rp-photo{aspect-ratio:16/7}}
@media(max-width:640px){.ww2rp-photo{aspect-ratio:16/9}.ww2rp-body{padding:15px 17px 18px}}
@media(prefers-reduced-motion:reduce){.ww2rp-photo img{transition:none}}

/* Mobile containment harness. The shortcode may be inserted inside narrow
   Section Builder columns, so every grid/card layer must be allowed to shrink. */
.ww2rp,.ww2rp-grid,.ww2rp-card,.ww2rp-photo,.ww2rp-body{min-width:0;max-width:100%}
.ww2rp{width:100%;overflow:hidden}
.ww2rp-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
.ww2rp-card{width:100%;overflow:hidden}
.ww2rp-body :is(.ww2rp-meta,h3,p,.ww2rp-open){max-width:100%;overflow-wrap:anywhere;word-break:normal}
.ww2rp-photo img{max-width:100%}
@media(max-width:1000px){
  .ww2rp-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:640px){
  .ww2rp{width:100%;max-width:100%;margin-left:0;margin-right:0}
  .ww2rp-grid{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)}
  .ww2rp-card,.ww2rp-photo,.ww2rp-body{width:100%;max-width:100%;min-width:0}
  .ww2rp-body{padding-left:15px;padding-right:15px}
}