/* Shared styles for Study hub and study document pages */

/* ── Study hero (image background, same feel as God of Pi) ── */
.study-hero{
  position:relative;min-height:72vh;display:flex;align-items:center;justify-content:center;
  text-align:center;padding:9rem 2rem 5rem;overflow:hidden;margin-top:0;
}
.study-hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;}
.study-hero-bg img,.study-hero-bg video{
  position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;
  transform:translate(-50%,-50%);object-fit:cover;
}
.study-hero-overlay{position:absolute;inset:0;z-index:1;background:rgba(4,8,16,0.72);}
.study-hero-overlay2{position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(23,42,54,0.12) 0%,transparent 70%);}
.study-hero--solid .study-hero-bg{background:linear-gradient(160deg,#0D171F 0%,#1a3344 50%,#172A36 100%);}
.study-hero--solid .study-hero-bg img{display:none;}
.study-hero--solid .study-hero-overlay{background:rgba(4,8,16,0.55);}
.study-hero--readable .study-hero-bg img{filter:blur(14px) brightness(0.3) saturate(0.45);transform:translate(-50%,-50%) scale(1.2);}
.study-hero--readable .study-hero-overlay{background:rgba(4,8,16,0.9);}
.study-hero--video .study-hero-bg video{filter:brightness(0.55) saturate(0.85);}
.study-hero--video .study-hero-overlay{background:rgba(4,8,16,0.72);}
.study-hero-content{position:relative;z-index:3;color:#fff;max-width:820px;}
.study-hero--solid .study-hero-content,.study-hero--readable .study-hero-content,.study-hero--video .study-hero-content{
  background:rgba(4,8,16,0.5);padding:2rem 2.4rem;border-radius:10px;
  border:0.5px solid rgba(255,255,255,0.12);backdrop-filter:blur(6px);
}
.study-hero-content .hero-badge{
  display:inline-block;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;
  color:rgba(255,255,255,0.82);border:0.5px solid rgba(255,255,255,0.35);
  padding:0.4rem 1rem;border-radius:2px;margin-bottom:1.2rem;
}
.study-hero-content .hero-eyebrow{
  font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:#EAF1F4;
  margin-bottom:1rem;
}
.study-hero-content h1{
  font-family:'Poppins',Arial,sans-serif;font-size:clamp(2.8rem,8vw,5.5rem);
  font-weight:300;line-height:1.05;margin-bottom:0.8rem;color:#fff !important;
  text-shadow:0 2px 24px rgba(0,0,0,0.35);
}
.study-hero-content h1 em{font-style:italic !important;color:#EAF1F4 !important;}
.study-hero-content .hero-sub{
  font-family:'Poppins',Arial,sans-serif;font-size:clamp(1rem,2.2vw,1.35rem);
  font-weight:300;font-style:italic;color:rgba(255,255,255,0.9);line-height:1.6;
  margin:0 auto;max-width:640px;text-shadow:0 1px 16px rgba(0,0,0,0.28);
}

/* ── Study document body ── */
.study-doc{max-width:920px;margin:0 auto;padding:4.5rem 2rem 8rem;}
.study-doc--wide{max-width:1120px;}
.study-outline{background:var(--surface-light);border:0.5px solid var(--border);border-left:3px solid var(--gold);padding:1.5rem 2rem;margin:0 0 3rem;border-radius:0 8px 8px 0;}
.study-outline h2{font-family:'Poppins',Arial,sans-serif;font-size:0.72rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);margin:0 0 0.9rem;}
.study-outline ol{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:0.9rem;line-height:1.9;}
.study-outline a{color:var(--text-secondary);text-decoration:none;}
.study-outline a:hover{color:var(--gold);}
.study-tagline{font-family:'Poppins',Arial,sans-serif;font-size:1.08rem;font-style:italic;color:var(--gold);line-height:1.65;border-left:3px solid var(--gold);padding:1rem 1.4rem;margin:0 0 2rem;background:var(--surface-light);border-radius:0 8px 8px 0;}
.study-section{margin-bottom:5rem;scroll-margin-top:7rem;}
.study-doc .section-title{font-size:clamp(1.65rem,3.8vw,2.55rem) !important;margin-bottom:1.2rem !important;line-height:1.18 !important;color:var(--text-primary) !important;}
.study-doc .section-title em{font-style:italic !important;color:var(--text-secondary) !important;}
.hub-body .section-title{color:var(--text-primary) !important;}
.hub-body .section-title em{font-style:italic !important;color:var(--text-secondary) !important;}
.hub-hero-inner h1{
  font-family:'Poppins',Arial,sans-serif;font-size:clamp(2.2rem,5vw,3.4rem);
  font-weight:300;line-height:1.1;margin-bottom:0.8rem;
  color:var(--text-primary) !important;
}
.hub-hero-inner h1 em{font-style:italic !important;color:var(--text-secondary) !important;}
.hub-hero-inner .hub-hero-badge{
  display:inline-block;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--text-primary);border:0.5px solid var(--border);
  padding:0.35rem 0.9rem;border-radius:2px;margin-bottom:1rem;
}
.hub-hero-inner .hub-hero-lead{font-size:1.05rem;color:var(--text-secondary);line-height:1.8;max-width:680px;margin:0;}
.diagram-block{margin:2rem 0;border:0.5px solid var(--border);background:#f8faf9;border-radius:6px;padding:0.5rem;overflow:visible;}
.diagram-block img{width:100%;height:auto;max-width:100%;display:block;object-fit:contain;object-position:center;background:#f8faf9;cursor:zoom-in;}
.diagram-block img:focus{outline:2px solid var(--gold);outline-offset:2px;}
.diagram-zoom-hint{display:block;font-size:0.62rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:0.45rem 0.5rem 0.15rem;}
.diagram-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(4,8,16,0.92);display:none;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out;}
.diagram-lightbox.open{display:flex;}
.diagram-lightbox img{max-width:min(96vw,1400px);max-height:92vh;width:auto;height:auto;object-fit:contain;display:block;border-radius:4px;box-shadow:0 8px 40px rgba(0,0,0,0.45);}
.diagram-lightbox-close{position:absolute;top:1.2rem;right:1.4rem;background:none;border:0.5px solid rgba(255,255,255,0.35);color:#fff;font-size:1.6rem;line-height:1;width:2.4rem;height:2.4rem;border-radius:4px;cursor:pointer;}
.diagram-cap{padding:1rem 1.3rem 1.2rem;font-size:0.84rem;color:var(--text-secondary);line-height:1.8;border-top:0.5px solid var(--border-subtle);}
.diagram-cap .diagram-credit{display:block;margin-top:0.55rem;font-size:0.64rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);}
.study-gallery.wide .gallery-item img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#f8faf9;}
.study-gallery.wide{grid-template-columns:1fr;}
.gallery-cap .diagram-credit{display:block;margin-top:0.4rem;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);}
.study-num{font-family:'Poppins',Arial,sans-serif;font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:0.35rem;}
.study-doc p{color:var(--text-secondary);font-size:1rem;line-height:1.9;margin-bottom:1.1rem;}
.study-doc p strong{color:var(--text-primary);font-weight:500;}

/* ── Traditional vs contextual contrast panels ── */
.contrast-visual{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:0.5px solid var(--border);margin:2rem 0;overflow:hidden;}
.contrast-panel{background:var(--surface);display:flex;flex-direction:column;}
.contrast-panel img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;background:var(--surface-light);padding:0.5rem;}
.contrast-panel-body{padding:1.2rem 1.4rem 1.5rem;}
.contrast-panel.fail .contrast-label{color:#8b3a3a;background:rgba(139,58,58,0.08);}
.contrast-panel.hold .contrast-label{color:var(--gold);background:rgba(23,42,54,0.08);}
.contrast-label{display:inline-block;font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;padding:0.25rem 0.6rem;border-radius:2px;margin-bottom:0.6rem;font-weight:500;}
.contrast-panel h4{font-family:'Poppins',Arial,sans-serif;font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 0.5rem;}
.contrast-panel p{font-size:0.86rem;color:var(--text-secondary);line-height:1.75;margin:0;}

.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border:0.5px solid var(--border);margin:2rem 0;}
.contrast-item{background:var(--surface);padding:1.5rem 1.6rem;}
.contrast-item h4{font-family:'Poppins',Arial,sans-serif;font-size:0.95rem;font-weight:500;margin-bottom:0.6rem;}
.contrast-item.trad h4{color:#8b3a3a;}
.contrast-item.context h4{color:var(--gold);}
.contrast-item p{font-size:0.88rem;margin:0;line-height:1.75;color:var(--text-secondary);}

.fail-list{margin:1.5rem 0;padding:0;list-style:none;}
.fail-list li{position:relative;padding:0.65rem 0 0.65rem 1.4rem;border-bottom:0.5px solid var(--border-subtle);font-size:0.92rem;color:var(--text-secondary);line-height:1.7;}
.fail-list li::before{content:'✕';position:absolute;left:0;color:#8b3a3a;font-size:0.75rem;top:0.85rem;}

/* ── Image gallery (3–4 per topic) ── */
.study-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border);margin:2.5rem 0;}
.gallery-item{background:var(--surface);overflow:hidden;}
.gallery-item img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;background:#f8faf9;padding:0.5rem;}
.gallery-cap{padding:0.9rem 1.2rem;font-size:0.8rem;color:var(--text-muted);line-height:1.65;}
.gallery-cap strong{color:var(--text-secondary);}

/* ── 3D video slot ── */
.study-video-block{margin:3rem 0;padding:2rem;background:var(--surface-light);border:0.5px solid var(--border);border-radius:8px;}
.study-video-block h3{font-family:'Poppins',Arial,sans-serif;font-size:1.2rem;font-weight:400;color:var(--text-primary);margin:0 0 0.5rem;}
.study-video-block > p{font-size:0.88rem;color:var(--text-muted);margin-bottom:1.2rem;}
.study-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:6px;background:var(--deep-mid);border:0.5px solid var(--border);}
.study-video-wrap video,.study-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border:none;}
.video-slot-empty{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:2rem;color:var(--text-muted);font-size:0.88rem;line-height:1.7;
}
.video-slot-empty code{font-size:0.78rem;color:var(--gold);background:var(--surface);padding:0.2rem 0.5rem;border-radius:3px;}

