/* Affiliate education experience */
.education-hero { background: radial-gradient(circle at 85% 20%, rgba(255,193,7,.24), transparent 30%), linear-gradient(135deg,#12233f 0%,#1e3c72 55%,#0d6b63 100%); }
.hero-plan-card { background: rgba(255,255,255,.96); color:#172033; border:1px solid rgba(255,255,255,.6); border-radius:1.25rem; padding:2rem; box-shadow:0 1.5rem 3rem rgba(0,0,0,.2); }
.hero-plan-card li { margin-bottom:.75rem; }
.hero-plan-card li:last-child { margin-bottom:0; }
.section-space { padding-top:5rem; padding-bottom:5rem; }
.section-intro { max-width:720px; }
.section-kicker { color:#0b6b62; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.learning-card { display:block; background:#fff; color:#172033; padding:2rem; border:1px solid #e7eaf0; border-radius:1rem; text-decoration:none; box-shadow:0 .75rem 2rem rgba(22,32,51,.06); transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.learning-card:hover { color:#172033; transform:translateY(-4px); border-color:#f0b500; box-shadow:0 1rem 2.5rem rgba(22,32,51,.12); }
.learning-card p { color:#687184; }
.learning-icon { display:block; font-size:2.25rem; margin-bottom:1rem; }
.card-link { color:#0b6b62; font-weight:700; }
.workflow-panel,.repurpose-flow { display:grid; gap:.75rem; background:#f3f6fa; border-radius:1rem; padding:1rem; }
.workflow-panel div,.repurpose-flow div { display:flex; justify-content:space-between; gap:1rem; background:#fff; border-radius:.75rem; padding:1rem 1.25rem; border-left:4px solid #f0b500; }
.workflow-panel span,.repurpose-flow span { color:#687184; text-align:right; }
.honesty-banner { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:2rem; border:1px solid #dce3ec; border-radius:1rem; background:linear-gradient(135deg,#fff 0%,#fff9e6 100%); }
.guide-hero { color:#fff; padding:5.5rem 0; background:linear-gradient(135deg,#14213d 0%,#244f86 100%); }
.pinterest-hero { background:linear-gradient(135deg,#781b2d 0%,#bd2c43 55%,#4b1530 100%); }
.platforms-hero { background:linear-gradient(135deg,#153b37 0%,#0b6b62 55%,#203f68 100%); }
.sticky-guide { position:sticky; top:6rem; }
.roadmap-step { display:grid; grid-template-columns:3rem 1fr; gap:1.25rem; padding:0 0 2.5rem; margin-bottom:2.5rem; border-bottom:1px solid #e1e5eb; }
.roadmap-step>span,.timeline>div>span { display:grid; place-items:center; width:2.75rem; height:2.75rem; color:#fff; background:#0b6b62; border-radius:50%; font-weight:800; }
.roadmap-step h2 { font-size:1.5rem; font-weight:750; }
.action-box { background:#eff8f6; border-left:4px solid #0b6b62; border-radius:.5rem; padding:1rem 1.25rem; }
.next-guide { display:flex; justify-content:space-between; align-items:center; gap:2rem; padding:1.5rem; background:#fff; border:1px solid #dfe4eb; border-radius:1rem; }
.metric-card { height:100%; padding:1.5rem; text-align:center; background:#fff; border:1px solid #e2e6ec; border-radius:1rem; }
.metric-card strong { display:block; color:#9c2037; font-size:1.75rem; }
.metric-card span { color:#687184; }
.timeline>div { display:grid; grid-template-columns:3rem 1fr; gap:1rem; margin-bottom:2rem; }
.timeline h3 { font-size:1.2rem; font-weight:750; }
.checklist-card { padding:2rem; background:#fff; border-top:5px solid #bd2c43; border-radius:1rem; box-shadow:0 .75rem 2rem rgba(22,32,51,.08); }
.check-list { list-style:none; padding:0; margin:0; }
.check-list li { position:relative; padding:.55rem 0 .55rem 1.75rem; border-bottom:1px solid #edf0f4; }
.check-list li::before { content:'✓'; position:absolute; left:0; color:#0b6b62; font-weight:800; }
.week-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.week-grid div { padding:1.25rem; background:#f5f7fa; border-radius:.75rem; }
.week-grid strong,.week-grid span { display:block; }
.week-grid span { color:#687184; font-size:.9rem; margin-top:.25rem; }
.platform-card { height:100%; padding:2rem; background:#fff; border:1px solid #e1e5eb; border-radius:1rem; box-shadow:0 .5rem 1.5rem rgba(22,32,51,.05); }
.platform-card>span { font-size:2rem; }
.platform-card h3 { margin-top:.75rem; font-size:1.35rem; font-weight:750; }
.platform-card p { color:#5f697a; }
.decision-list li { margin-bottom:1rem; }
.contact-panel { padding:1.5rem; background:#eff8f6; border-radius:.75rem; }
.footer-links li { margin-bottom:.5rem; }
.footer-links a { color:#d8dce3; text-decoration:none; }
.footer-links a:hover { color:#fff; text-decoration:underline; }
.listing-hero { color:#fff; padding:5rem 0; background:radial-gradient(circle at 88% 18%,rgba(255,193,7,.25),transparent 28%),linear-gradient(135deg,#103c38 0%,#0b6b62 52%,#193c68 100%); }
.listing-platform-mark { display:grid; place-items:center; width:5rem; height:5rem; border-radius:1.35rem; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.28); font-size:1.5rem; font-weight:800; }
.listing-card { height:100%; padding:1.75rem; background:#fff; border:1px solid #dfe6eb; border-radius:1rem; box-shadow:0 .6rem 1.8rem rgba(22,32,51,.06); }
.listing-card h2,.listing-card h3 { font-weight:750; }
.listing-steps { counter-reset:listing-step; display:grid; gap:1rem; }
.listing-step { counter-increment:listing-step; position:relative; padding:1.4rem 1.4rem 1.4rem 4.25rem; background:#fff; border:1px solid #dfe6eb; border-radius:1rem; }
.listing-step::before { content:counter(listing-step); position:absolute; left:1.25rem; top:1.25rem; display:grid; place-items:center; width:2.15rem; height:2.15rem; border-radius:50%; background:#0b6b62; color:#fff; font-weight:800; }
.listing-step h3 { font-size:1.08rem; font-weight:750; margin-bottom:.35rem; }
.listing-step p { color:#5f697a; margin:0; }
.listing-note { padding:1.25rem; border-left:4px solid #f0b500; border-radius:.65rem; background:#fff8df; }
.listing-source-list a { overflow-wrap:anywhere; }
.platform-grid .learning-card { height:100%; }
@media (max-width:991.98px) { .sticky-guide { position:static; } }
@media (max-width:767.98px) {
  .section-space { padding-top:3.5rem; padding-bottom:3.5rem; }
  .workflow-panel div,.repurpose-flow div { display:block; }
  .workflow-panel span,.repurpose-flow span { display:block; text-align:left; margin-top:.25rem; }
  .honesty-banner,.next-guide { align-items:flex-start; flex-direction:column; }
  .week-grid { grid-template-columns:1fr; }
}
