.rcc-coordination-page main { color: var(--rcc-ink); background: #f4f7f6; }
.rcc-coordination-page .page-hero { margin-bottom: 0; }
.rcc-coordination-back { display: inline-flex; margin-bottom: 30px; color: var(--rcc-teal); font-size: .76rem; font-weight: 800; text-decoration: none; }
.rcc-coordination-overview { padding: 30px 0 clamp(52px, 6vw, 78px); background: #fff; }
.rcc-coordination-overview__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(350px, .75fr); align-items: center; gap: clamp(40px, 7vw, 90px); }
.rcc-coordination-overview h2 { max-width: 720px; margin: 0 0 20px; font-size: clamp(2rem, 3.8vw, 3rem); line-height: 1.08; }
.rcc-coordination-overview .format-text { color: var(--rcc-muted); line-height: 1.75; }
.rcc-coordination-overview aside { padding: 32px; border-radius: 18px; color: #fff; background: #103c43; box-shadow: 0 18px 44px rgba(17,56,48,.16); }
.rcc-coordination-overview aside span { color: #91daca; font-size: .65rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.rcc-coordination-overview aside strong { display: block; margin: 28px 0 12px; font-size: 1.35rem; line-height: 1.3; }
.rcc-coordination-overview aside p { margin: 0; color: rgba(255,255,255,.7); line-height: 1.6; }
.rcc-coordination-section { padding: clamp(54px, 6vw, 80px) 0; }
.rcc-coordination-heading { display: grid; margin-bottom: 32px; grid-template-columns: 1fr minmax(300px, .7fr); align-items: end; gap: 34px; }
.rcc-coordination-heading h2 { margin: 0; font-size: clamp(1.85rem, 3vw, 2.65rem); }
.rcc-coordination-heading > p { margin: 0; color: var(--rcc-muted); line-height: 1.7; }
.rcc-coordination-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.rcc-coordination-grid article { display: flex; min-height: 300px; padding: 28px; border: 1px solid #d8e4e1; border-radius: 16px; flex-direction: column; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.rcc-coordination-grid article:hover { box-shadow: 0 16px 34px rgba(17,56,48,.09); transform: translateY(-4px); }
.rcc-coordination-icon { display: grid; width: 44px; height: 44px; border-radius: 10px; color: var(--rcc-teal); background: #e7f2ef; place-items: center; }
.rcc-coordination-icon svg { width: 20px; height: 20px; fill: currentColor; }
.rcc-coordination-grid article > p { margin: 28px 0 7px; color: var(--rcc-teal); font-size: .66rem; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }
.rcc-coordination-grid h3 { margin: 0 0 12px; font-size: 1.15rem; }
.rcc-coordination-grid article > div { color: var(--rcc-muted); font-size: .79rem; line-height: 1.65; }
.rcc-coordination-grid article > a { margin-top: auto; padding-top: 24px; color: var(--rcc-teal); font-size: .74rem; font-weight: 850; text-decoration: none; }
.rcc-coordination-accof { padding: 0 0 clamp(58px, 7vw, 90px); }
.rcc-coordination-accof__panel { display: grid; padding: clamp(34px, 5vw, 58px); border-radius: 20px; grid-template-columns: minmax(0, .9fr) minmax(320px, .7fr); align-items: center; gap: 50px; color: #fff; background: #103c43; }
.rcc-coordination-accof h2 { margin: 0; color: #fff; font-size: clamp(1.8rem, 3vw, 2.65rem); }
.rcc-coordination-accof .rcc-eyebrow { color: #91daca; }
.rcc-coordination-accof__panel > div:last-child p { color: rgba(255,255,255,.72); line-height: 1.7; }
.rcc-coordination-accof a { display: inline-flex; margin-top: 16px; color: #fff; font-size: .76rem; font-weight: 850; text-decoration: none; }
@media (max-width: 900px) { .rcc-coordination-overview__grid, .rcc-coordination-heading, .rcc-coordination-accof__panel { grid-template-columns: 1fr; } .rcc-coordination-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .rcc-coordination-grid { grid-template-columns: 1fr; } }