#pandora-hub{max-width:1200px;margin:0 auto;padding:48px 32px 56px;background:#fff;color:#000;font-family:'Inter',sans-serif}
#pandora-hub *{box-sizing:border-box}
#pandora-hub h1{text-align:center;font-size:32px;line-height:1.25;margin:0 0 44px;font-weight:600;color:#000}
#pandora-hub .hub-intro{max-width:760px;margin:-20px auto 44px;text-align:center;line-height:1.6}
#pandora-hub .hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 34px}
#pandora-hub .hub-card{min-width:0;background:#fff;border:0;box-shadow:none}
#pandora-hub .hub-cover{display:block;aspect-ratio:2/1;overflow:hidden;border-radius:14px 14px 0 0;background:#f3f3ee}
#pandora-hub .hub-cover img,#pandora-hub .hub-placeholder,#pandora-hub .hub-placeholder svg{display:block;width:100%;height:100%;object-fit:cover}
#pandora-hub .hub-card-body{padding:14px 14px 0}
#pandora-hub h2{font-size:18px;line-height:1.45;font-weight:500;margin:0 0 12px;color:#000}
#pandora-hub h2 a{color:inherit;text-decoration:none}
#pandora-hub .hub-card p{font-size:15px;line-height:1.6;margin:0 0 18px;color:#000}
#pandora-hub a.hub-button{display:inline-block;margin-top:8px;background:#ddfa00;color:#000;border:0;border-radius:999px;padding:12px 19px;font-size:13px;font-weight:500;line-height:1.2;text-decoration:none}
#pandora-hub a.hub-button:hover{background:#c9e400}
#pandora-hub a:focus-visible{outline:3px solid #000;outline-offset:4px}
#pandora-hub .hub-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:64px}
#pandora-hub .hub-pagination a,#pandora-hub .hub-pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:4px;border-radius:50%;color:#000;text-decoration:none;font-size:14px}
#pandora-hub .hub-pagination [aria-current]{background:#ddfa00}
#pandora-hub .hub-empty{text-align:center;padding:32px 0}
@media(max-width:900px){#pandora-hub .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px}}
@media(max-width:560px){#pandora-hub{padding:32px 22px 40px}#pandora-hub h1{font-size:28px;margin-bottom:30px}#pandora-hub .hub-grid{grid-template-columns:1fr;gap:40px}#pandora-hub .hub-pagination{margin-top:40px}}
#pandora-page {
  --lime: #DDFA00;
  --lime-dim: #B0E000;
  --black: #000;
  --nav: #111111;
  --white: #FFFFFF;
  --text: #000;
  --muted: #000;
  --border: #DEDEDE;
  --max: 1200px;
  --pad: clamp(1.5rem, 4vw, 3rem);
}
#pandora-page *, #pandora-page *::before, #pandora-page *::after { box-sizing: border-box; margin: 0; padding: 0; }

#pandora-page { font-family: 'Inter', sans-serif; color: var(--text); background: var(--white); font-size: 16px; line-height: 1.6; }
#pandora-page a { text-decoration: none; color: inherit; }
#pandora-page button { cursor: pointer; border: none; background: none; font-family: inherit; }
#pandora-page img { display: block; max-width: 100%; }
#pandora-page .hero {
  position: relative;
  min-height: 440px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow: hidden;
  background: #1a1a1a;
}
#pandora-page .hero-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
}
#pandora-page .hero-overlay {
  position: absolute; inset: 0;
  background: rgba(0,0,0,.30);
}
#pandora-page .hero-body {
  position: relative; z-index: 2;
  width: 100%;
  padding: 4.5rem var(--pad) 2.5rem;
  display: flex;
  text-align: center;
}
#pandora-page .hero-inner {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#pandora-page .hero h1 {
  font-family: 'PP Right Slab', serif;
  font-weight: 800;
  font-style: normal;
  font-size: clamp(2.2rem, 5vw, 3.6rem);
  line-height: 1.05;
  color: #FFFFFF;
  margin-bottom: 1.2rem;
  text-wrap: balance;
}
#pandora-page .hero-p1 {
  font-size: .92rem;
  color: rgba(255,255,255,.8);
  line-height: 1.75;
  max-width: 60ch;
  margin: auto auto 1.75rem;
}
#pandora-page .btn-hero {
  display: inline-block;
  background: var(--lime); color: var(--black);
  font-family: 'Inter', sans-serif;
  font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
  padding: .8rem 2.2rem; border-radius: 50px;
  transition: background .15s;
}
#pandora-page .btn-hero:hover { background: var(--lime); }
#pandora-page .content-wrap { }
#pandora-page .split-wrap {
  padding: 3rem var(--pad);
  
}
#pandora-page .split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(2rem, 4vw, 3.5rem);
  align-items: center;
  max-width: var(--max);
  margin: 0 auto;
}
#pandora-page .s-img {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  min-height: 420px;
}
#pandora-page .s-img img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
#pandora-page .s-txt { }
#pandora-page .s-h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: clamp(1.7rem, 2.6vw, 2.3rem);
  line-height: 1.1;
  color: var(--text);
  margin-bottom: .9rem;
  text-wrap: balance;
}
#pandora-page .s-p {
  font-size: .86rem;
  color: var(--muted);
  line-height: 1.85;
  margin-bottom: 1.35rem;
  
}
#pandora-page .btn-sec {
  display: inline-block;
  background: var(--lime); color: var(--black);
  font-family: 'Inter', sans-serif;
  font-size: .67rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase;
  padding: .58rem 1.35rem; border-radius: 50px;
  transition: background .15s;
}
#pandora-page .btn-sec:hover { background: var(--lime); }
#pandora-page .text-block {
  padding: 2.8rem var(--pad);
  
}
#pandora-page .text-block .tb-inner {
  max-width: var(--max);
  margin: 0 auto;
}
#pandora-page .text-block h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 37px;
  line-height: 40px;
  color: var(--text);
  margin-bottom: .85rem;
  text-wrap: balance;
}
#pandora-page .text-block p {
  font-size: .86rem;
  color: var(--muted);
  line-height: 1.85;
  
}
#pandora-page .faq-section {
  padding: 4.5rem var(--pad) 5rem;
}
#pandora-page .faq-inner { max-width: var(--max); margin: 0 auto; }
#pandora-page .faq-title {
  font-family: 'PP Right Slab', serif;
  font-weight: 500;
  font-size: clamp(2rem, 3.5vw, 2.8rem);
  letter-spacing: .08em;
  text-transform: none;
  text-align: center;
  color: var(--text);
  margin-bottom: 2.25rem;
}
#pandora-page .faq-list { display: flex; flex-direction: column; gap: .6rem; }
#pandora-page .faq-card { border: 1px solid var(--border); border-radius: 20px; overflow: hidden; }
#pandora-page .faq-q {
  width: 100%;
  display: flex; align-items: center; justify-content: space-between;
  gap: 1.5rem;
  padding: 1.1rem 1.4rem;
  text-align: left;
  font-size: .88rem; font-weight: 700; color: var(--text);
  background: var(--white);
  transition: background .12s;
}
#pandora-page .faq-q:hover { background: #f9f9f9; }
#pandora-page .tri {
  width: 0; height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid var(--lime-dim);
  flex-shrink: 0;
  transition: transform .22s ease;
}
#pandora-page .faq-q[aria-expanded="true"] .tri { transform: rotate(180deg); }
#pandora-page .faq-a {
  overflow: hidden;
  max-height: 0;
  transition: max-height .3s ease, padding .3s ease;
  font-size: .84rem;
  font-weight: 400;
  color: var(--muted);
  line-height: 1.8;
  padding: 0 1.4rem;
  background: var(--white);
}
#pandora-page .faq-a.open { max-height: 400px; padding: 0 1.4rem 1.15rem; }

