/* Scoped editorial additions. Keep existing navigation, form and colour systems intact. */
.cpl-fieldnotes { --notes-ink: #203d34; --notes-muted: #52635a; --notes-paper: #fffdf7; scroll-margin-top: 110px; }
.cpl-fieldnotes-panel { background: #e9ede5; padding-block: clamp(44px, 5vw, 76px); }
.cpl-fieldnotes .cpl-fieldnotes-heading { max-width: 760px; margin: 0 0 32px; }
.cpl-fieldnotes .cpl-fieldnotes-heading .eyebrow { color: #9b3f28; margin: 0 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .13em; }
.cpl-fieldnotes .cpl-fieldnotes-heading h2 { color: var(--notes-ink); font-family: Manrope, sans-serif; font-size: clamp(28px, 3vw, 44px); font-weight: 600; line-height: 1.17; letter-spacing: -.035em; max-width: 24ch; margin: 0 0 16px; text-wrap: balance; }
.cpl-fieldnotes .cpl-fieldnotes-heading > p:last-child { color: var(--notes-muted); font: 400 17px/1.7 Inter, sans-serif; margin: 0; max-width: 60ch; }
.cpl-fieldnotes-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.cpl-fieldnotes .cpl-fieldnotes-item { min-width: 0; padding: clamp(24px, 2.6vw, 36px); background: var(--notes-paper); border-radius: 12px; }
.cpl-fieldnotes .cpl-fieldnotes-number { display: block; color: #9b3f28; font: 600 13px/1.5 Inter, sans-serif; margin: 0 0 22px; letter-spacing: .08em; }
.cpl-fieldnotes .cpl-fieldnotes-item h3 { color: var(--notes-ink); font: 600 21px/1.3 Manrope, sans-serif; letter-spacing: -.02em; margin: 0 0 18px; text-wrap: balance; }
@media (min-width: 1001px) { .cpl-fieldnotes-panel .cpl-fieldnotes-item h3 { min-height: 2.6em; } }
.cpl-fieldnotes .cpl-fieldnotes-item p { color: var(--notes-muted); font: 400 16px/1.75 Inter, sans-serif; margin: 0 0 14px; max-width: 67ch; overflow-wrap: break-word; }
.cpl-fieldnotes .cpl-fieldnotes-item p:last-child { margin-bottom: 0; }
.cpl-fieldnotes .cpl-fieldnotes-link { display: inline-flex; align-items: center; gap: 8px; color: var(--notes-ink); font: 600 15px/1.5 Inter, sans-serif; margin-top: 24px; min-height: 44px; text-decoration: underline; text-underline-offset: 5px; white-space: normal; }
.cpl-fieldnotes .cpl-fieldnotes-link:focus-visible { outline: 2px solid #9b3f28; outline-offset: 5px; }
.cpl-fieldnotes-editorial { margin-top: 52px; padding: 32px 0 0; border-top: 1px solid #ccd4c9; }
.cpl-fieldnotes-editorial .cpl-fieldnotes-heading h2 { font-size: clamp(27px, 2.5vw, 36px); }
.cpl-fieldnotes-editorial .cpl-fieldnotes-grid { display: block; }
.cpl-fieldnotes-editorial .cpl-fieldnotes-item { padding: 0; background: transparent; margin-top: 30px; border-radius: 0; }
.cpl-fieldnotes-editorial .cpl-fieldnotes-item p { font-size: 17px; line-height: 1.8; }
@media (max-width: 1000px) {
    .cpl-fieldnotes-panel .cpl-fieldnotes-grid { grid-template-columns: 1fr; gap: 16px; }
    .cpl-fieldnotes-panel .cpl-fieldnotes-item { padding: 28px; }
    .cpl-fieldnotes .cpl-fieldnotes-number { margin-bottom: 12px; }
}
@media (max-width: 600px) {
    .cpl-fieldnotes-panel { padding: 40px 20px; }
    .cpl-fieldnotes-panel .cpl-fieldnotes-item { padding: 24px; }
    .cpl-fieldnotes .cpl-fieldnotes-heading h2 { font-size: 28px; }
    .cpl-fieldnotes .cpl-fieldnotes-item h3 { font-size: 20px; }
    .cpl-fieldnotes .cpl-fieldnotes-item p { font-size: 16px; }
    .cpl-fieldnotes-editorial { margin-top: 36px; padding-top: 28px; }
}