/* About page specific styles */
.section p { font-size: .9rem; color: #444; line-height: 1.65; margin-bottom: 10px; }
.section p:last-child { margin-bottom: 0; }
.feature-list { list-style: none; display: flex; flex-direction: column; gap: 8px; }
.feature-list li {
  display: flex; align-items: flex-start; gap: 10px;
  background: #f4f7fb; border-radius: 10px; padding: 11px 14px;
  font-size: .88rem; color: #333;
}
.feature-list li span.ico { font-size: 1.1rem; flex-shrink: 0; margin-top: 1px; }
.mode-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.mode-pill { background: #f4f7fb; border-radius: 10px; padding: 14px 10px; text-align: center; }
.mode-pill .ico  { font-size: 1.5rem; margin-bottom: 5px; }
.mode-pill strong { display: block; font-size: .82rem; color: #222; }
.mode-pill span   { display: block; font-size: .73rem; color: #666; margin-top: 2px; }
.proof-box {
  background: linear-gradient(135deg, #f0faf3, #e6f7ec);
  border: 2px solid #1a8a3c; border-radius: 12px;
  padding: 18px 20px; display: flex; gap: 14px; align-items: flex-start;
}
.proof-box .ico { font-size: 2rem; flex-shrink: 0; }
.proof-title { font-size: .93rem; color: #1a5c2a; font-weight: 700; margin-bottom: 6px; }
.proof-body  { font-size: .87rem; color: #2d6a3f; line-height: 1.6; }
.proj-card {
  display: block; text-decoration: none; border-radius: 14px; overflow: hidden;
  border: 1.5px solid #dde3ed; transition: box-shadow .2s, transform .15s;
}
.proj-card:hover { box-shadow: 0 8px 28px rgba(0,53,128,.15); transform: translateY(-2px); }
.proj-card-head {
  background: linear-gradient(135deg, #1a6e3c, #27a85a);
  padding: 18px 20px 14px; display: flex; align-items: center; gap: 14px;
}
.proj-card-globe { font-size: 2.4rem; }
.proj-card-head-text strong { display: block; font-size: 1.05rem; color: #fff; font-weight: 700; }
.proj-card-head-text span   { font-size: .78rem; color: rgba(255,255,255,.8); }
.proj-card-badge {
  margin-left: auto; background: rgba(255,255,255,.2); color: #fff;
  font-size: .7rem; font-weight: 700; padding: 3px 10px; border-radius: 20px;
  text-transform: uppercase; letter-spacing: .5px; flex-shrink: 0;
}
.proj-card-body { background: #fff; padding: 14px 18px 16px; }
.proj-card-desc { font-size: .87rem; color: #444; line-height: 1.6; margin-bottom: 12px; }
.proj-visit-btn {
  display: inline-flex; align-items: center; gap: 6px;
  background: linear-gradient(135deg, #1a6e3c, #27a85a);
  color: #fff; font-size: .83rem; font-weight: 700;
  padding: 8px 16px; border-radius: 8px; text-decoration: none;
  transition: opacity .15s;
}
.proj-visit-btn:hover { opacity: .88; }
.disclaimer-box {
  background: #fff8e1; border: 1px solid #ffe082; border-radius: 10px;
  padding: 14px 16px; font-size: .83rem; color: #795548; line-height: 1.55;
}
@media (max-width: 480px) { .mode-grid { grid-template-columns: 1fr; } }