/* About + Contact page — content sections. Chrome/hero/breadcrumb come from
   style.css + page.css; this adds only the About-specific pieces. */

.about-main .section{margin-bottom:40px}
.section-title{font-family:var(--font-h);font-size:1.3rem;font-weight:700;color:var(--navy);margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--border);position:relative}
.section-title::after{content:'';position:absolute;bottom:-2px;left:0;width:40px;height:2px;background:var(--red)}
.about-main .section p{font-size:14px;line-height:1.8;color:var(--gray);margin-bottom:14px}
.about-main .section p:last-child{margin-bottom:0}

/* Editorial standards */
.standards-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:4px}
.standards-list li{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.6;color:var(--gray)}
.standards-list strong{display:inline;font-weight:700;color:var(--dark)}
.std-icon{width:22px;height:22px;background:var(--navy);border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.std-icon::after{content:'';display:block;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translateY(-2px)}

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:4px}
.team-card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);text-align:center}
.team-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#1a2d5a,#213770);margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-h);font-size:18px;font-weight:700;color:rgba(255,255,255,.7)}
.team-name{font-family:var(--font-h);font-size:16px;font-weight:600;color:var(--dark);margin-bottom:4px}
.team-role{font-family:var(--font-h);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--red);margin-bottom:8px}
.team-bio{font-size:13px;color:var(--gray);line-height:1.6}
.team-link{display:inline-block;margin-top:10px;font-size:12px;color:var(--navy);font-weight:600;font-family:var(--font-h);text-transform:uppercase;letter-spacing:.5px}
.team-link:hover{color:var(--red)}

/* Contact */
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:4px}
.contact-card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);border-top:3px solid var(--navy)}
.contact-card.red{border-top-color:var(--red)}
.contact-card.green{border-top-color:var(--green)}
.contact-type{font-family:var(--font-h);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gray);margin-bottom:6px}
.contact-title{font-family:var(--font-h);font-size:17px;font-weight:700;color:var(--dark);margin-bottom:8px}
.contact-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:12px}
.contact-email{font-size:13px;color:var(--navy);font-weight:600}
.contact-email:hover{text-decoration:underline}

/* Sidebar extras */
.address-block p{font-size:13px;line-height:1.8;color:var(--gray)}
.address-block strong{color:var(--dark);font-weight:600;display:block;margin-bottom:6px}
.social-links{display:flex;flex-direction:column;gap:8px}
.social-link{font-size:12px;color:var(--gray);padding:8px 12px;border:1px solid var(--border);border-radius:4px;font-family:var(--font-h);font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:.2s}
.social-link:hover{border-color:var(--navy);color:var(--navy)}
.join-cta{background:var(--navy);border-radius:6px;padding:22px;text-align:center}
.join-cta h4{font-family:var(--font-h);font-size:18px;font-weight:700;color:#fff;margin-bottom:8px}
.join-cta p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.6;margin-bottom:16px}
.join-cta a{display:block;background:var(--red);color:#fff;padding:10px 16px;border-radius:4px;font-family:var(--font-h);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}
.join-cta a:hover{background:#9b0f14}

@media (max-width:768px){
  .team-grid,.contact-grid{grid-template-columns:1fr}
}