/* Clinical Peer Consultation Group page: a deliberately different, brighter
   theme (baby blue / pastel yellow / white) scoped entirely to .pc-page so it
   never touches the rest of the site's look. Nav and footer keep the site's
   normal styles.css appearance; only the content between them uses this file. */

.pc-page{
  --pc-blue:#bfe6f7;
  --pc-blue-soft:#eaf7fd;
  --pc-blue-deep:#2f7fa8;
  --pc-blue-ink:#1d4e66;
  --pc-yellow:#ffe9a8;
  --pc-yellow-soft:#fff7e0;
  --pc-yellow-deep:#e0a93a;
  --pc-white:#ffffff;
  --pc-ink:#28333a;
  --pc-ink-soft:#5a6b74;
  --pc-line:#dff1f9;
  background:var(--pc-white);

  /* Pin the shared nav/footer (which use the site's own --sage/--ink/etc.
     variables, not the --pc- ones above) back to their original values, so
     this page's chrome never shifts when the rest of the site's palette
     changes in styles.css. */
  --cream:#f8f7f3;
  --ivory:#efe7dd;
  --blush:#bec8cf;
  --peach:#dedcd5;
  --terra-deep:#4e6f8e;
  --sage:#aab5a5;
  --sage-deep:#aab5a5;
  --ink:#1d3b5c;
  --ink-soft:#3f5872;
  --ink-whisper:#4f6178;
  --line:#dedcd5;
}
/* Exception: the footer alone follows the homepage's current palette
   (requested directly), while nav and every section above it stay pinned
   to this page's own look via the overrides above. */
.pc-page footer{
  --cream:#f7faf8;
  --ivory:#e6eadf;
  --blush:#e0edf5;
  --peach:#f1e9da;
  --terra-deep:#304d5a;
  --sage:#f1e9da;
  --sage-deep:#f1e9da;
  --ink:#304d5a;
  --ink-soft:#597685;
  --ink-whisper:#6e8b9a;
  --line:#e6eadf;
}
.pc-page *{box-sizing:border-box}
.pc-page section{padding:72px 0}
.pc-page .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.pc-page h1,.pc-page h2,.pc-page h3{
  font-family:'Fraunces',Georgia,serif;font-weight:500;color:var(--pc-ink);
  letter-spacing:-.01em;margin:0 0 .5em;
}
.pc-page p{color:var(--pc-ink-soft);line-height:1.7;margin:0 0 1em;font-weight:400}
.pc-page .pc-eyebrow{
  display:inline-flex;align-items:center;gap:8px;background:var(--pc-yellow-soft);
  color:var(--pc-yellow-deep);font-family:'Inter',sans-serif;font-weight:600;
  font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
  padding:8px 18px;border-radius:999px;margin-bottom:18px;
}

