/* Guild-raid explanations and PC 1.17 source-based reference tables. */
.pinkbeanGuild {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 24px;
  scroll-margin-top: 108px;
  padding: 24px;
  border: 1px solid var(--maple-line);
  border-radius: 18px;
  background: var(--maple-surface);
  color: var(--maple-text);
  font-size: var(--ui-type-l4-size, 14px);
  line-height: var(--ui-type-l4-line, 1.65);
  overflow-wrap: anywhere;
  word-break: keep-all;
}
.pinkbeanGuild__heading {display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap}
.pinkbeanGuild__heading h2 {margin: 4px 0 0; color: var(--maple-text)}
.pinkbeanGuild__source {color: var(--maple-accent); text-underline-offset: 3px; padding: 8px 0; font-size: var(--ui-type-l4-size, 14px)}
.pinkbeanGuild__source:focus-visible {outline: 2px solid var(--maple-accent); outline-offset: 4px; border-radius: 3px}
.pinkbeanGuild__overview {margin-top: 18px; padding: 16px 18px; border: 1px solid var(--maple-line); border-radius: 12px; background: var(--maple-panel)}
.pinkbeanGuild__overview p {margin: 0 0 10px}
.pinkbeanGuild__overview ul {margin: 0; padding-left: 20px; color: var(--maple-muted)}
.pinkbeanGuild__overview li + li {margin-top: 8px}
.pinkbeanGuild__overview strong {color: var(--maple-text)}
.pinkbeanGuild__stats {margin-top: 18px}
.pinkbeanGuild__stats h3 {margin: 0 0 6px}
.pinkbeanGuild__stats p {margin: 0 0 12px; color: var(--maple-muted)}
.pinkbeanGuild__stats .tableWrap {max-width: 100%}
.bossPane .pinkbeanGuild__statTable {min-width: 900px!important; table-layout: auto}
.pinkbeanGuild__statTable th, .pinkbeanGuild__statTable td {white-space: nowrap; text-align: right; color: var(--maple-text)!important; border-color: var(--maple-line)!important}
.pinkbeanGuild__statTable th:first-child {text-align: left}
.pinkbeanGuild__stats .pinkbeanGuild__statNote {margin: 12px 0 18px}
.pinkbeanGuild__lead {margin: 14px 0 18px; color: var(--maple-muted)}
.pinkbeanGuild__facts {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 0}
.pinkbeanGuild__facts > div {padding: 14px 16px; border: 1px solid #deccb3; border-radius: 12px; background: var(--maple-panel); min-width: 0}
.pinkbeanGuild__facts dt {color: var(--maple-muted); margin-bottom: 5px}
.pinkbeanGuild__facts dd {margin: 0; font-size: var(--ui-type-l3-size, 16px); line-height: 1.5; font-weight: 700}
.pinkbeanGuild__facts dd span {display: block; font-size: var(--ui-type-l4-size, 14px); font-weight: 400}
.pinkbeanGuild__revives {margin: 12px 0 20px; color: var(--maple-muted)}
.pinkbeanGuild__mechanics {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px}
.pinkbeanGuild__mechanics article {min-width: 0; padding-top: 14px; border-top: 1px solid #deccb3}
.pinkbeanGuild__mechanics h3 {margin: 0 0 6px; color: var(--maple-text)}
.pinkbeanGuild__mechanics p {margin: 0; color: var(--maple-muted); font-size: var(--ui-type-l4-size, 14px)}
.pinkbeanGuild__buffs {margin-top: 22px}
.pinkbeanGuild__buffs h3 {margin: 0 0 6px}
.pinkbeanGuild__buffs p {margin: 0 0 12px; color: var(--maple-muted)}
.pinkbeanGuild__buffs .pinkbeanGuild__buffException {margin-top: 10px}
.pinkbeanGuild__buffs table {width: 100%; min-width: 0; table-layout: fixed; border-collapse: collapse; font-size: var(--ui-type-l4-size, 14px)}
.pinkbeanGuild__buffs th, .pinkbeanGuild__buffs td {padding: 10px 12px; border: 1px solid #deccb3!important; color: var(--maple-text)!important; text-align: left; white-space: normal; vertical-align: middle}
.pinkbeanGuild__buffs th {background: var(--maple-panel)!important}
.pinkbeanGuild__buffs caption {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0}
.pinkbeanGuild__buffs th:first-child {width: 20%}
.pinkbeanGuild__buffs th:last-child {width: 22%}
.pinkbeanGuild__interpretation {margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #f2ecdf}
.pinkbeanGuild__interpretation h3 {margin: 0 0 8px; color: var(--maple-text)}
.pinkbeanGuild__interpretation h3 span {display: block; margin-top: 4px; font-size: var(--ui-type-l4-size, 14px); font-weight: 400; color: var(--maple-muted)}
.pinkbeanGuild__interpretation ul {padding-left: 20px; margin: 0; color: var(--maple-muted)}
.pinkbeanGuild__interpretation li + li {margin-top: 6px}
.pinkbeanGuild__boundary {margin: 16px 0 0; padding-top: 14px; border-top: 1px solid #deccb3; color: var(--maple-muted)}
.pinkbeanGuild__boundary > strong:first-child {display: block; margin-bottom: 4px; color: var(--maple-text)}
.pinkbeanGuild__jump {display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0}
.pinkbeanGuild__jump a {padding: 7px 12px; border: 1px solid var(--maple-line); border-radius: 8px; color: var(--maple-text); background: var(--maple-panel); text-decoration: none}
.pinkbeanGuild__jump a:focus-visible, .pinkbeanGuild .tableWrap:focus-visible {outline: 2px solid var(--maple-accent); outline-offset: 3px}
.pinkbeanGuild__detail {margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--maple-line); scroll-margin-top: 110px}
.pinkbeanGuild__detail h3 {margin: 0 0 10px}
.pinkbeanGuild__detail h3[id] {scroll-margin-top: 110px}
.pinkbeanGuild__detail p {margin: 8px 0 12px; color: var(--maple-muted)}
.pinkbeanGuild__detail strong {color: var(--maple-text)}
.pinkbeanGuild__detail .tableWrap {max-width: 100%; margin-top: 12px}
.pinkbeanGuild__detail table {border-collapse: collapse; width: 100%; table-layout: auto}
.pinkbeanGuild__detail th, .pinkbeanGuild__detail td {padding: 10px 12px; text-align: left!important; white-space: normal!important; border: 1px solid var(--maple-line)!important; color: var(--maple-text)!important; vertical-align: top}
.pinkbeanGuild__detail th {background: var(--maple-panel)!important}
.pinkbeanGuild__patternCard {margin-top: 18px}
.pinkbeanGuild__patternCard h4 {margin: 0 0 8px}
.pinkbeanGuild__patternCard h4 span {font-size: var(--ui-type-l4-size,14px); color: var(--maple-muted); font-weight: 400; margin-left: 8px}
.bossPane .pinkbeanGuild__patternTable {min-width: 760px!important; table-layout: fixed}
.pinkbeanGuild__patternTable th:first-child {width: 20%}
.pinkbeanGuild__patternTable th:nth-child(2) {width: 17%}
.pinkbeanGuild__patternTable th:nth-child(3) {width: 22%}
.pinkbeanGuild__patternTable td span {font-size: 12px; color: var(--maple-muted)}
.pinkbeanGuild__detail .pinkbeanGuild__formula {font-variant-numeric: tabular-nums; white-space: nowrap!important}
.pinkbeanGuild__callout {padding: 14px 16px; border-left: 3px solid var(--maple-accent); border-radius: 4px; background: var(--maple-panel)}
.bossPane .pinkbeanGuild__correctionTable {min-width: 600px!important}
.bossPane .pinkbeanGuild__hpTable, .bossPane .pinkbeanGuild__healTable {min-width: 520px!important; font-variant-numeric: tabular-nums}
.pinkbeanGuild__hpTable td:nth-child(2), .pinkbeanGuild__healTable td {white-space: nowrap!important}
.pinkbeanGuild__steps {padding-left: 24px; color: var(--maple-muted)}
.pinkbeanGuild__steps li + li {margin-top: 8px}
@media (max-width: 899px) {
  .pinkbeanGuild {padding: 18px; border-radius: 16px; margin-bottom: 20px; scroll-margin-top: 148px}
  .pinkbeanGuild__facts {grid-template-columns: repeat(2, minmax(0, 1fr))}
  .pinkbeanGuild__detail, .pinkbeanGuild__detail h3[id] {scroll-margin-top: 150px}
}
@media (max-width: 599px) {
  .pinkbeanGuild {padding: 16px}
  .pinkbeanGuild__heading {gap: 4px}
  .pinkbeanGuild__mechanics {grid-template-columns: minmax(0, 1fr); gap: 14px}
  .pinkbeanGuild__facts {gap: 8px}
  .pinkbeanGuild__facts > div {padding: 12px}
  .pinkbeanGuild__interpretation {padding: 14px}
  .pinkbeanGuild__patternCard h4 span {display: block; margin: 3px 0 0}
}
@media (max-width: 359px) {
  .pinkbeanGuild__facts {grid-template-columns: minmax(0, 1fr)}
}