/* =====================================================================
   FA Resource Center — BLOCK-FIRST styles
   Each section is a core Group (full-width = the BAND) containing an inner
   Group (the white CARD). Styles are scoped to .farc-band, so every section
   is self-contained and can be dropped in anywhere without a parent wrapper.

   Class contract (added via the block "Additional CSS class(es)" field):
     band  : .farc-band  + one of .farc-band--paper / --teal / --gray
     card  : .farc-card  (white)  |  .farc-card--teal (Join CTA)
     nav   : .farc-band.farc-nav
     bits  : .farc-eyebrow .farc-h .farc-num .farc-lead .farc-intro
             .farc-list  .farc-order .farc-order__name .farc-refs .farc-trail
   ===================================================================== */

.farc-band{
  --rust:#9c4a2e; --rust-dark:#7d3a23; --rust-brand:#bc6640; --navy:#0a3064;
  --ink:#3a342e; --soft:#6b6258; --paper:#eee9e6; --line:#e4dccd; --peach:#f0e2d6;
  --serif:"fairplex-narrow", Georgia, serif;

  font-family:"apertura-condensed", system-ui, sans-serif;
  color:var(--ink);
  line-height:1.62;
  padding-block:clamp(32px,4.2vw,56px);
  padding-inline:clamp(16px,3vw,24px);
  /* force true full-bleed even if the theme doesn't break out alignfull */
  width:auto;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.farc-band--paper{background:var(--paper);}
.farc-band--teal{background:#72939a;}
.farc-band--gray{background:#666666;}
/* tighten the masthead -> first section gap */
.farc-nav + .farc-band{padding-bottom:clamp(10px,1.6vw,18px);}
.farc-nav + .farc-band + .farc-band{padding-top:clamp(10px,1.6vw,18px);}
.farc-band *{box-sizing:border-box;}

/* ---------- the white card (boxed + centred; band shows around it) ---------- */
.farc-card{
  max-width:1180px;margin-inline:auto;
  background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(10,48,100,.08);
  padding:clamp(34px,4.8vw,64px);
}

/* ---------- links (rust + underline; non-colour cues added by JS) ---------- */
.farc-band a{
  color:var(--rust) !important;font-weight:600;
  text-decoration:underline !important;text-decoration-thickness:2px;text-underline-offset:3px;
  transition:color .12s ease,text-decoration-thickness .12s ease;
}
.farc-band a:hover,.farc-band a:focus{color:var(--rust-dark) !important;text-decoration-thickness:3px;}
.farc-band a:focus-visible{outline:3px solid var(--rust);outline-offset:2px;border-radius:3px;}
.farc-sr{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.farc-ext{font-weight:700;}
.farc-ext::before{content:"\2197";margin-left:.18em;display:inline-block;}

/* ---------- masthead + headings ---------- */
.farc-eyebrow{display:block;font-size:.74rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--rust);margin:0 0 .6rem;}
.farc-card>*:first-child{margin-top:0;}
.farc-h{font-family:var(--serif);color:var(--navy);font-weight:400;line-height:1.06;margin:0 0 .9rem;}
.farc-h--page{font-size:clamp(2.2rem,4.6vw,3.2rem);}
.farc-h--sec{font-size:clamp(1.7rem,3.4vw,2.3rem);border-bottom:2px solid var(--line);padding-bottom:.6rem;margin-bottom:1.3rem;}
.farc-num{font-family:var(--serif);color:var(--rust-brand);font-size:1.05rem;margin:0 0 .15rem;}
.farc-lead{font-size:1.08rem;color:var(--ink);margin:0;}
.farc-intro{color:var(--soft);margin:0 0 1.3rem;}

/* ---------- list section ---------- */
.farc-list{list-style:none;margin:0;padding:0;}
.farc-list li{position:relative;padding:.95rem 0 .95rem 1.4rem;border-bottom:1px solid var(--line);color:var(--ink);}
.farc-list li::before{content:"";position:absolute;left:0;top:1.35rem;width:8px;height:8px;border-radius:50%;background:var(--rust-brand);}
.farc-list li:first-child{padding-top:0;}
.farc-list li:first-child::before{top:.4rem;}
.farc-list li:last-child{border-bottom:0;padding-bottom:0;}

/* ---------- cards section (Director's Orders) ---------- */
.farc-order{background:#faf7f1;border:1px solid var(--line);border-left:4px solid var(--rust-brand);border-radius:10px;padding:1.3rem 1.5rem;margin:0 0 1.1rem;}
.farc-order:last-child{margin-bottom:0;}
.farc-order .farc-order__name{font-family:var(--serif);color:var(--navy);font-weight:400;font-size:1.45rem;line-height:1.1;margin:0 0 .55rem;}
.farc-order p{margin:0 0 .8rem;}
.farc-trail{list-style:none;margin:.8rem 0 0;padding:0 0 0 1.15rem;border-left:2px solid var(--peach);}
.farc-trail li{position:relative;padding:.28rem 0 .28rem .65rem;color:var(--ink);font-size:.97rem;}
.farc-trail li::before{content:"";position:absolute;left:-1.55rem;top:.95em;width:9px;height:9px;border-radius:50%;background:#faf7f1;border:2px solid var(--rust-brand);}

/* ---------- optional GRID layout for the order cards ---------- */
.farc-band .farc-grid{gap:1.2rem;align-items:stretch;}
.farc-band .farc-grid .farc-order{margin:0;height:100%;}

/* ---------- reference links styled as outlined pills (plain links) ---------- */
.farc-refs{margin:.5rem 0 .2rem;}
.farc-band .farc-refs a{
  display:inline-block;margin:.2rem .4rem .2rem 0;
  background:transparent !important;color:var(--rust) !important;
  border:1.5px solid var(--rust);border-radius:5px;
  font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:.32rem .7rem;text-decoration:none !important;
}
.farc-band .farc-refs a:hover,.farc-band .farc-refs a:focus{background:var(--rust) !important;color:#fff !important;}
.farc-refs a:focus-visible{outline:3px solid var(--navy);outline-offset:2px;}

/* ---------- sub-list label + feature subtitle ---------- */
.farc-reqlabel{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rust);margin:.9rem 0 .4rem;}
.farc-subtitle{font-weight:700;color:var(--ink);margin:0 0 .8rem;}

/* ---------- filled CTA link (accessible rust, 5.9:1 with white) ---------- */
.farc-btn{margin:.4rem 0 0;}
.farc-band .farc-btn a{
  display:inline-block;background:var(--rust);color:#fff !important;
  border:2px solid var(--rust);border-radius:30px;
  font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem;
  padding:.75rem 1.5rem;text-decoration:none !important;
}
.farc-band .farc-btn a:hover,.farc-band .farc-btn a:focus{background:#fff;color:var(--rust) !important;}
.farc-btn a:focus-visible{outline:3px solid var(--navy);outline-offset:2px;}

/* ---------- anchor nav bar ---------- */
.farc-nav{padding-block:.9rem;background:#fff;border-bottom:1px solid var(--line);text-align:center;}
.farc-nav p{margin:0;}
.farc-nav a{
  display:inline-block;margin:.15rem .9rem;
  color:var(--rust);text-decoration:none;font-weight:700;
  font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
}
.farc-nav a:hover,.farc-nav a:focus{color:var(--rust-dark);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;}
.farc-nav a:focus-visible{outline:3px solid var(--rust);outline-offset:3px;border-radius:3px;}

/* ---------- Join CTA card (teal on grey band) ---------- */
.farc-card--teal{
  max-width:1180px;margin-inline:auto;text-align:center;
  background:#2f7674;color:#fff;border:3px solid #fff;border-radius:14px;
  padding:clamp(1.8rem,3.8vw,2.8rem) clamp(1.4rem,3vw,2.4rem);
}
.farc-band .farc-card--teal,
.farc-band .farc-card--teal p,
.farc-band .farc-card--teal li,
.farc-band .farc-card--teal .farc-h{color:#fff !important;}
.farc-band .farc-card--teal a{color:#fff !important;text-decoration-color:#fff;}
.farc-band .farc-card--teal a:hover,.farc-band .farc-card--teal a:focus{color:#fff !important;}
.farc-card--teal ul{list-style:none;margin:1rem auto 0;padding:0;max-width:760px;text-align:left;}
.farc-card--teal ul li{position:relative;padding:.28rem 0 .28rem 1.4rem;color:#fff;}
.farc-card--teal ul li::before{content:"";position:absolute;left:0;top:.85em;width:8px;height:8px;border-radius:50%;background:#fff;}

[id]{scroll-margin-top:110px;}

@media (prefers-reduced-motion:reduce){
  .farc-band a,.farc-refs .wp-block-button__link{transition:none;}
}