/* ---------- Hero ---------- */
.pc-hero{
  padding:150px 0 90px;position:relative;overflow:hidden;
  background:linear-gradient(180deg,var(--pc-blue-soft) 0%,var(--pc-white) 100%);
}
.pc-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.pc-hero h1{font-size:clamp(2.2rem,4.4vw,3.4rem);line-height:1.15;margin-bottom:.4em}
.pc-hero .pc-sub{font-size:1.2rem;color:var(--pc-ink-soft);max-width:520px;margin-bottom:28px}
.pc-fact-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.pc-fact{
  display:flex;align-items:center;gap:8px;background:var(--pc-white);
  border:1.5px solid var(--pc-line);border-radius:999px;padding:10px 18px;
  font-family:'Inter',sans-serif;font-size:.88rem;font-weight:600;color:var(--pc-blue-ink);
  box-shadow:0 4px 14px rgba(47,127,168,.08);
}
.pc-fact .pc-fact-ic{font-size:1.05rem;line-height:1}
.pc-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--pc-yellow);color:var(--pc-ink);
  font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;
  padding:16px 32px;border-radius:999px;text-decoration:none;
  box-shadow:0 10px 24px rgba(224,169,58,.35);transition:transform .22s,box-shadow .22s;
  border:none;cursor:pointer;
}
.pc-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 14px 30px rgba(224,169,58,.45)}
.pc-btn.pc-btn-blue{background:var(--pc-blue-deep);color:#fff;box-shadow:0 10px 24px rgba(47,127,168,.3)}
.pc-btn.pc-btn-blue:hover{box-shadow:0 14px 30px rgba(47,127,168,.4)}
.pc-btn.pc-btn-outline{background:var(--pc-white);color:var(--pc-blue-ink);border:2px solid var(--pc-blue);box-shadow:none}
.pc-btn.pc-btn-outline:hover{background:var(--pc-blue-soft);transform:translateY(-2px)}

.pc-hero-art{position:relative;display:flex;align-items:center;justify-content:center}
.pc-hero-art svg{width:100%;max-width:460px;height:auto}
.pc-float{animation:pcFloat 5s ease-in-out infinite}
.pc-float-delay{animation:pcFloat 5s ease-in-out infinite;animation-delay:1.1s}
.pc-float-delay2{animation:pcFloat 5.6s ease-in-out infinite;animation-delay:2.1s}
@keyframes pcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* ---------- Generic section headers ---------- */
.pc-head{max-width:720px;margin:0 auto 48px;text-align:center}
.pc-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.pc-head p{font-size:1.08rem;max-width:620px;margin-left:auto;margin-right:auto}

/* ---------- Section 2: lonely-behind-a-screen ---------- */
.pc-lonely{background:var(--pc-white)}
.pc-lonely-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pc-question-stack{display:flex;flex-direction:column;gap:14px}
.pc-question{
  background:var(--pc-blue-soft);border:1.5px solid var(--pc-line);
  border-radius:20px;padding:16px 22px;font-family:'Inter',sans-serif;
  font-size:1rem;color:var(--pc-blue-ink);font-weight:500;
  position:relative;transition:transform .2s;
}
.pc-question:hover{transform:translateX(6px)}
.pc-question:nth-child(even){background:var(--pc-yellow-soft);color:#7a5a12}

/* ---------- Section 3: different perspectives ---------- */
.pc-perspectives{background:var(--pc-blue-soft)}
.pc-bubble-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:8px}
.pc-bubble{
  background:var(--pc-white);border-radius:26px;padding:30px 26px;
  box-shadow:0 14px 30px rgba(47,127,168,.1);position:relative;
  transition:transform .25s,box-shadow .25s;
}
.pc-bubble:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 18px 36px rgba(47,127,168,.16)}
.pc-bubble:nth-child(2){transform:rotate(.8deg)}
.pc-bubble:nth-child(2):hover{transform:translateY(-6px) rotate(1.4deg)}
.pc-bubble-ic{
  width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  background:var(--pc-yellow-soft);margin-bottom:16px;
}
.pc-bubble-ic svg{width:28px;height:28px}
.pc-bubble h3{font-size:1.15rem;margin-bottom:8px}
.pc-bubble p{font-size:.95rem;margin-bottom:0}

/* ---------- Section 4: small groups ---------- */
.pc-small{
  background:linear-gradient(160deg,var(--pc-blue) 0%,var(--pc-blue-soft) 60%,var(--pc-yellow-soft) 100%);
  position:relative;overflow:hidden;
}
.pc-small .pc-head h2{font-size:clamp(2.1rem,4vw,3rem)}
.pc-small .pc-head p{color:var(--pc-blue-ink)}
.pc-count-badge{
  display:flex;align-items:center;justify-content:center;gap:0;
  margin:0 auto 40px;width:fit-content;
}
.pc-seat{
  width:44px;height:44px;border-radius:50%;background:var(--pc-white);
  border:3px solid var(--pc-blue-deep);display:flex;align-items:center;justify-content:center;
  font-family:'Inter',sans-serif;font-weight:700;color:var(--pc-blue-deep);font-size:.85rem;
  margin-left:-10px;box-shadow:0 4px 10px rgba(47,127,168,.18);
}
.pc-seat:first-child{margin-left:0}
.pc-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:980px;margin:0 auto}
.pc-benefit{
  background:rgba(255,255,255,.85);backdrop-filter:blur(2px);
  border-radius:20px;padding:22px 20px;font-family:'Inter',sans-serif;
  font-size:.95rem;font-weight:600;color:var(--pc-blue-ink);
  display:flex;align-items:center;gap:12px;box-shadow:0 8px 20px rgba(47,127,168,.1);
}
.pc-benefit .pc-check{
  flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--pc-yellow);
  display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#7a5a12;
}

