.field-catalogue{font-family:inherit;color:#263a2c}.field-catalogue-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.field-catalogue-filters label{display:grid;flex:1 1 11rem;font-weight:600;gap:.3rem}.field-catalogue select,.field-catalogue button,.field-catalogue article a{font:inherit;min-height:42px;border:1px solid #afab91;border-radius:.4rem;padding:.42rem .65rem}.field-catalogue select{width:100%;background:#fffaf0;color:#263a2c}.field-catalogue a,.field-catalogue button{cursor:pointer}.field-catalogue article a,.field-catalogue article button{align-self:end;justify-self:start;display:inline-flex;align-items:center;box-sizing:border-box;background:#355940;color:#fff9e7;text-decoration:none}.field-catalogue :focus-visible,.field-tool-bridge:focus-visible{outline:3px solid #a26c1f;outline-offset:2px}.field-catalogue-count,.field-catalogue-places{font-size:.88rem;font-weight:600;color:#495c43}.field-catalogue-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.85rem}.field-catalogue-list article{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:.42rem;align-content:start;padding:1rem;border:1px solid #cbbfa3;border-radius:.6rem;background:#faf6e9;color:#263a2c}.field-catalogue-list article>*{margin:0}.field-catalogue-list h3{font:700 1.16rem/1.2 Georgia,serif}.field-catalogue-list small{font-size:.78rem;color:#5c583e}.field-tool-bridge{display:inline-block;margin:.7rem 0;color:#305743;text-decoration:underline}.field-classic{width:min(72rem,calc(100% - 2rem));margin:2rem auto 4rem}.field-classic h1{font-family:Georgia,serif}
.field-catalogue input[type=search]{box-sizing:border-box;width:100%;min-height:44px;padding:.42rem .65rem;border:1px solid #afab91;border-radius:.4rem;background:#fffaf0;color:#263a2c;font:inherit}.field-catalogue-filters label{min-width:0}
.field-catalogue-list .field-catalogue-group{grid-column:1/-1;font:700 1.25rem/1.25 Georgia,serif;padding:.65rem 0 .15rem;margin:0}.field-catalogue-list article:has(.field-catalogue-preview){grid-template-rows:auto auto auto auto 1fr auto;overflow:hidden}.field-catalogue-list article .field-catalogue-preview{display:block;width:calc(100% + 2rem);max-width:none;height:clamp(5.8rem,11vw,8rem);object-fit:cover;margin:-1rem -1rem .1rem}

/* The site and the compact in-game catalogue share cards; the site has room for a larger reading layout. */
.field-classic {
  width: min(69rem, calc(100% - clamp(2rem, 7vw, 6rem)));
  margin: clamp(2rem, 4.8vw, 4rem) auto;
  color: #233a2e;
  font: 1rem/1.5 "Segoe UI", Arial, sans-serif;
}
.field-classic > h1 {
  margin: 0 0 .4rem;
  color: #214334;
  font: 700 clamp(2rem, 4.1vw, 3.4rem)/1.08 Georgia, serif;
  letter-spacing: -.027em;
}
.field-classic > p { max-width: 68ch; margin: 0 0 1.4rem; color: #445b4b; }
.field-classic .field-catalogue-filters {
  padding: .85rem 1rem 1rem;
  margin: 0 0 1rem;
  border: 1px solid #d7d6c5;
  border-radius: .7rem;
  background: #f4f5ec;
}
.field-classic .field-catalogue-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.05rem; }
.field-classic .field-catalogue-list article { gap: .5rem; background: #fcfaf2; }
.field-classic .field-catalogue-list article .field-catalogue-preview { height: auto; aspect-ratio: 2.5; }
.field-classic .field-catalogue-list h3 { font-size: 1.3rem; }
.field-classic .field-catalogue-list article a { margin-top: .4rem; font-weight: 600; }
.field-classic .field-catalogue-list article a:hover { background: #244936; }
@media(max-width: 840px) {
  .field-classic .field-catalogue-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 600px) {
  .field-classic .field-catalogue-list { grid-template-columns: minmax(0, 1fr); }
  .field-classic .field-catalogue-filters { padding: .7rem; }
}

.field-catalogue {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.5rem}
.field-catalogue > :is(.field-catalogue-filters,[role=status],.field-catalogue-list) {grid-column:1/-1;min-width:0}
.field-catalogue .field-catalogue-filters {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:.5rem .75rem;margin:.4rem 0}
.field-catalogue-filters label > span {font-size:.84rem}
.field-catalogue-more {grid-column:1/-1;border-bottom:1px solid #d6c8a8}
.field-catalogue-more summary {cursor:pointer;padding:.65rem .1rem;color:#34513c;font-size:.87rem;font-weight:650}
.field-catalogue-more > div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:0 0 .7rem}
.field-catalogue .field-catalogue-reset {min-height:40px;padding:.25rem .1rem;border:0;background:transparent;color:#31563c;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
.field-catalogue .field-catalogue-reset[hidden] {display:none}
.field-catalogue .field-catalogue-count {margin:.5rem 0;font-size:.82rem}
.field-catalogue .field-catalogue-list .field-catalogue-group {margin:.3rem 0 0;padding:.45rem 0 .22rem;border-bottom:1px solid #cdbb93;color:#2c4936}
.field-catalogue .field-catalogue-list article {display:flex;flex-direction:column;align-items:start;gap:.4rem}
.field-catalogue .field-catalogue-list article > :is(h3,p) {margin:0}
.field-catalogue .field-catalogue-list article > p:last-of-type {margin-bottom:auto}
.field-catalogue .field-catalogue-list article > :is(a,button) {align-self:start;min-height:44px}
.bp-learning-modal:has(.field-catalogue) {z-index:1200}
.bp-learning-modal .field-catalogue-list {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:600px) {
  .bp-learning-modal .field-catalogue-list {grid-template-columns:minmax(0,1fr)}
  .field-catalogue .field-catalogue-filters {gap:.35rem .5rem}
  .field-catalogue-filters select,.field-catalogue-filters input[type=search] {min-width:0;font-size:1rem}
  .field-catalogue .field-catalogue-list article {padding:.75rem}
  .field-catalogue .field-catalogue-list article:has(.field-catalogue-preview) {
    display:grid;grid-template-columns:70px minmax(0,1fr);grid-template-rows:auto auto 1fr auto;gap:.3rem .65rem;align-items:start;
  }
  .field-catalogue .field-catalogue-list article .field-catalogue-preview {
    grid-column:1;grid-row:1/span 3;width:70px;height:68px;max-width:none;margin:0;border-radius:.35rem;object-fit:cover;
  }
  .field-catalogue .field-catalogue-list article:has(.field-catalogue-preview) > :not(img) {grid-column:2}
  .field-catalogue .field-catalogue-list article > p {font-size:.87rem;line-height:1.4}
}

.field-catalogue {display:block}
.field-browser {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.65rem}
.field-browser > :is(.field-catalogue-filters,[role=status],.field-catalogue-list) {grid-column:1/-1;min-width:0}
.field-catalogue :is(.field-browser,.field-sheet)[hidden] {display:none}
.field-catalogue .field-catalogue-filters {grid-template-columns:repeat(2,minmax(0,1fr));margin:.35rem 0 .5rem}
.field-catalogue .field-catalogue-filters > label:first-child {grid-column:1/-1}
.field-catalogue-more > div {grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr))}
.field-catalogue-list > p {grid-column:1/-1}
.field-catalogue :is(h2,h3,dd,p,small) {overflow-wrap:anywhere}
.field-catalogue .field-catalogue-list article {min-width:0;border-color:#cfc3a4;background:#fffaf0}
.field-catalogue .field-catalogue-preview {background:#e6e3d1}
.field-catalogue .field-card-open {margin-top:auto;font-weight:650}
.field-sheet {max-width:47rem;min-width:0;margin:0 auto;scroll-margin-block-start:6rem}
.field-sheet .field-sheet-back {border:0;background:transparent;color:#355940;padding:.5rem 0;margin-bottom:.4rem;text-decoration:underline;text-underline-offset:3px}
.field-sheet-image {display:block;width:100%;height:clamp(8rem,21vh,12rem);object-fit:cover;border-radius:.55rem;background:#e8e6d8}
.field-catalogue .field-sheet h3 {margin:.85rem 0 .3rem;font:700 clamp(1.55rem,3vw,2.15rem)/1.12 Georgia,serif;color:#254431}
.field-sheet-meta {color:#506447;font-weight:650;font-size:.94rem}
.field-sheet dl {margin:1rem 0;line-height:1.45}
.field-sheet dt {margin:.65rem 0 .17rem;color:#354f3b;font-weight:700}
.field-sheet dd {margin:0}
.field-sheet .field-sheet-state:empty {display:none}
.field-sheet-state {color:#365b41;font-weight:600}
.field-sheet-actions {display:flex;flex-wrap:wrap;gap:.55rem;margin:.8rem 0}
.field-sheet-actions :is(button,a) {box-sizing:border-box;display:inline-flex;align-items:center;min-height:44px;padding:.55rem .9rem;border:1px solid #2f553d;border-radius:.45rem;background:#31573d;color:#fff8e7;font:650 .96rem/1.3 system-ui;text-decoration:none}
.field-sheet-actions a+a {background:#f6efdf;color:#2e513b}
@media(min-width:650px){.field-classic .field-catalogue-filters {grid-template-columns:1.5fr 1fr 1fr}.field-classic .field-catalogue-filters>label:first-child {grid-column:auto}}
@media(max-width:600px){.field-catalogue .field-catalogue-list article:has(.field-catalogue-preview){grid-template-columns:82px minmax(0,1fr);grid-template-rows:auto auto auto auto auto}.field-catalogue .field-catalogue-list article .field-catalogue-preview{width:82px;height:82px}.field-catalogue .field-catalogue-list article .field-card-open {justify-self:start}.field-sheet-image{height:8.25rem}}