/* Bible-prophecy pillar pages — shared editorial layout */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.skip-link{
  position:fixed;
  top:.75rem;
  left:.75rem;
  z-index:999;
  padding:.7rem 1rem;
  border-radius:3px;
  background:#f4ecd6;
  color:#10192b;
  font:700 .75rem "Cinzel",serif;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-decoration:none;
  transform:translateY(-180%);
  transition:transform .18s ease;
}
.skip-link:focus{
  transform:none;
}
.guide-page{
  background:#fff;
  color:#17191f;
}
.guide-page .hdr,
.guide-page .hdr.scrolled{
  background:#121e36!important;
  border-bottom:1px solid rgba(216,198,138,.22)!important;
  box-shadow:0 4px 18px rgba(0,0,0,.18)!important;
}
.guide-hero{
  position:relative;
  overflow:hidden;
  padding:8.7rem 1.6rem clamp(3.7rem,8vw,6rem);
  text-align:center;
  color:#f4ecd6;
  background:
    radial-gradient(80% 70% at 50% 0%,rgba(201,168,76,.16),transparent 68%),
    linear-gradient(180deg,#172642 0%,#10192b 62%,#0a0f1a 100%);
  border-bottom:1px solid rgba(216,198,138,.25);
}
.guide-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(216,198,138,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,198,138,.07) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
}
.guide-hero__inner{
  position:relative;
  z-index:1;
  max-width:58rem;
  margin:0 auto;
}
.guide-breadcrumbs{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.35rem .55rem;
  margin:0 auto 2rem;
  font-family:"Cinzel",serif;
  font-size:.68rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#aeb6c5;
}
.guide-breadcrumbs a{
  color:#f0c84a;
  text-decoration:none;
}
.guide-breadcrumbs a:hover{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:.2em;
}
.guide-eyebrow{
  margin:0 0 1.1rem;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:.78rem;
  letter-spacing:.3em;
  text-transform:uppercase;
  color:#f0c84a;
}
.guide-hero h1{
  max-width:54rem;
  margin:0 auto;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:clamp(2.25rem,6.2vw,4.55rem);
  line-height:1.08;
  letter-spacing:.005em;
  color:#fbf8f0;
}
.guide-deck{
  max-width:48rem;
  margin:1.45rem auto 0;
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
  font-weight:600;
  font-size:clamp(1.3rem,2.6vw,1.75rem);
  line-height:1.5;
  color:#dce1ea;
}
.guide-byline{
  margin:1.6rem auto 0;
  font-family:"Cinzel",serif;
  font-size:.69rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#aeb6c5;
}
.guide-byline a{
  color:#f0c84a;
  text-decoration:none;
}
.guide-byline a:hover{
  text-decoration:underline;
  text-underline-offset:.2em;
}
.guide-shell{
  max-width:76rem;
  margin:0 auto;
  padding:clamp(2.8rem,7vw,5.2rem) 1.6rem clamp(4rem,9vw,7rem);
  display:grid;
  grid-template-columns:minmax(0,47rem) minmax(13rem,18rem);
  gap:clamp(2.2rem,5vw,5rem);
  align-items:start;
}
.guide-article{
  min-width:0;
  font-family:"Spectral","Cormorant Garamond",serif;
  font-size:clamp(1.06rem,1.6vw,1.2rem);
  line-height:1.78;
  color:#20242b;
}
.guide-article p{
  margin:0 0 1.35rem;
}
.guide-article a{
  color:#735911;
  text-decoration-thickness:.08em;
  text-underline-offset:.16em;
}
.guide-article a:hover{
  color:#2f3f61;
}
.guide-article h2{
  margin:3.2rem 0 1rem;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:clamp(1.45rem,3vw,2rem);
  line-height:1.25;
  color:#172642;
}
.guide-article h3{
  margin:2rem 0 .7rem;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:1.05rem;
  line-height:1.35;
  color:#2d3c58;
}
.guide-answer{
  margin:0 0 2.6rem;
  padding:1.5rem 1.6rem 1.6rem;
  border:1px solid #ddd4bc;
  border-left:5px solid #b18a28;
  border-radius:5px;
  background:#f8f6ef;
}
.guide-answer__label{
  margin:0 0 .75rem!important;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:.7rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#87691d;
}
.guide-answer p:last-child{
  margin-bottom:0;
}
.guide-lead{
  font-size:1.13em;
  color:#171a20;
}
.guide-quote{
  margin:2rem 0;
  padding:.35rem 0 .35rem 1.45rem;
  border-left:4px solid #b18a28;
  font-family:"Cormorant Garamond",serif;
  font-style:italic;
  font-weight:600;
  font-size:1.35rem;
  line-height:1.55;
  color:#263550;
}
.guide-quote cite{
  display:block;
  margin-top:.7rem;
  font-family:"Cinzel",serif;
  font-style:normal;
  font-size:.66rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#735911;
}
.guide-note{
  margin:2rem 0;
  padding:1.35rem 1.45rem;
  border-radius:5px;
  background:#eef1f5;
  border:1px solid #d8dee7;
}
.guide-note strong:first-child{
  color:#172642;
}
.guide-table-wrap{
  margin:1.5rem 0 2rem;
  overflow-x:auto;
  border:1px solid #d8d4ca;
  border-radius:5px;
}
.guide-table{
  width:100%;
  min-width:37rem;
  border-collapse:collapse;
  background:#fff;
  font-size:.96rem;
  line-height:1.5;
}
.guide-table th,
.guide-table td{
  padding:.85rem .9rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid #e5e1d8;
}
.guide-table th{
  font-family:"Cinzel",serif;
  font-size:.68rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#f8f3e5;
  background:#172642;
}
.guide-table tr:last-child td{
  border-bottom:0;
}
.guide-table tbody tr:nth-child(even){
  background:#faf9f5;
}
.guide-list{
  margin:.8rem 0 1.8rem 1.2rem;
  padding:0;
}
.guide-list li{
  margin:.55rem 0;
  padding-left:.25rem;
}
.guide-quick{
  margin:2.5rem 0;
  display:grid;
  gap:.8rem;
}
.guide-quick details{
  border:1px solid #ddd8ca;
  border-radius:5px;
  background:#fbfaf6;
}
.guide-quick summary{
  padding:1rem 1.1rem;
  cursor:pointer;
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:.82rem;
  line-height:1.4;
  color:#172642;
}
.guide-quick details p{
  padding:0 1.1rem 1rem;
  margin:0;
}
.guide-sidebar{
  position:sticky;
  top:6.8rem;
  display:grid;
  gap:1.1rem;
}
.guide-sidecard{
  padding:1.25rem 1.2rem;
  border:1px solid #d9d4c6;
  border-radius:5px;
  background:#faf9f5;
}
.guide-sidecard h2{
  margin:0 0 .8rem;
  font-family:"Cinzel",serif;
  font-size:.78rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#172642;
}
.guide-sidecard ol,
.guide-sidecard ul{
  margin:0;
  padding-left:1.05rem;
}
.guide-sidecard li{
  margin:.45rem 0;
  font-family:"Cormorant Garamond",serif;
  font-size:1.02rem;
  line-height:1.35;
  color:#333a46;
}
.guide-sidecard a{
  color:#5f4a12;
  text-decoration:none;
}
.guide-sidecard a:hover{
  text-decoration:underline;
  text-underline-offset:.15em;
}
.guide-reviewed{
  padding-top:.85rem;
  border-top:1px solid #ddd8ca;
  font-family:"Cormorant Garamond",serif;
  font-size:.92rem;
  line-height:1.45;
  color:#5a6270;
}
.guide-related{
  margin-top:3.5rem;
  padding-top:2.3rem;
  border-top:1px solid #ddd8ca;
}
.guide-related h2{
  margin:0 0 1rem;
}
.guide-cardgrid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
}
.guide-card{
  display:block;
  padding:1.2rem 1.15rem;
  border:1px solid #ddd8ca;
  border-radius:5px;
  background:#faf9f5;
  color:inherit!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease;
}
.guide-card:hover{
  transform:translateY(-2px);
  border-color:#b18a28;
}
.guide-card__kicker{
  display:block;
  margin-bottom:.45rem;
  font-family:"Cinzel",serif;
  font-size:.64rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#87691d;
}
.guide-card strong{
  display:block;
  font-family:"Cinzel",serif;
  font-size:.95rem;
  line-height:1.35;
  color:#172642;
}
.guide-card span:last-child{
  display:block;
  margin-top:.45rem;
  font-family:"Cormorant Garamond",serif;
  font-size:1rem;
  line-height:1.4;
  color:#505865;
}
.guide-cta{
  padding:clamp(3.5rem,8vw,5.5rem) 1.6rem;
  text-align:center;
  color:#f2ecdc;
  background:
    radial-gradient(75% 130% at 50% 0%,rgba(201,168,76,.15),transparent 65%),
    #0c1322;
  border-top:1px solid rgba(216,198,138,.22);
}
.guide-cta__inner{
  max-width:44rem;
  margin:0 auto;
}
.guide-cta p.guide-cta__kicker{
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:.73rem;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#f0c84a;
}
.guide-cta h2{
  margin:.8rem 0 1rem;
  font-family:"Cinzel",serif;
  font-size:clamp(1.55rem,4vw,2.35rem);
  line-height:1.2;
  color:#fbf8f0;
}
.guide-cta p{
  margin:0 auto 1.5rem;
  font-family:"Cormorant Garamond",serif;
  font-size:1.22rem;
  line-height:1.6;
  color:#cbd1dc;
}
.guide-form{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.7rem;
  max-width:35rem;
  margin:1.4rem auto 0;
}
.guide-form input[type=email]{
  flex:1 1 16rem;
  min-width:0;
  padding:1em 1.1em;
  border:1px solid rgba(216,198,138,.35);
  border-radius:3px;
  background:#080d17;
  color:#f1ecdf;
  font:600 1.05rem "Cormorant Garamond",serif;
}
.guide-form input[type=email]::placeholder{
  color:#929bad;
}
.guide-footer{
  background:#070809;
  border-top:1px solid rgba(216,198,138,.18);
  padding:3.2rem 1.6rem 2.5rem;
  text-align:center;
  color:#aeb6c5;
}
.guide-footer__brand{
  font-family:"Cinzel",serif;
  font-weight:700;
  font-size:1.1rem;
  letter-spacing:.05em;
  color:#f0c84a;
}
.guide-footer__sub{
  margin:.35rem 0 1.3rem;
  font-style:italic;
}
.guide-footer nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:.55rem 1.25rem;
  margin-bottom:1.25rem;
}
.guide-footer nav a{
  font-family:"Cinzel",serif;
  font-size:.68rem;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:#aeb6c5;
  text-decoration:none;
}
.guide-footer nav a:hover{
  color:#ffda5a;
}
.guide-footer__copy{
  font-size:.9rem;
  color:#747d8c;
}
@media(max-width:980px){
  .guide-shell{
    grid-template-columns:1fr;
  }
  .guide-sidebar{
    position:static;
    grid-row:1;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:680px){
  .guide-hero{
    padding-top:7.4rem;
  }
  .guide-breadcrumbs{
    justify-content:flex-start;
    text-align:left;
  }
  .guide-sidebar,
  .guide-cardgrid{
    grid-template-columns:1fr;
  }
  .guide-table{
    min-width:34rem;
  }
  .guide-form .btn,
  .guide-form input[type=email]{
    width:100%;
    flex:1 1 100%;
  }
}
@media(max-width:768px){
  .guide-page{
    background:#0b0f17;
    color:#e7e1d4;
  }
  .guide-shell{
    padding-left:1.25rem;
    padding-right:1.25rem;
  }
  .guide-article{
    color:#e7e1d4;
  }
  .guide-article a{
    color:#f0c84a;
  }
  .guide-article h2,
  .guide-article h3{
    color:#f3eedf;
  }
  .guide-lead{
    color:#f3eedf;
  }
  .guide-answer,
  .guide-note,
  .guide-sidecard,
  .guide-quick details,
  .guide-card{
    background:#121a28;
    border-color:rgba(216,198,138,.22);
  }
  .guide-answer__label,
  .guide-quote cite,
  .guide-card__kicker{
    color:#f0c84a;
  }
  .guide-quote{
    color:#dbe0ea;
  }
  .guide-sidecard h2,
  .guide-sidecard li,
  .guide-quick summary,
  .guide-card strong{
    color:#f3eedf;
  }
  .guide-sidecard a{
    color:#f0c84a;
  }
  .guide-reviewed,
  .guide-card span:last-child{
    color:#aeb6c5;
  }
  .guide-table-wrap{
    border-color:rgba(216,198,138,.22);
  }
  .guide-table{
    background:#111927;
    color:#e7e1d4;
  }
  .guide-table tbody tr:nth-child(even){
    background:#151f2f;
  }
  .guide-table th,
  .guide-table td{
    border-bottom-color:rgba(216,198,138,.16);
  }
}
