/* FPR seasonal overlay — Goblins of the Ridge, October 2026.
   Additive to Field Book / Ridge & Signal. Remove enqueue to restore base theme. */
:root{
  --ha-night:#081b18;--ha-pine:#10372c;--ha-ember:#ff9d50;
  --ha-lantern:#ffd195;--ha-mist:#bfcfc5;--ha-bone:#fff0d4;
}
body.fieldbook{--rl-forest:#09221e;--rl-forest-2:#14382c;--rl-rust:#a4492d;--rl-copper:#ff995d;--rl-gold:#ffc984}
body.fieldbook .fb-header{background:rgba(11,27,25,.96);border-bottom:1px solid rgba(255,184,91,.28)}
body.fieldbook .fb-header .fb-brand__name,
body.fieldbook .fb-header .fb-brand__place,
body.fieldbook .fb-header .fb-nav a{color:var(--ha-bone)!important}
body.fieldbook .fb-header .fb-brand__mark{color:var(--ha-ember)}
body.fieldbook .fb-header .fb-nav a:hover,
body.fieldbook .fb-header .fb-nav a:focus-visible{color:var(--ha-night)!important;background:var(--ha-lantern)}
body.fieldbook .fb-header .fb-menu-toggle,
body.fieldbook .fb-header .fb-mode{color:var(--ha-bone)}
.rl-hero{background:var(--ha-night);overflow:hidden}
.rl-hero__image img{filter:grayscale(.22) sepia(.24) hue-rotate(72deg) saturate(.8) brightness(.7) contrast(1.2)!important}
.rl-hero__veil{background:
  radial-gradient(circle at 79% 24%,rgba(255,180,96,.18),transparent 19%),
  linear-gradient(90deg,rgba(3,19,17,.97) 0%,rgba(7,25,22,.89) 37%,rgba(10,31,23,.34) 75%),
  linear-gradient(0deg,rgba(3,13,12,.95),transparent 67%)!important}
.rl-hero::before{content:"";position:absolute;z-index:2;width:clamp(110px,15vw,240px);aspect-ratio:1;right:9%;top:12%;border-radius:50%;
background:radial-gradient(circle at 37% 33%,#fff4c9 0%,#ffd78d 42%,#d28d58 73%,#8e5d3c 100%);
box-shadow:0 0 20px 8px rgba(255,203,131,.28),0 0 120px 35px rgba(255,167,84,.11);opacity:.94;pointer-events:none}
.rl-hero::after{content:"";position:absolute;z-index:2;right:-4%;bottom:-1px;width:70%;height:23%;
background:#041510;clip-path:polygon(0 100%,0 84%,8% 66%,18% 83%,27% 43%,34% 73%,48% 26%,56% 60%,67% 31%,76% 72%,85% 42%,100% 74%,100% 100%);opacity:.8;pointer-events:none}
.rl-hero__content{z-index:4}
.rl-hero h1{font-size:clamp(3rem,7.5vw,8rem);text-shadow:0 10px 48px #071c17}
.rl-hero h1 em{color:#ffd6a0;text-shadow:0 0 40px rgba(243,135,46,.25)}
.rl-hero .rl-kicker{color:#ffdca9}
.rl-hero__facts{background:rgba(5,19,16,.46);backdrop-filter:blur(9px);border-color:rgba(255,200,126,.35)}
.rl-hero__facts strong{color:#fff5df}
.rl-hero__facts small{color:#dce8d8}
.rl-hero .rl-button--solid{background:var(--ha-lantern);border-color:var(--ha-lantern);color:#112821!important}
.rl-hero .rl-button--solid:hover{background:#ffe9bd}
.rl-hero .rl-button--glass{border-color:rgba(255,214,160,.6)}
.rl-band{background:#823c23;color:#fff1dc}
.rl-now{background:linear-gradient(150deg,#061a17,#18352d 64%,#27190e)}
.rl-proof{background:#ecdfca}
.rl-nature{background:linear-gradient(135deg,#0e2d26,#152a22)}
/* Original goblin-eye motif: decorative only; no human-facing text hidden behind it. */
.ha-eyes{position:absolute;z-index:3;right:12%;bottom:24%;width:96px;height:32px;pointer-events:none;opacity:.8;transform:rotate(-6deg)}
.ha-eyes::before,.ha-eyes::after{content:"";position:absolute;top:0;width:24px;height:13px;border-radius:80% 12% 80% 18%;
background:#ffbd55;box-shadow:0 0 14px 7px rgba(255,130,38,.27);transform:rotate(-24deg)}
.ha-eyes::before{left:8px}.ha-eyes::after{right:8px;transform:scaleX(-1) rotate(-24deg)}
.ha-leaf{color:#ffd7a6}
.ha-note{position:relative;background:
radial-gradient(ellipse at 85% 5%,rgba(255,168,70,.2),transparent 33%),
linear-gradient(125deg,#0a2622,#143a2b 70%,#4b2e1b);
color:#f8ebd3;padding:clamp(36px,5vw,72px) 0;border-block:1px solid rgba(255,214,155,.25)}
.ha-note::after{content:"";position:absolute;right:2%;bottom:0;width:40%;height:60%;opacity:.22;pointer-events:none;
background:linear-gradient(0deg,#010d0b,transparent 80%);clip-path:polygon(0 100%,11% 70%,24% 88%,35% 30%,44% 71%,55% 10%,69% 80%,80% 45%,100% 100%)}
.ha-note__layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:clamp(24px,5vw,80px);align-items:center;position:relative;z-index:1}
.ha-note__eyebrow{color:var(--ha-lantern)!important;font:700 .75rem/1.4 "IBM Plex Mono",monospace;letter-spacing:.17em;text-transform:uppercase;margin-bottom:1rem}
.ha-note h2{color:#fff0d4!important;font-family:"Fraunces",Georgia,serif;font-size:clamp(2.2rem,5vw,5.6rem);line-height:1;margin:0 0 1rem}
.ha-note h2 em{color:#ffc88d;font-style:italic}
.ha-note p{max-width:65ch;color:#ebdfc9;font-size:1.04rem;line-height:1.75}
.ha-note__links{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.5rem}
.ha-note__links a{display:inline-block;padding:.82rem 1.2rem;border-radius:999px;text-decoration:none!important;font-weight:800}
.ha-note__links a:first-child{background:#ffd297;color:#173123!important}
.ha-note__links a:last-child{border:1px solid rgba(255,215,164,.55);color:#fff0d4!important}
.ha-note__card{background:rgba(1,11,10,.35);border:1px solid rgba(255,212,137,.35);border-radius:24px;padding:clamp(24px,4vw,40px);box-shadow:0 25px 65px rgba(0,0,0,.18)}
.ha-note__card strong{display:block;color:#ffcc8e;font-family:"Fraunces",serif;font-size:1.6rem;margin-bottom:.4rem}
.ha-note__card p{font-size:.92rem;margin:0}
.ha-note__tag{font:700 .7rem "IBM Plex Mono",monospace;color:#ffdbac;letter-spacing:.14em}
.ha-note a:focus-visible,.ha-note a:hover{outline:2px solid #ffd297;outline-offset:3px}
@media(max-width:760px){
 .ha-note__layout{grid-template-columns:1fr}
 .rl-hero::before{right:9%;top:12%;width:95px}
 .ha-eyes{right:8%;bottom:30%;transform:scale(.7)}
 .rl-hero::after{height:16%;width:100%}
 .ha-note__card{max-width:520px}
}
@media(prefers-reduced-motion:no-preference){
 .rl-hero::before{animation:ha-moonlight 8s ease-in-out infinite alternate}
 .ha-eyes{animation:ha-glow 5s ease-in-out infinite}
 @keyframes ha-moonlight{from{box-shadow:0 0 24px 9px rgba(255,203,131,.2)}to{box-shadow:0 0 44px 15px rgba(255,203,131,.31)}}
 @keyframes ha-glow{0%,100%{opacity:.45}45%{opacity:1}65%{opacity:.85}}
}


/* FPR ACCESSIBILITY FIX 2026-10-12: dark-mode footer and page colors */
/* Follow the current reading mode on regular blog/content pages.
   The illustrated Halloween homepage sections keep their independent palette. */
body.fieldbook { background-color: var(--paper); color: var(--ink); }

/* Permanent midnight footer: variables named "paper" switch to near-black
   under dark mode. Use stable high-contrast semantic colors instead. */
body.fieldbook .fb-footer {
  background: #0d211b !important;
  color: #f8edd8 !important;
}
body.fieldbook .fb-footer p,
body.fieldbook .fb-footer li,
body.fieldbook .fb-footer small,
body.fieldbook .fb-footer .fb-footer__base,
body.fieldbook .fb-footer .fb-footer__ledger,
body.fieldbook .fb-footer .fb-footer__signup p {
  color: #e4e6d9 !important;
}
body.fieldbook .fb-footer h2,
body.fieldbook .fb-footer h3,
body.fieldbook .fb-footer h4,
body.fieldbook .fb-footer .fb-footer__title {
  color: #fff1d9 !important;
}
body.fieldbook .fb-footer a,
body.fieldbook .fb-footer .fb-footer__list a {
  color: #ffd4a0 !important;
}
body.fieldbook .fb-footer .fb-label,
body.fieldbook .fb-footer .fb-stamp {
  color: #cee0cc !important;
}
body.fieldbook .fb-footer .fb-btn--ghost {
  color: #ffdda9 !important;
  border-color: #ffdda9 !important;
  background: transparent !important;
}
body.fieldbook .fb-footer .fb-btn--ghost:hover,
body.fieldbook .fb-footer .fb-btn--ghost:focus-visible {
  color: #0d211b !important;
  background: #ffdda9 !important;
}
body.fieldbook .fb-footer .fb-form label,
body.fieldbook .fb-footer .wpcf7 label {
  color: #f8edd8 !important;
}
body.fieldbook .fb-footer .fb-form input[type="email"],
body.fieldbook .fb-footer .fb-form input[type="text"],
body.fieldbook .fb-footer input[type="email"],
body.fieldbook .fb-footer input[type="text"] {
  color: #172820 !important;
  background: #fff4e0 !important;
  border-color: #e5c89a !important;
}
body.fieldbook .fb-footer .wpcf7-submit,
body.fieldbook .fb-footer input[type="submit"] {
  color: #14251f !important;
  background: #ffdda9 !important;
  border-color: #ffdda9 !important;
}
body.fieldbook .fb-header .fb-nav__list a:focus-visible,
body.fieldbook .fb-header .fb-nav__list a:hover {
  background: #ffdda9 !important;
  color: #12251e !important;
}
body.fieldbook .fb-header .fb-search__input::placeholder {
  color: #6e756e !important;
  opacity: 1;
}
