/* Feat catalogue: visual source cards and the shared catalogue filter rhythm. */
.catalog-toolbar-feats{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 220px;
  align-items:center;
  gap:8px;
}
.compendium-catalog-section--feats{padding-top:34px}
.compendium-grid--feats{gap:18px}
.compendium-card--feat{
  position:relative;
  min-height:318px;
  padding:0;
  overflow:hidden;
  border:1px solid #cfc6b8;
  background:#fff;
  box-shadow:0 7px 20px #0000000c;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.compendium-card--feat:hover{
  transform:translateY(-3px);
  border-color:#9b8065;
  box-shadow:0 15px 32px #00000018;
}
.compendium-card--feat[hidden]{display:none!important}
.compendium-card__mark{
  display:flex;
  align-items:center;
  height:82px;
  flex:0 0 82px;
  padding:0 22px;
  overflow:hidden;
  border-bottom:3px solid var(--red);
  background:linear-gradient(135deg,#272b33,#111318);
  color:#ffffff20;
  font:700 58px/1 Georgia,serif;
}
.compendium-source-badge{
  position:absolute;
  z-index:2;
  top:18px;
  right:18px;
  min-width:42px;
  min-height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:5px 9px;
  border:1px solid #ffffff42;
  color:#fff;
  font:900 9px/1 Arial,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.compendium-source-badge--srd{background:#f0eadf;color:#6d4038;border-color:#f0eadf}
.compendium-source-badge--ff{background:var(--red);color:#fff;border-color:var(--red)}
.compendium-card__content{
  min-width:0;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  padding:21px 23px 22px;
}
.compendium-card--feat .eyebrow{margin:0;color:#805047}
.compendium-card--feat h2{margin:8px 0 2px;font-size:30px;line-height:1.05}
.compendium-card--feat em{color:#777064;font-size:12px}
.compendium-card--feat p{margin:13px 0 0;color:#555047;line-height:1.55}
.compendium-card--feat .text-link{margin-top:auto;padding-top:18px;font-size:12px;font-weight:900}
.compendium-source-empty{margin-top:18px}

@media(max-width:700px){
  .catalog-toolbar-feats{
    grid-template-columns:minmax(0,1fr) 190px!important;
  }
  .catalog-toolbar-feats .catalog-toolbar-search{grid-column:auto}
  .compendium-card--feat{min-height:285px}
}
@media(max-width:520px){
  .catalog-toolbar-feats{grid-template-columns:1fr!important}
  .compendium-card__mark{height:72px;flex-basis:72px;font-size:50px}
  .compendium-card__content{padding:19px 20px 20px}
}

/* Feat detail: the same readable reference-page rhythm used across Fateforce. */
.feat-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 154px;gap:48px;align-items:center}
.feat-detail-labels{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 8px}
.feat-detail-labels .eyebrow{margin:0}
.feat-source-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:24px;padding:5px 8px;border:1px solid #25282e;background:#25282e;color:#fff;font:900 9px/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.feat-source-badge--ff{border-color:var(--red);background:var(--red)}
.feat-detail-emblem{width:154px;height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #474a51;border-bottom:4px solid var(--red);background:linear-gradient(145deg,#282b32,#121419);box-shadow:0 18px 38px #0000001a;color:#fff}
.feat-detail-emblem span{font:700 62px/1 Georgia,serif;color:#ffffffd9}
.feat-detail-emblem small{margin-top:10px;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9c}
.feat-detail-content{padding-top:48px}
.feat-detail-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:52px;align-items:start}
.feat-facts-card{position:sticky;top:92px;border:1px solid #cfc6b8;background:#fff;box-shadow:0 10px 28px #0000000c}
.feat-facts-card__head{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-bottom:3px solid var(--red);background:#1b1d22;color:#fff}
.feat-facts-card__head span{font:700 19px/1 Georgia,serif}
.feat-facts-card__head strong{font-size:9px;letter-spacing:.1em}
.feat-facts-card dl{margin:0;padding:5px 18px 8px}
.feat-facts-card dl>div{padding:14px 0;border-bottom:1px solid #dfd8ce}
.feat-facts-card dl>div:last-child{border-bottom:0}
.feat-facts-card dt{margin:0 0 5px;color:#766e63;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.feat-facts-card dd{margin:0;color:#201e1b;font:700 15px/1.4 Georgia,serif}
.feat-detail-main{min-width:0;max-width:850px}
.feat-section-nav{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin:0 0 34px;padding:14px 0;border-top:1px solid #d3cbc0;border-bottom:1px solid #d3cbc0}
.feat-section-nav strong{margin-right:4px;color:#756d62;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.feat-section-nav a{color:#26231f;font-size:13px;font-weight:800;text-decoration:none}
.feat-section-nav a:hover,.feat-section-nav a:focus-visible{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.feat-content-section[id]{scroll-margin-top:110px}
.feat-content-section>h2{margin:8px 0 22px;font:700 clamp(31px,4vw,44px)/1 Georgia,serif;color:#17191e}
.feat-benefit-list{border-top:1px solid #d4ccc1}
.feat-benefit-item{display:grid;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:23px 0;border-bottom:1px solid #d4ccc1}
.feat-benefit-number{padding-top:4px;color:#9a8f82;font-size:10px;font-weight:900;letter-spacing:.08em}
.feat-benefit-item h3{margin:0 0 9px;color:#17191e;font:700 24px/1.2 Georgia,serif}
.feat-benefit-item p{margin:0;color:#37332e;font:17px/1.72 Georgia,serif}
.feat-description{margin-top:46px;padding:30px 32px;border-left:3px solid var(--red);background:#fff}
.feat-description>h2{margin-bottom:16px}
.feat-description p{margin:0 0 14px;color:#413d37;font-size:16px;line-height:1.7}
.feat-description p:last-child{margin-bottom:0}

@media(max-width:900px){
  .feat-detail-layout{grid-template-columns:1fr;gap:34px}
  .feat-facts-card{position:static}
  .feat-facts-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .feat-facts-card dl>div:nth-last-child(2){border-bottom:0}
  .feat-detail-main{max-width:none}
}
@media(max-width:700px){
  .feat-detail-hero-grid{grid-template-columns:minmax(0,1fr) 106px;gap:24px}
  .feat-detail-emblem{width:106px;height:106px}
  .feat-detail-emblem span{font-size:44px}
  .feat-detail-emblem small{font-size:8px}
  .feat-detail-content{padding-top:32px}
}
@media(max-width:520px){
  .feat-detail-hero-grid{grid-template-columns:1fr}
  .feat-detail-emblem{display:none}
  .feat-facts-card dl{grid-template-columns:1fr}
  .feat-facts-card dl>div:nth-last-child(2){border-bottom:1px solid #dfd8ce}
  .feat-benefit-item{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:19px 0}
  .feat-benefit-item h3{font-size:21px}
  .feat-benefit-item p{font-size:16px;line-height:1.68}
  .feat-description{margin-top:36px;padding:24px 20px}
}