/* APFN Contractual Republic Theme */

:root{
  --apfn-cream:#141313;
  --apfn-paper:#1b1917;
  --apfn-charcoal:#efe5cf;
  --apfn-gold:#c58e1a;
  --apfn-gold-dark:#8b5f13;
  --apfn-muted:#c4b291;
  --apfn-line:#3b3225;
  --apfn-soft:#241f1a;
  --apfn-panel:#211d19;
  --apfn-panel-2:#181513;
  --apfn-shadow:0 18px 48px rgba(0,0,0,.35);
  --apfn-serif:Georgia,"Times New Roman",Times,serif;
  --apfn-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0!important;
  padding:0!important;
  width:100%;
  min-width:0;
  overflow-x:hidden;
  color:var(--apfn-charcoal);
  background:
    radial-gradient(circle at 78% 6%, rgba(197,142,26,.15), transparent 18rem),
    radial-gradient(circle at 12% 22%, rgba(126,91,26,.12), transparent 20rem),
    linear-gradient(180deg,#0c0b0b 0%, #161311 40%, var(--apfn-cream) 100%);
  font-family:var(--apfn-serif);
  font-size:17px;
  line-height:1.62;
}

body.apfn-no-sidebar,
body.apfn-no-sidebar #page,
body.apfn-no-sidebar .site,
body.apfn-no-sidebar .site-content,
body.apfn-no-sidebar .content-area,
body.apfn-no-sidebar #primary,
body.apfn-no-sidebar .site-main{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
}

body.apfn-no-sidebar #secondary,
body.apfn-no-sidebar .sidebar,
body.apfn-no-sidebar .widget-area,
body.apfn-no-sidebar [role="complementary"]{
  display:none!important;
}

img{max-width:100%;height:auto}
a{color:inherit;text-decoration-color:rgba(141,105,43,.45);text-underline-offset:.16em}
a:hover{color:var(--apfn-gold-dark)}
button,input,textarea,select{font:inherit}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:0;padding:12px 16px;top:8px;left:8px;z-index:100000;background:#fff;color:#000}

/* Header */
.site-header{
  position:relative;
  z-index:100;
  width:100%;
  background:rgba(15,13,12,.94);
  border-bottom:1px solid var(--apfn-line);
  backdrop-filter:saturate(120%) blur(10px);
}
.site-header__inner{
  width:100%;
  min-height:88px;
  padding:0 clamp(20px,4vw,72px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:30px;
}
.site-brand__mark{
  display:inline-flex;
  align-items:center;
  gap:14px;
  text-decoration:none;
}
.apfn-coin{
  position:relative;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:50%;
  color:#382910;
  border:1px solid #8d692b;
  background:
    radial-gradient(circle at 34% 28%,#f6d67b 0 10%,#dfa632 32%,#b87912 68%,#684310 100%);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.22),inset 0 0 0 5px rgba(89,61,21,.18),0 4px 12px rgba(61,43,17,.15);
  font-family:var(--apfn-serif);
  font-size:26px;
  font-weight:700;
}
.apfn-coin::before,.apfn-coin::after{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(79,55,21,.35);
  border-radius:50%;
}
.apfn-coin::after{inset:13px;border-style:dotted}
.apfn-coin--small{width:42px;height:42px;font-size:20px}
.site-brand__words{display:flex;flex-direction:column;line-height:1.08}
.site-brand__small{font-family:var(--apfn-sans);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--apfn-muted)}
.site-brand__words strong{font-size:20px;font-weight:600;letter-spacing:.01em}
.site-brand__logo img{display:block;max-height:58px;width:auto}

.primary-nav{justify-self:center}
.primary-nav ul{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0}
.primary-nav a{
  font-family:var(--apfn-sans);
  font-size:13px;
  font-weight:650;
  letter-spacing:.05em;
  text-transform:uppercase;
  text-decoration:none;
}
.primary-nav .current-menu-item>a,.primary-nav a:hover{color:var(--apfn-gold-dark)}
.header-cta,.button-gold{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:44px;
  padding:11px 17px;
  border:1px solid #9f7630;
  border-radius:4px;
  background:linear-gradient(180deg,#d7a53a,#b27410);
  color:#241b0d!important;
  font-family:var(--apfn-sans);
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  box-shadow:0 2px 0 #8d692b;
}
.header-cta:hover,.button-gold:hover{filter:brightness(1.04);transform:translateY(-1px)}

.menu-toggle{display:none;background:transparent;border:0;padding:8px;cursor:pointer}
.menu-toggle>span:not(.screen-reader-text){display:block;width:25px;height:2px;margin:5px 0;background:var(--apfn-charcoal)}

/* Editorial heroes */
.entry-hero,.archive-hero,.theme-quiz-intro{
  position:relative;
  overflow:hidden;
  padding:clamp(62px,8vw,118px) clamp(22px,6vw,110px) clamp(46px,6vw,86px);
  border-bottom:1px solid var(--apfn-line);
  background:
    radial-gradient(circle at 83% 40%,rgba(197,142,26,.14),transparent 19rem),
    linear-gradient(145deg,#171311 0%,#201b17 55%,#151210 100%);
}
.entry-hero::after,.archive-hero::after,.theme-quiz-intro::after{
  content:"N";
  position:absolute;
  right:clamp(20px,7vw,120px);
  top:50%;
  translate:0 -50%;
  display:grid;
  place-items:center;
  width:clamp(130px,18vw,260px);
  aspect-ratio:1;
  border:1px solid rgba(141,105,43,.24);
  border-radius:50%;
  color:rgba(197,142,26,.11);
  font-family:var(--apfn-serif);
  font-size:clamp(90px,13vw,190px);
  line-height:1;
  box-shadow:inset 0 0 0 13px rgba(197,142,26,.03);
}
.entry-hero__inner,.archive-hero__inner,.theme-quiz-intro>*{position:relative;z-index:1}
.entry-hero__inner,.archive-hero__inner{max-width:1000px}
.eyebrow{
  margin-bottom:13px;
  color:#d19b31;
  font-family:var(--apfn-sans);
  font-size:12px;
  font-weight:800;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.entry-hero h1,.archive-hero h1,.theme-quiz-intro h1{
  max-width:900px;
  margin:0;
  font-family:var(--apfn-serif);
  font-size:clamp(42px,7vw,88px);
  font-weight:500;
  line-height:.98;
  letter-spacing:-.035em;
}
.entry-deck,.theme-quiz-intro p{
  max-width:760px;
  margin:24px 0 0;
  color:#d7c9af;
  font-size:clamp(19px,2.2vw,26px);
  line-height:1.45;
}

/* Content */
.site-main{min-height:62vh}
.entry-content{
  width:100%;
  max-width:none;
  margin:0;
  padding:48px clamp(22px,5vw,90px) 72px;
  background:linear-gradient(180deg,var(--apfn-paper) 0%, #1a1715 100%);
}
.entry-content--front{
  padding:0;
}
.entry-content--reading{
  max-width:920px;
  margin:0 auto;
}
.entry-content--reading>*:not(.alignwide):not(.alignfull){max-width:780px;margin-left:auto;margin-right:auto}
.entry-content>.alignwide{width:min(1280px,calc(100vw - 44px));max-width:none;margin-left:auto;margin-right:auto}
.entry-content>.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}

.entry-content h2,.entry-content h3,.entry-content h4{line-height:1.16}
.entry-content h2{margin-top:1.7em;font-size:clamp(30px,4vw,46px);font-weight:500}
.entry-content h3{margin-top:1.5em;font-size:27px}
.entry-content blockquote{
  margin:2em auto;
  padding:6px 0 6px 24px;
  border-left:3px solid var(--apfn-gold);
  color:#e0d2b7;
  font-size:1.2em;
  font-style:italic;
}

/* Ensure the quiz plugin itself can be genuinely full width. */
.entry-content .apfn-crq,
.entry-content--front .apfn-crq,
.front-page .apfn-crq{
  position:static!important;
  left:auto!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
}
.apfn-crq__layout,
.apfn-crq__hero,
.apfn-crq__compare{
  max-width:none!important;
}

/* Archive/cards */
.post-grid{
  width:100%;
  padding:50px clamp(22px,5vw,90px) 70px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}
.post-card{
  overflow:hidden;
  border:1px solid var(--apfn-line);
  background:rgba(20,18,16,.98);
  box-shadow:var(--apfn-shadow);
}
.post-card__image{display:block;aspect-ratio:16/9;overflow:hidden}
.post-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.post-card:hover .post-card__image img{transform:scale(1.025)}
.post-card__body{padding:24px}
.post-card__meta{font-family:var(--apfn-sans);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--apfn-gold-dark)}
.post-card h2{margin:7px 0 10px;font-size:28px;line-height:1.1}
.post-card h2 a{text-decoration:none}
.post-card p{color:#575149}
.text-link{font-family:var(--apfn-sans);font-weight:750;font-size:13px;color:#d19b31;text-decoration:none}
.pagination{padding:0 clamp(22px,5vw,90px) 60px}

/* Footer */
.site-footer{
  margin-top:0;
  padding:0 clamp(22px,5vw,90px) 34px;
  background:#0f0d0c;
  color:#efe5cf;
}
.site-footer__rule{height:4px;background:linear-gradient(90deg,var(--apfn-gold-dark),var(--apfn-gold),transparent 78%)}
.site-footer__inner{
  min-height:190px;
  padding:38px 0 26px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:30px;
  align-items:start;
}
.footer-brand{display:flex;gap:14px;align-items:center}
.footer-brand strong{font-size:20px}
.footer-brand p{margin:3px 0 0;color:#bda780;font-size:14px}
.footer-nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}
.footer-nav a{font-family:var(--apfn-sans);font-size:12px;text-transform:uppercase;letter-spacing:.06em;text-decoration:none}
.footer-meta{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#9e8e71;
  font-family:var(--apfn-sans);
  font-size:12px;
}
.footer-meta a{color:#d6a23a}

/* 404 */
.not-found{min-height:65vh;padding:100px clamp(22px,8vw,140px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.not-found h1{max-width:820px;margin:0 0 16px;font-size:clamp(44px,7vw,86px);line-height:1}

/* iPad/tablet: intentionally still no sidebar. */
@media (max-width:1100px){
  .site-header__inner{grid-template-columns:1fr auto auto}
  .primary-nav{position:absolute;left:0;right:0;top:100%;display:none;padding:12px 22px 20px;background:linear-gradient(180deg,#221d18,#181411);border-bottom:1px solid var(--apfn-line)}
  .primary-nav.is-open{display:block}
  .primary-nav ul{display:grid;gap:0}
  .primary-nav li{border-top:1px solid var(--apfn-soft)}
  .primary-nav a{display:block;padding:13px 4px}
  .menu-toggle{display:block}
  .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* iPad portrait + phones */
@media (max-width:820px){
  .site-header__inner{min-height:76px;padding-left:18px;padding-right:18px;gap:12px}
  .site-brand__words strong{font-size:17px}
  .site-brand__small{display:none}
  .apfn-coin{width:46px;height:46px;font-size:22px}
  .header-cta{display:none}
  .entry-hero,.archive-hero,.theme-quiz-intro{padding-left:22px;padding-right:22px}
  .entry-hero::after,.archive-hero::after,.theme-quiz-intro::after{right:-38px;opacity:.7}
  .entry-content{padding-left:18px;padding-right:18px}
  .post-grid{grid-template-columns:1fr;padding-left:18px;padding-right:18px}
  .site-footer{padding-left:18px;padding-right:18px}
  .site-footer__inner{grid-template-columns:1fr}
  .footer-meta{display:grid}
}

/* Explicitly neutralize common legacy theme sidebar/grid styles on tablets. */
@media (max-width:1180px){
  body.apfn-no-sidebar .site-content,
  body.apfn-no-sidebar .content-area,
  body.apfn-no-sidebar #primary,
  body.apfn-no-sidebar .site-main,
  body.apfn-no-sidebar main{
    display:block!important;
    grid-template-columns:none!important;
    flex:none!important;
    width:100%!important;
    max-width:none!important;
  }
  body.apfn-no-sidebar aside:not(.apfn-crq__results-section):not(.apfn-crq__compare-card){
    float:none;
  }
}

.entry-content,
.entry-content p,
.entry-content li,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
  color:var(--apfn-charcoal);
}
.entry-content hr{border:0;border-top:1px solid var(--apfn-line)}
.entry-content .wp-block-group,
.entry-content .wp-block-cover,
.entry-content .wp-block-columns{
  color:var(--apfn-charcoal);
}
.theme-quiz-intro,
.entry-hero,
.archive-hero{
  color:var(--apfn-charcoal);
}
.post-card h2 a,
.footer-nav a,
.primary-nav a,
.site-brand__mark,
.footer-meta a,
.footer-meta span{
  color:inherit;
}


/* -------------------------------------------------------------
   APFN cover integration v1.2
   ------------------------------------------------------------- */

.site-brand__medallion{
  display:block;
  width:58px;
  height:58px;
  flex:0 0 58px;
  overflow:hidden;
  border-radius:50%;
  border:1px solid rgba(219,167,42,.72);
  box-shadow:
    0 0 0 3px rgba(197,142,26,.08),
    0 7px 19px rgba(0,0,0,.38);
  background:#080706;
}
.site-brand__medallion img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.04);
}
.site-brand__medallion--small{
  width:46px;
  height:46px;
  flex-basis:46px;
}

.site-brand__words strong{
  color:#f1e4c9;
  font-size:22px;
  letter-spacing:.015em;
}
.site-brand__small{
  color:#c8932b;
  letter-spacing:.18em;
}

.site-header{
  box-shadow:0 8px 30px rgba(0,0,0,.20);
}

/* Homepage cover-led hero */
.cover-hero{
  position:relative;
  min-height:clamp(610px,78vh,840px);
  width:100%;
  padding:clamp(54px,8vw,112px) clamp(24px,7vw,120px);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(34px,7vw,110px);
  align-items:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 77% 36%,rgba(197,142,26,.19),transparent 24rem),
    radial-gradient(circle at 12% 18%,rgba(115,76,17,.13),transparent 17rem),
    linear-gradient(135deg,#070707 0%,#12100f 49%,#1b1612 100%);
  border-bottom:1px solid #3a2e1d;
}
.cover-hero::before{
  content:"";
  position:absolute;
  inset:25px;
  pointer-events:none;
  border:1px solid rgba(197,142,26,.32);
}
.cover-hero::after{
  content:"";
  position:absolute;
  width:54vw;
  height:54vw;
  max-width:760px;
  max-height:760px;
  right:-17vw;
  top:-26vw;
  border:1px solid rgba(219,167,42,.12);
  rotate:45deg;
  box-shadow:inset 0 0 0 14px rgba(197,142,26,.015);
}
.cover-hero__copy{
  position:relative;
  z-index:2;
  max-width:850px;
}
.cover-hero__copy .eyebrow{
  margin-bottom:19px;
  color:#d4a43d;
}
.cover-hero__copy h1{
  margin:0;
  max-width:900px;
  color:#f4ead6;
  font-size:clamp(54px,7.8vw,108px);
  font-weight:500;
  line-height:.92;
  letter-spacing:-.047em;
}
.cover-hero__copy p{
  max-width:760px;
  margin:29px 0 0;
  color:#cdbd9f;
  font-size:clamp(19px,2vw,25px);
  line-height:1.48;
}
.cover-hero__actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:23px;
  margin-top:34px;
}
.cover-hero__book-link{
  color:#e8d6b0;
  font-family:var(--apfn-sans);
  font-size:13px;
  font-weight:800;
  letter-spacing:.075em;
  text-transform:uppercase;
  text-decoration:none;
}
.cover-hero__book-link:hover{color:#dba72a}
.cover-hero__art{
  position:relative;
  z-index:2;
  width:min(100%,470px);
  justify-self:center;
  padding:22px 26px 26px;
}
.cover-hero__frame{
  position:relative;
  overflow:hidden;
  border:1px solid #b78017;
  box-shadow:
    0 35px 85px rgba(0,0,0,.58),
    0 0 0 8px rgba(197,142,26,.035);
  transform:perspective(1100px) rotateY(-4deg) rotateZ(1.2deg);
  transition:transform .4s ease;
}
.cover-hero__frame::before{
  content:"";
  position:absolute;
  inset:13px;
  z-index:2;
  pointer-events:none;
  border:1px solid rgba(224,172,54,.48);
}
.cover-hero__frame img{
  display:block;
  width:100%;
  height:auto;
}
.cover-hero__art:hover .cover-hero__frame{
  transform:perspective(1100px) rotateY(-1deg) rotateZ(.35deg) translateY(-4px);
}
.cover-hero__coin{
  position:absolute;
  width:118px;
  height:118px;
  left:-18px;
  bottom:-6px;
  overflow:hidden;
  border-radius:50%;
  border:2px solid #d4a43d;
  box-shadow:0 17px 40px rgba(0,0,0,.5);
  background:#090807;
}
.cover-hero__coin img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* The quiz begins on an intentional visual seam beneath the cover hero. */
.home-quiz-section{
  position:relative;
  background:#11100f;
  border-top:3px solid #9b6c13;
}
.home-quiz-section::before{
  content:"";
  display:block;
  height:10px;
  background:linear-gradient(90deg,transparent,#d39a26 20%,#f0c560 50%,#d39a26 80%,transparent);
  opacity:.44;
}

/* Strong theme-level integration with the APFN quiz plugin.
   These declarations intentionally win over the plugin's lighter defaults. */
.apfn-crq{
  --apfn-ink:#efe4ce!important;
  --apfn-navy:#c58e1a!important;
  --apfn-green:#dba72a!important;
  --apfn-gold:#c58e1a!important;
  --apfn-paper:#181512!important;
  --apfn-line:#493a25!important;
  background:#11100f!important;
  color:#efe4ce!important;
  font-family:var(--apfn-serif)!important;
}
.apfn-crq__hero{
  position:relative;
  background:
    radial-gradient(circle at 85% 32%,rgba(197,142,26,.15),transparent 22rem),
    linear-gradient(135deg,#100e0d 0%,#1b1713 100%)!important;
  border-top:0!important;
  border-bottom:1px solid #493a25!important;
}
.apfn-crq__hero::after{
  content:"";
  position:absolute;
  right:clamp(24px,6vw,100px);
  top:50%;
  width:145px;
  height:145px;
  translate:0 -50%;
  border-radius:50%;
  background:url("../images/newton-medallion.webp") center/cover no-repeat;
  opacity:.14;
  filter:grayscale(.1);
  pointer-events:none;
}
.apfn-crq__eyebrow{color:#d3a13a!important}
.apfn-crq__hero h1{color:#f4ead6!important;max-width:900px}
.apfn-crq__hero p{color:#cdbd9f!important}
.apfn-crq__layout{background:#11100f!important}
.apfn-crq__section h2{color:#d9a83b!important}
.apfn-crq__section h3{color:#f1e6d1!important}
.apfn-crq__hint,.apfn-crq__section>p{color:#baa98d!important}

.apfn-crq__slider-row{
  margin:0 0 12px!important;
  padding:18px 20px 20px!important;
  border:1px solid #3f3323!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#1c1815,#161310)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.apfn-crq__slider-row:hover{border-color:#73561f!important}
.apfn-crq__slider-title strong{color:#f0e5cf!important}
.apfn-crq__number{
  color:#e4bd61!important;
  border-color:#6f5423!important;
  background:#211b14!important;
}
.apfn-crq__endpoint{color:#bdae91!important}
.apfn-crq input[type=range]{accent-color:#d19a27!important}
.apfn-crq output{
  color:#f1ca72!important;
  background:#282117!important;
  border:1px solid #4d3d24!important;
}

.apfn-crq__chip,.apfn-crq__choice{
  color:#eaddc3!important;
  border-color:#4b3c27!important;
  background:#1c1814!important;
}
.apfn-crq__chip:hover,.apfn-crq__choice:hover,
.apfn-crq__chip.is-selected,.apfn-crq__choice.is-selected{
  color:#21170a!important;
  border-color:#d19a27!important;
  background:linear-gradient(180deg,#e2b64e,#c58e1a)!important;
}
.apfn-crq__religion-note,.apfn-crq__part2-explanation{
  color:#d6c6a6!important;
  background:#191510!important;
  border-left-color:#c58e1a!important;
}
.apfn-crq__freedom{
  border-color:#6d5121!important;
  background:linear-gradient(145deg,#17130f,#211a12)!important;
}
.apfn-crq__freedom legend{color:#f0e5cf!important}

.apfn-crq__button{
  color:#21170a!important;
  border:1px solid #e1b64d!important;
  background:linear-gradient(180deg,#dba72a,#b77813)!important;
  box-shadow:0 3px 0 #70480d,0 10px 24px rgba(0,0,0,.28)!important;
}
.apfn-crq__button--secondary{
  color:#dfd1b5!important;
  border-color:#514126!important;
  background:#211c16!important;
  box-shadow:none!important;
}
.apfn-crq__privacy{color:#9f917a!important}

.apfn-crq__results-section{
  border:1px solid #674c1d!important;
  background:#171411!important;
  box-shadow:0 22px 55px rgba(0,0,0,.24);
}
.apfn-crq__results-header{
  color:#21170a!important;
  background:linear-gradient(90deg,#a76f0e,#d7a52f,#a76f0e)!important;
}
.apfn-crq__results{background:#171411!important}
.apfn-crq__result-card h2{color:#e1b44d!important}
.apfn-crq__score{
  color:#21170a!important;
  background:#dba72a!important;
}
.apfn-crq__tagline{color:#f0e5cf!important}
.apfn-crq__result-card p{color:#cabb9f!important}
.apfn-crq__secondary,.apfn-crq__freedom-result{border-color:#433622!important}
.apfn-crq__pluralism-score{
  border-color:#574526!important;
  background:#1e1914!important;
}
.apfn-crq__pluralism-number{
  color:#21170a!important;
  background:#d6a12c!important;
}
.apfn-crq__pluralism-copy h4{color:#e4b750!important}
.apfn-crq__about{
  color:#d8c8a8!important;
  border-color:#433622!important;
  background:#120f0d!important;
}
.apfn-crq__about h3{color:#e8c46a!important}
.apfn-crq__about p{color:#b9aa8f!important}

.apfn-crq__compare{
  background:linear-gradient(180deg,#171310 0%,#0f0d0c 100%)!important;
  border-color:#3d3020!important;
}
.apfn-crq__compare-head h2{color:#e1b34c!important}
.apfn-crq__compare-head p{color:#b9aa90!important}
.apfn-crq__compare-card{
  color:#e9dcc2!important;
  border-color:#493a25!important;
  background:linear-gradient(180deg,#1d1915,#15120f)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.apfn-crq__compare-card:hover{
  border-color:#a8781b!important;
  box-shadow:0 13px 34px rgba(0,0,0,.32)!important;
}
.apfn-crq__compare-card.is-primary-match{
  border:2px solid #d7a52f!important;
  box-shadow:0 0 0 3px rgba(215,165,47,.08),0 13px 36px rgba(0,0,0,.32)!important;
}
.apfn-crq__compare-summary-copy h3{color:#e8c365!important}
.apfn-crq__compare-summary-copy p{color:#b6a78d!important}
.apfn-crq__compare-description{border-color:#41331f!important}
.apfn-crq__compare-description p{color:#c8b99c!important}
.apfn-crq__compare-open{color:#d8a73d!important}

/* A slim gold rule helps visually tie the quiz to the art-deco cover frame. */
.apfn-crq__compare,
.apfn-crq__results-section{
  position:relative;
}
.apfn-crq__compare::before,
.apfn-crq__results-section::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:8px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b77e14,#e8bd59,#b77e14,transparent);
  opacity:.48;
}

@media(max-width:1000px){
  .cover-hero{
    min-height:auto;
    grid-template-columns:1fr;
    padding-top:66px;
    padding-bottom:66px;
  }
  .cover-hero__copy{max-width:900px}
  .cover-hero__art{
    width:min(66vw,430px);
    justify-self:start;
    margin-left:clamp(0px,8vw,90px);
  }
}
@media(max-width:700px){
  .site-brand__medallion{width:48px;height:48px;flex-basis:48px}
  .site-brand__words strong{font-size:17px}
  .cover-hero{padding:54px 20px 48px}
  .cover-hero::before{inset:12px}
  .cover-hero__copy h1{font-size:clamp(48px,15vw,74px)}
  .cover-hero__copy p{font-size:18px}
  .cover-hero__art{
    width:min(78vw,390px);
    margin-left:auto;
    margin-right:auto;
  }
  .cover-hero__coin{width:92px;height:92px;left:-11px}
  .apfn-crq__hero::after{display:none}
}

/* Book titles are always set in italics. */
.apfn-book-title{font-style:italic;}