/* About: how the store works (TODO 00001.5.16). Built from the guide only (system page, no tournament): H2, then
   three open columns divided by 1px line rules, each a label caps slate eyebrow with the margin rule, an H3 navy
   name and body text. White ground, no cards, no AI colour (this is a description, not an AI surface). */
.p-about-pillars { box-sizing: border-box; padding: var(--wp--preset--spacing--120) var(--wp--custom--gutter--desktop); }
.p-about-pillars *, .p-about-pillars *::before, .p-about-pillars *::after { box-sizing: border-box; }
.p-about-pillars__inner { max-width: var(--wp--custom--layout--wide); margin-inline: auto; }
.p-about-pillars .p-about-pillars__title {
  margin: 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-2);
  font-weight: var(--wp--custom--font-weight--h-2); letter-spacing: var(--wp--custom--letter-spacing--h-2); line-height: 1.15;
}
.p-about-pillars__list {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: var(--wp--preset--spacing--90) 0 0; padding: 0; list-style: none;
  border-top: 1px solid var(--wp--preset--color--line);
}
.p-about-pillars__item { padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--70) 0; border-left: 1px solid var(--wp--preset--color--line); }
.p-about-pillars__item:first-child { padding-left: 0; border-left: 0; }
.p-about-pillars__label {
  display: flex; align-items: center; gap: var(--wp--preset--spacing--40); margin: 0;
  color: var(--wp--preset--color--slate); font-size: var(--wp--preset--font-size--label); font-weight: var(--wp--custom--font-weight--label);
  letter-spacing: var(--wp--custom--letter-spacing--label); line-height: 1.3; text-transform: uppercase;
}
.p-about-pillars__label::before { content: ""; flex: none; width: 24px; height: 2px; background: var(--wp--preset--color--navy); }
.p-about-pillars .p-about-pillars__name {
  margin: var(--wp--preset--spacing--40) 0 0; color: var(--wp--preset--color--navy); font-size: var(--wp--preset--font-size--h-3);
  font-weight: var(--wp--custom--font-weight--h-3); line-height: 1.25;
}
.p-about-pillars__body { margin: var(--wp--preset--spacing--50) 0 0; max-width: 36ch; color: var(--wp--preset--color--ink); font-size: var(--wp--preset--font-size--body); line-height: 1.6; }
@media (max-width: 991.98px) {
  .p-about-pillars { padding: var(--wp--custom--section--tablet) var(--wp--custom--gutter--tablet); }
  .p-about-pillars__list { grid-template-columns: minmax(0, 1fr); margin-top: var(--wp--preset--spacing--70); }
  .p-about-pillars__item { padding: var(--wp--preset--spacing--60) 0; border-left: 0; border-bottom: 1px solid var(--wp--preset--color--line); }
  .p-about-pillars__body { max-width: 60ch; }
}
@media (max-width: 599.98px) { .p-about-pillars { padding: var(--wp--custom--section--phone) var(--wp--custom--gutter--phone); } }