.whr .whr__explorer {
  padding: 0;
  border: 2px solid #153e35;
  background: #153e35;
  box-shadow: 8px 9px 0 #153e3530;
  scroll-margin-top: 85px;
}
body.mmos-wh-journal .whr > #whr-explorer { padding: 0; }
.whr__explorer-head {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 28px;
  align-items: end;
  padding: clamp(24px, 3.5vw, 52px);
  color: #fff1d5;
}
.whr__explorer-head h2 {
  color: inherit;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
}
.whr__explorer-head > p { margin: 0; max-width: 540px; font-size: 18px; }
body.mmos-wh-journal #whr-explorer .whr__explorer-head .whr__eyebrow,
.whr__explorer-head .whr__eyebrow { color: #f0cf83; }
.whr__explorer-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.whr__explorer-tabs button {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  white-space: normal;
  padding: 20px clamp(20px, 3.5vw, 52px);
  border: 0;
  border-top: 1px solid #153e35;
  border-bottom: 5px solid transparent;
  border-radius: 0;
  background: #f4ecd9;
  color: #153e35;
  text-align: left;
  cursor: pointer;
}
.whr__explorer-tabs button + button { border-left: 1px solid #87917d; }
.whr__explorer-tabs strong { font: 700 clamp(1.7rem, 2.7vw, 2.4rem)/1.15 Oswald, Impact, sans-serif; text-transform: uppercase; }
.whr__explorer-tabs span { font: 400 15px/1.45 Arial, sans-serif; }
.whr__explorer-tabs button[aria-selected="true"] { background: #b54f23; color: #fff4df; border-bottom-color: #f0cf83; }
.whr__explorer-tabs button:hover { box-shadow: inset 0 0 0 2px #f0cf83; }
.whr__explorer-tabs button:focus-visible { outline: 3px solid #fff; outline-offset: -7px; box-shadow: inset 0 0 0 9px #153e35; }
.whr__explorer > [data-whr-explorer-panel] {
  padding: clamp(20px, 3.5vw, 52px);
  margin: 0;
  border: 0;
  box-shadow: none;
  scroll-margin-top: 85px;
}
.whr__explorer [hidden] { display: none !important; }
.whr__explorer > [role="tabpanel"]:focus-visible { outline: 3px solid #f0cf83; outline-offset: -5px; }
.whr__explorer :is(.whr__cutaway-head, .wht-heading) {
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: start;
  margin-bottom: 28px;
}
.whr__explorer :is(.whr__cutaway-head, .wht-heading) h3 {
  margin: 0 0 10px;
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.2;
  color: inherit;
  text-transform: uppercase;
}
.whr__explorer :is(.whr__cutaway-head, .wht-heading) p { margin: 0; font-size: 16px; line-height: 1.6; }
@media (max-width: 700px) {
  .whr__explorer-head { grid-template-columns: 1fr; gap: 16px; }
  .whr__explorer-head > p { font-size: 16px; }
  .whr__explorer-tabs button { padding: 17px 16px; }
  .whr__explorer-tabs span { font-size: 13px; }
  .whr__explorer :is(.whr__cutaway-head, .wht-heading) { grid-template-columns: 1fr; gap: 12px; }
  .whr .whr__explorer { scroll-margin-top: 100px; }
}