/* ---------- Section 5: how it works ---------- */
.pc-steps{background:var(--pc-white)}
.pc-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;counter-reset:pcstep}
.pc-step{position:relative;text-align:center;padding:36px 24px;border-radius:28px;background:var(--pc-blue-soft)}
.pc-step:nth-child(2){background:var(--pc-yellow-soft)}
.pc-step:nth-child(3){background:var(--pc-blue-soft)}
.pc-step-num{
  width:54px;height:54px;border-radius:50%;background:var(--pc-white);
  display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
  font-family:'Fraunces',serif;font-size:1.4rem;color:var(--pc-blue-deep);
  box-shadow:0 8px 18px rgba(47,127,168,.14);
}
.pc-step:nth-child(2) .pc-step-num{color:var(--pc-yellow-deep)}
.pc-step h3{font-size:1.2rem;margin-bottom:10px}
.pc-step p{font-size:.95rem;margin-bottom:0}

/* ---------- Section 6: details card ---------- */
.pc-details{background:var(--pc-blue-soft)}
.pc-details-card{
  max-width:720px;margin:0 auto;background:var(--pc-white);
  border-radius:32px;padding:48px 44px;box-shadow:0 20px 50px rgba(47,127,168,.14);
  border:2px solid var(--pc-blue);
}
.pc-details-card h2{text-align:center;font-size:1.7rem;margin-bottom:28px}
.pc-detail-list{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.pc-detail-list li{
  display:flex;align-items:flex-start;gap:14px;font-family:'Inter',sans-serif;
  font-size:1rem;color:var(--pc-ink);font-weight:500;
}
.pc-detail-ic{
  flex-shrink:0;width:34px;height:34px;border-radius:10px;background:var(--pc-yellow-soft);
  display:flex;align-items:center;justify-content:center;font-size:1.05rem;
}

/* ---------- Section 7: registration ---------- */
.pc-register{background:linear-gradient(180deg,var(--pc-white) 0%,var(--pc-blue-soft) 100%)}
.pc-register-card{
  max-width:680px;margin:0 auto;text-align:center;background:var(--pc-white);
  border-radius:32px;padding:50px 44px;box-shadow:0 20px 50px rgba(47,127,168,.14);
}
.pc-register-card h2{font-size:clamp(1.8rem,3.4vw,2.4rem)}
.pc-need-list{
  text-align:left;background:var(--pc-yellow-soft);border-radius:20px;
  padding:24px 28px;margin:28px 0;display:grid;gap:10px;
}
.pc-need-list p{margin:0;font-family:'Inter',sans-serif;font-size:.92rem;color:#7a5a12;font-weight:600}
.pc-need-list ul{margin:6px 0 0;padding-left:20px;color:#7a5a12;font-size:.92rem;font-weight:400;line-height:1.8}
.pc-register-note{font-size:.85rem;color:var(--pc-ink-soft);margin-top:18px}

/* ---------- Disclaimer ---------- */
.pc-disclaimer{background:var(--pc-white);padding:40px 0 100px}
.pc-disclaimer .wrap{max-width:780px}
.pc-disclaimer p{font-size:.85rem;color:var(--pc-ink-soft);text-align:center;line-height:1.7}

/* ---------- Responsive ---------- */
@media(max-width:960px){
  .pc-hero{padding:130px 0 70px}
  .pc-hero-grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .pc-hero .pc-sub{margin-left:auto;margin-right:auto}
  .pc-fact-row{justify-content:center}
  .pc-hero-art{order:-1}
  .pc-hero-art svg{max-width:320px}
  .pc-lonely-grid{grid-template-columns:1fr;gap:36px}
  .pc-bubble-grid{grid-template-columns:1fr;gap:20px}
  .pc-bubble:nth-child(2){transform:none}
  .pc-benefit-grid{grid-template-columns:1fr;max-width:480px}
  .pc-step-grid{grid-template-columns:1fr;gap:22px}
  .pc-details-card{padding:36px 26px}
  .pc-register-card{padding:36px 24px}
}
@media(max-width:640px){
  .pc-page section{padding:56px 0}
  .pc-page .wrap{padding:0 22px}
  .pc-fact{font-size:.8rem;padding:9px 14px}
}
@media(prefers-reduced-motion: reduce){
  .pc-float,.pc-float-delay,.pc-float-delay2{animation:none}
}