/* Marketing theme component additions. Scope is local to the three reviewed pages. */
.oc-note-examples-page .oc-note-jump{display:flex;flex-wrap:wrap;gap:8px 24px;max-width:1180px;margin:0 auto;padding:0 32px 20px;border-top:1px solid #d9d4c9}
.oc-note-examples-page .oc-note-jump a{display:inline-flex;align-items:center;min-height:44px;color:#65480c;text-underline-offset:4px;font-weight:650}
.oc-note-examples-page .oc-note-learning{max-width:1180px;margin:0 auto;padding:54px 32px;color:#2c2c2c;background:#fff;border-top:1px solid #e5e7eb}
.oc-note-examples-page .oc-note-learning h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,3vw,38px);line-height:1.16;color:#1a1a1a;margin:8px 0 22px;max-width:750px}
.oc-note-examples-page .oc-note-learning h3{font-size:20px;line-height:1.35;margin:25px 0 10px;color:#1a1a1a}
.oc-note-examples-page .oc-note-learning p{font-size:16px;line-height:1.75;max-width:78ch;margin:0 0 18px}
.oc-note-examples-page .oc-note-learning a{color:#65480c;text-decoration:underline;text-underline-offset:4px}
.oc-note-examples-page .oc-note-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px 48px}
.oc-note-examples-page .oc-note-template-guide{padding:0 0 32px;border:0;background:transparent}
.oc-note-examples-page .oc-note-template-guide figure{margin:24px 0 0;min-width:0}
.oc-note-examples-page .oc-note-template-guide img{width:100%;height:auto;border:1px solid #d5d8dc;border-radius:8px}
.oc-note-examples-page .oc-note-template-guide figcaption{font-size:13px;line-height:1.5;color:#666;margin-top:10px}
.oc-note-examples-page .oc-note-related{padding-top:18px;border-top:1px solid #e5e7eb}
.oc-note-examples-page #note-library,.oc-note-examples-page #template-customization,.oc-note-examples-page #reading-dental-notes{scroll-margin-top:96px}
.oc-note-examples-page .oc-note-jump a:focus-visible,.oc-note-examples-page .oc-note-learning a:focus-visible{outline:3px solid #a67100;outline-offset:4px}
.oc-mic-guide #start .oc-note-related a{color:#e9be5a;text-decoration:underline;text-underline-offset:4px}
.oc-mic-guide #start .oc-note-related a:focus-visible{outline:3px solid #e9be5a;outline-offset:4px}
.oc-mic-guide .oc-note-related{margin-top:24px;font-size:16px;line-height:1.7}
@media(max-width:767px){.oc-note-examples-page .oc-note-learning{padding:36px 20px}.oc-note-examples-page .oc-note-columns{grid-template-columns:1fr;gap:0}.oc-note-examples-page .oc-note-template-guide{padding:0 0 24px}.oc-note-examples-page .oc-note-jump{gap:4px 16px}.oc-note-examples-page .oc-note-template-guide figure{margin-top:16px}}
/* After-only Scribe ending detail links override the inherited bare-link reset. */
.oc-scribe-main-refresh .final-cta .plan-links a{color:#e9be5a!important;text-decoration:underline;text-underline-offset:4px}
.oc-scribe-main-refresh .final-cta .plan-links a:focus-visible{outline:3px solid #e9be5a;outline-offset:4px}

/* Gold CTA labels share the existing intended dark color in these after-only wrappers.
   Gallery #start-scribe retains its already passing paragraph-label color. */
.oc-scribe-main-refresh,.oc-note-examples-page{--oc-gold-cta-label:#17140d}
.oc-scribe-main-refresh a.btn.btn-gold,
.oc-note-examples-page .examples-hero a.btn.btn-gold,
.oc-note-examples-page .final-cta a.btn.btn-gold{color:var(--oc-gold-cta-label)!important}