/* Content layout is scoped here; site-wide CTA styles live in buttons.css. */
#pandora-page { width:100%; margin:0; padding:0; }
#pandora-page .faq-a, #pandora-page .faq-a.open { max-height:none; padding:0 1.4rem 1.15rem; }
#pandora-page [hidden] { display:none !important; }
#pandora-page a:focus-visible, #pandora-page button:focus-visible { outline:3px solid #003DA5; outline-offset:4px; }
#pandora-page p, #pandora-page h1, #pandora-page h2, #pandora-page a { overflow-wrap:anywhere; }
#pandora-page .split > * { min-width:0; }
#pandora-page .faq-q { height:auto; line-height:1.6; white-space:normal; text-transform:none; letter-spacing:normal; }
@media(max-width:640px) {
 #pandora-page .split { grid-template-columns:1fr; gap:1.5rem; }
 #pandora-page .s-img { min-height:280px; }
 #pandora-page .s-txt { grid-row:2; }
 #pandora-page .split-wrap, #pandora-page .text-block { padding-top:2rem; padding-bottom:2rem; }
 #pandora-page .hero-body { padding-top:3rem; padding-bottom:3rem; }
}
@media(prefers-reduced-motion:reduce) { #pandora-page * { transition:none; } }

/* Rich-text bodies retain the text-section typography after the scoped reset. */
#pandora-page .pandora-rich-text { font-size:.86rem; line-height:1.85; color:var(--muted); overflow-wrap:anywhere; }
#pandora-page .pandora-rich-text p,
#pandora-page .pandora-rich-text ul,
#pandora-page .pandora-rich-text ol,
#pandora-page .pandora-rich-text blockquote { margin:0 0 1em; }
#pandora-page .pandora-rich-text > :last-child { margin-bottom:0; }
#pandora-page .pandora-rich-text ul { list-style:disc outside; padding-left:1.5em; }
#pandora-page .pandora-rich-text ol { list-style:decimal outside; padding-left:1.5em; }
#pandora-page .pandora-rich-text li { display:list-item; margin-bottom:.3em; }
#pandora-page .pandora-rich-text li > ul,
#pandora-page .pandora-rich-text li > ol { margin-top:.3em; }
#pandora-page .pandora-rich-text strong,
#pandora-page .pandora-rich-text b { font-weight:700; }
#pandora-page .pandora-rich-text em,
#pandora-page .pandora-rich-text i { font-style:italic; }
#pandora-page .pandora-rich-text a { text-decoration:underline; text-underline-offset:.15em; }
#pandora-page .pandora-rich-text a:hover { text-decoration-thickness:2px; }
#pandora-page .pandora-rich-text blockquote { border-left:3px solid var(--border); padding-left:1em; }