.scripture-block{background:var(--surface);border:0.5px solid var(--border);border-left:2px solid var(--gold);padding:1.6rem 2rem;margin:2rem 0;}
.scripture-ref{font-size:0.68rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem;display:block;}
.scripture-text{font-family:'Poppins',Arial,sans-serif;font-size:1.05rem;font-style:italic;line-height:1.75;color:var(--text-primary);}
.calc-box{background:var(--surface-light);border:0.5px solid var(--border);padding:1.6rem 2rem;margin:1.5rem 0;border-radius:6px;}
.calc-box h4{font-family:'Poppins',Arial,sans-serif;font-size:0.95rem;font-weight:500;color:var(--gold);margin-bottom:0.75rem;}
.calc-box p{font-size:0.9rem;margin-bottom:0.45rem;color:var(--text-secondary);}
.source-note{background:rgba(91,141,184,0.05);border:0.5px solid var(--border);padding:1.4rem 1.8rem;margin:2rem 0;}
.source-note p{font-size:0.85rem;color:var(--text-muted);line-height:1.75;margin:0;}
.source-note a{color:var(--gold);}
.study-promo-banner{background:var(--surface-light);border:0.5px solid var(--border);border-left:3px solid var(--gold);padding:1.6rem 2rem;margin:0 0 2.5rem;border-radius:0 8px 8px 0;}
.study-promo-banner .promo-badge{display:inline-block;font-size:0.62rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--gold);margin-bottom:0.75rem;}
.study-promo-banner p{font-size:0.92rem;color:var(--text-secondary);line-height:1.85;margin:0 0 0.9rem;}
.study-promo-banner p:last-child{margin-bottom:0;}
.study-promo-banner a{color:var(--gold);}
.study-promo-banner .promo-cta{display:inline-block;margin-top:0.5rem;font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;border-bottom:0.5px solid var(--border);}
.study-promo-banner .promo-cta:hover{border-color:var(--gold);}
.researcher-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border);border-radius:8px;overflow:hidden;margin:2.5rem 0;}
.researcher-card{background:var(--surface);display:flex;flex-direction:column;}
.researcher-card img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;background:var(--surface-light);padding:0.5rem;}
.researcher-card-body{padding:1.3rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column;}
.researcher-card h3{font-family:'Poppins',Arial,sans-serif;font-size:1rem;font-weight:500;color:var(--text-primary);margin:0 0 0.25rem;}
.researcher-card .researcher-role{font-size:0.65rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:0.65rem;}
.researcher-card p{font-size:0.84rem;color:var(--text-secondary);line-height:1.75;margin:0 0 0.9rem;flex:1;}
.researcher-card .researcher-link{font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);text-decoration:none;}
.study-card.coming-soon{opacity:0.92;pointer-events:none;cursor:default;}
.study-card.coming-soon .study-go{color:var(--text-muted);}
.quick-nav{background:var(--deep);border-bottom:0.5px solid var(--border-subtle);padding:0.85rem 1.5rem;position:sticky;top:64px;z-index:90;}
.quick-nav-inner{max-width:1000px;margin:0 auto;display:flex;gap:1rem;flex-wrap:nowrap;justify-content:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.quick-nav-inner::-webkit-scrollbar{display:none;}
.quick-nav a{font-size:0.66rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;white-space:nowrap;flex-shrink:0;padding:0.2rem 0;}
.quick-nav a:hover{color:var(--gold);}

/* ── Study hub: creation geometry showcase ── */
.hub-hero{position:relative;min-height:55vh;display:flex;align-items:flex-end;padding:8rem 2rem 4rem;overflow:hidden;}
.hub-hero-bg{position:absolute;inset:0;z-index:0;}
.hub-hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(0.85);}
.hub-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(to top,rgba(255,255,255,0.98) 0%,rgba(255,255,255,0.88) 40%,rgba(255,255,255,0.45) 70%,rgba(4,8,16,0.25) 100%);}
.hub-hero-inner{position:relative;z-index:2;max-width:900px;margin:0 auto;width:100%;}
.geometry-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:3rem 0;}
.geo-card{background:transparent;text-align:left;}
.geo-card img{width:100%;max-width:280px;max-height:220px;height:auto;object-fit:contain;object-position:center;display:block;margin:0 auto;background:transparent;padding:0;border-radius:999px 999px 12px 12px;}
.geo-card-body{padding:1rem 0 0;}
.geo-card h3{font-family:'Poppins',Arial,sans-serif;font-size:0.95rem;font-weight:500;color:var(--text-primary);margin:0 0 0.4rem;}
.geo-card p{font-size:0.8rem;color:var(--text-muted);line-height:1.65;margin:0;}
.hub-body{max-width:900px;margin:0 auto;padding:2rem 2rem 6rem;}
.hub-body p{color:var(--text-secondary);font-size:1.02rem;line-height:1.95;margin-bottom:1.1rem;}
.hub-lead{font-family:'Poppins',Arial,sans-serif;font-size:1.05rem;line-height:1.9;color:var(--text-secondary);margin-bottom:1.5rem;}
.arch-motivation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border);border-radius:8px;overflow:hidden;margin:2rem 0 2.5rem;}
.arch-motivation-card{background:var(--surface);display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:background 0.2s;}
.arch-motivation-card:hover{background:var(--surface-light);}
.arch-motivation-card img{width:100%;height:auto;object-fit:contain;object-position:center;display:block;background:var(--surface-light);padding:0.75rem;}
.arch-motivation-body{padding:1.2rem 1.4rem 1.5rem;flex:1;display:flex;flex-direction:column;gap:0.45rem;}
.arch-motivation-body h3{font-family:'Poppins',Arial,sans-serif;font-size:1.05rem;font-weight:500;color:var(--text-primary);margin:0;}
.arch-motivation-body p{font-size:0.84rem;color:var(--text-secondary);line-height:1.7;margin:0;flex:1;}
.study-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:0.5px solid var(--border);border-radius:8px;overflow:hidden;margin-top:3rem;}
.hub-body .study-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.5rem;
  background:transparent;
  border:none;
  border-radius:0;
  overflow:visible;
  margin-top:2rem;
}
.study-card{background:var(--surface);padding:1.8rem;display:flex;flex-direction:column;gap:0.75rem;transition:background 0.2s,border-color 0.2s,box-shadow 0.2s;text-decoration:none;color:inherit;}
.hub-body .study-card{
  background:var(--surface);
  padding:0.9rem;
  border-radius:14px;
  border:0.5px solid var(--border);
  overflow:hidden;
}
.hub-body .study-card:hover{
  background:var(--surface-light);
  border-color:rgba(23,42,54,0.22);
  box-shadow:0 14px 36px rgba(23,42,54,0.08);
}
.study-card:hover{background:var(--surface-light);}
.study-card img{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:6px;border:0.5px solid var(--border);background:var(--surface-light);padding:0.5rem;}
.hub-body .study-card img{
  width:100%;
  max-width:100%;
  height:clamp(170px,20vw,230px);
  max-height:none;
  object-fit:cover;
  object-position:center;
  border:none;
  border-radius:10px;
  background:var(--surface-light);
  padding:0;
}
.hub-body .study-card.study-card--diagram img{
  object-fit:contain;
  padding:0.4rem;
  background:#f8f6f1;
}
.researcher-card img{max-height:170px;object-fit:contain;}
.study-card h3{font-family:'Poppins',Arial,sans-serif;font-size:1.15rem;font-weight:400;color:var(--text-primary);margin:0;}
.study-card p{font-size:0.86rem;color:var(--text-secondary);line-height:1.75;margin:0;flex:1;}
.study-card .study-go{font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);}
.hub-question{margin:4rem 0 4.5rem;padding:0 0 0 1.6rem;border-left:2px solid var(--gold);text-align:left;}
.hub-question .hub-question-eyebrow{display:block;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;}
.hub-question h2{font-family:'Poppins',Arial,sans-serif;font-size:clamp(1.55rem,3.5vw,2.2rem);font-weight:300;line-height:1.25;margin:0 0 1.2rem;color:var(--text-primary) !important;}
.hub-question h2 em{font-style:italic !important;color:var(--text-secondary) !important;}
.hub-question .hub-question-setup{font-size:1.05rem;color:var(--text-secondary);line-height:1.9;margin:0 0 1.4rem;max-width:680px;}
.hub-question .hub-question-text{font-family:'Poppins',Arial,sans-serif;font-size:clamp(1.15rem,2.6vw,1.45rem);font-style:italic;font-weight:300;line-height:1.85;color:var(--text-primary);margin:0;max-width:700px;}
.hub-question .hub-question-tail{font-size:0.95rem;color:var(--text-muted);line-height:1.8;margin:1.5rem 0 0;max-width:640px;font-style:italic;}
.josiah-callout{background:var(--surface-light);border:0.5px solid var(--border);border-left:3px solid var(--gold);padding:1.8rem 2rem;margin:0 0 2.5rem;border-radius:0 8px 8px 0;}
.josiah-callout h2{font-family:'Poppins',Arial,sans-serif;font-size:clamp(1.5rem,3.2vw,2.1rem);font-weight:300;line-height:1.2;margin:0 0 1rem;color:var(--text-primary) !important;}
.josiah-callout h2 em{font-style:italic !important;color:var(--text-secondary) !important;}
.josiah-callout p{color:var(--text-secondary);font-size:1.02rem;line-height:1.95;margin-bottom:1rem;}
.josiah-callout p:last-child{margin-bottom:0;}
.worship-teaser{margin:2.5rem 0;padding:1.6rem 2rem;background:rgba(91,141,184,0.05);border:0.5px solid var(--border);border-radius:8px;}
.worship-teaser h3{font-family:'Poppins',Arial,sans-serif;font-size:1.1rem;font-weight:400;color:var(--text-primary);margin:0 0 0.6rem;}
.worship-teaser p{font-size:0.9rem;color:var(--text-secondary);line-height:1.85;margin:0 0 0.75rem;}
.worship-teaser a{color:var(--gold);font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;}

@media(max-width:960px){
  .hub-body .study-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:720px){
  .contrast-visual,.contrast-grid,.study-gallery,.geometry-showcase,.study-grid,.researcher-grid,.arch-motivation-grid{grid-template-columns:1fr;}
  .hub-body .study-grid{grid-template-columns:1fr;}
  .geometry-showcase{gap:2rem;}
  .hub-question{padding-left:1.2rem;margin:3rem 0;}
  .study-hero{min-height:60vh;padding-top:7rem;}
  .quick-nav{padding:0.55rem 1rem;top:58px;}
  .quick-nav-inner{justify-content:flex-start;gap:0.75rem;}
  .quick-nav a{font-size:0.62rem;}
  .study-section{scroll-margin-top:6.5rem;}
}