/* compact hero */
.pepti-hero-premium--compact { min-height: 42vh; }
.pepti-hero-premium--compact .pepti-hero-premium__container { padding: 132px 40px 56px; }
.pepti-hero-premium--compact .pepti-hero-premium__title { font-size: clamp(30px,4.5vw,52px); }
.pepti-hero-premium--compact .pepti-hero-premium__number { font-size: clamp(30px,4.5vw,52px); }
.pepti-hero-premium__topfade { position:absolute; top:0; left:0; right:0; height:200px; background:linear-gradient(to bottom, rgba(0,0,0,0.65), rgba(0,0,0,0)); z-index:1; pointer-events:none; }
/* eyebrow pill */
.pc-learn-eyebrow { display:inline-block; font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.28); border-radius:999px; padding:7px 16px; margin-bottom:22px; backdrop-filter:blur(8px); }
/* breadcrumbs */
.pc-learn-crumbs { max-width:1180px; margin:0 auto; padding:20px 32px 0; }
.pc-learn-crumbs ol { display:flex; flex-wrap:wrap; align-items:center; gap:8px; list-style:none; margin:0; padding:0; font-size:14px; color:#6b7280; }
.pc-learn-crumbs a { text-decoration:none; }
.pc-learn-crumbs a:hover { text-decoration:underline; }
.pc-learn-crumbs__current { color:#374151; }
/* 2-column article shell */
.pc-learn-shell { display:grid; grid-template-columns:250px minmax(0,1fr); gap:56px; align-items:start; max-width:1180px; margin:0 auto; padding:64px 32px 96px; }
.pc-learn-side { position:sticky; top:104px; }
.pc-learn-toc { background:var(--pepti-primary-bg,#faf5ff); border:1px solid var(--pepti-primary-subtle,#ede9fe); border-radius:14px; padding:22px 24px; }
.pc-learn-toc strong { display:block; font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--pepti-primary,#7c3aed); margin-bottom:12px; }
.pc-learn-toc a { display:block; color:#4b5563; text-decoration:none; padding:6px 0; font-size:14px; line-height:1.4; border-left:2px solid transparent; padding-left:10px; margin-left:-10px; transition:color .15s, border-color .15s; }
.pc-learn-toc a:hover { color:var(--pepti-primary,#7c3aed); border-left-color:var(--pepti-primary-light,#c4b5fd); }
/* reading column - roomier */
.pc-learn-article { max-width:760px; }
.pc-learn-article > h2:first-child { margin-top:0; }
.pc-learn-article h2 { font-size:27px; font-weight:700; color:var(--pepti-primary,#7c3aed); margin:48px 0 16px; scroll-margin-top:100px; letter-spacing:-0.01em; }
.pc-learn-article h3 { font-size:18px; font-weight:700; color:#1f2937; margin:26px 0 8px; }
.pc-learn-article p, .pc-learn-article li { font-size:17px; line-height:1.85; color:#374151; margin-bottom:18px; }
.pc-learn-article ul { padding-left:24px; margin-bottom:22px; }
.pc-learn-article li { margin-bottom:10px; }
.pc-learn-disclaimer { margin-top:48px; font-size:13px; color:#6b7280; border-top:1px solid #e5e7eb; padding-top:22px; line-height:1.6; }
@media (max-width:1000px){
  .pc-learn-shell { grid-template-columns:1fr; gap:0; padding:44px 22px 72px; }
  .pc-learn-side { position:static; margin-bottom:28px; }
  .pc-learn-article { max-width:none; }
}
/* CTA card */
.pc-learn-cta { margin-top:40px; background:var(--pepti-gradient-primary,linear-gradient(135deg,#7c3aed,#9333ea)); border-radius:16px; padding:28px 32px; color:#fff; }
.pc-learn-cta h3 { font-size:20px; font-weight:700; margin-bottom:8px; color:#fff; }
.pc-learn-cta p { color:rgba(255,255,255,.9); margin-bottom:16px; }
.pc-learn-cta .pc-learn-cta__row { display:flex; flex-wrap:wrap; gap:12px; }
.pc-learn-cta a { display:inline-flex; align-items:center; gap:8px; padding:12px 22px; border-radius:10px; font-weight:600; text-decoration:none; }
.pc-learn-cta a.primary { background:#fff; color:var(--pepti-primary,#7c3aed); }
.pc-learn-cta a.ghost { background:rgba(255,255,255,.14); color:#fff; border:1px solid rgba(255,255,255,.35); }
/* landing card grid */
.pc-learn-landing { max-width: 1100px; margin: 0 auto; padding: 48px 24px 80px; }
.pc-learn-group { margin-bottom: 44px; }
.pc-learn-group h2 { font-size: 22px; font-weight: 700; color:#1a0a2e; margin-bottom: 18px; }
.pc-learn-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px; }
.pc-learn-card { display:block; background:#fff; border:1px solid #e5e7eb; border-radius:16px; padding:24px; text-decoration:none; transition:transform .2s, box-shadow .2s, border-color .2s; }
.pc-learn-card:hover { transform:translateY(-4px); box-shadow:0 16px 40px -18px rgba(0,0,0,.22); border-color:var(--pepti-primary-light,#c4b5fd); }
.pc-learn-card h3 { font-size:18px; font-weight:700; color:var(--pepti-primary,#7c3aed); margin-bottom:8px; }
.pc-learn-card p { font-size:14px; color:#4b5563; line-height:1.6; margin-bottom:14px; }
.pc-learn-card .read { font-weight:600; color:var(--pepti-primary,#7c3aed); font-size:14px; }
.pc-learn-quicklinks { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:40px; padding-bottom:28px; border-bottom:1px solid var(--pepti-primary-subtle,#ede9fe); }
.pc-learn-quicklinks span { font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--pepti-primary,#7c3aed); font-weight:700; margin-right:6px; }
.pc-learn-quicklinks a { font-size:14px; color:#4b5563; text-decoration:none; background:var(--pepti-primary-bg,#faf5ff); border:1px solid var(--pepti-primary-subtle,#ede9fe); border-radius:999px; padding:7px 15px; transition:all .15s; }
.pc-learn-quicklinks a:hover { color:var(--pepti-primary,#7c3aed); border-color:var(--pepti-primary-light,#c4b5fd); background:var(--pepti-primary-bg,#f5f3ff); }
/* mobile */
@media (max-width:640px){
  .pepti-hero-premium--compact { min-height:auto; }
  .pepti-hero-premium--compact .pepti-hero-premium__container { padding:118px 20px 40px; }
  .pepti-hero-premium--compact .pepti-hero-premium__title,
  .pepti-hero-premium--compact .pepti-hero-premium__number { font-size:clamp(26px,7vw,34px); }
  .pepti-hero-premium__subtitle { font-size:15px; }
  .pc-learn-crumbs { padding:16px 20px 0; }
  .pc-learn-shell { padding:32px 18px 60px; }
  .pc-learn-article h2 { font-size:23px; }
  .pc-learn-article p, .pc-learn-article li { font-size:16px; }
  .pc-learn-quicklinks { gap:8px; }
  .pc-learn-landing { padding:32px 18px 64px; }
  .pc-learn-grid { grid-template-columns:1fr; }
  .pc-learn-cta { padding:22px 20px; }
  .pc-learn-cta .pc-learn-cta__row { flex-direction:column; }
  .pc-learn-cta a { justify-content:center; }
}