/* About and Privacy Policy page styles */

.about-hero {
  background: linear-gradient(135deg, var(--blue-tint), #fff 68%);
  border-bottom: 1px solid var(--line-soft);
  padding: 74px 0 68px;
}
.about-hero-inner { max-width: 820px; }
.about-hero h1 { max-width: 760px; margin-bottom: 18px; }
.about-hero p { max-width: 660px; font-size: 1.08rem; line-height: 1.7; }
.about-content { padding-top: 54px; padding-bottom: 40px; }
.about-grid { display: grid; grid-template-columns: 190px minmax(0, 760px); gap: 64px; justify-content: center; }
.about-sidebar { position: relative; }
.about-sidebar-card { position: sticky; top: 96px; display: flex; flex-direction: column; gap: 4px; border-left: 2px solid var(--line); padding-left: 16px; }
.about-sidebar-label, .section-kicker { color: var(--blue); font-size: 0.76rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.about-sidebar-label { margin-bottom: 8px; }
.about-sidebar-card a { color: var(--ink-soft); font-size: 0.88rem; padding: 5px 0; }
.about-sidebar-card a:hover { color: var(--blue); }
.about-section { padding: 12px 0 54px; scroll-margin-top: 90px; }
.about-section h2 { margin-top: 10px; margin-bottom: 16px; }
.about-section > p { max-width: 700px; font-size: 1rem; line-height: 1.75; }
.about-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 22px; }
.about-feature { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 20px; background: #fff; }
.about-feature i { color: var(--blue); font-size: 1.2rem; margin-bottom: 18px; }
.about-feature h3 { font-size: 1.05rem; margin-bottom: 8px; }
.about-feature p { font-size: 0.88rem; line-height: 1.6; margin: 0; }
.privacy-section { border-top: 1px solid var(--line); padding-top: 50px; }
.privacy-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.privacy-heading h2 { margin-bottom: 0; }
.privacy-updated { color: var(--ink-faint); font-size: 0.82rem; white-space: nowrap; }
.privacy-notice { display: flex; gap: 14px; align-items: flex-start; background: var(--blue-tint); border: 1px solid #cfe2ff; border-radius: var(--radius-md); padding: 16px 18px; margin: 24px 0 30px; }
.privacy-notice i { color: var(--blue); margin-top: 4px; }
.privacy-notice p { margin: 0; color: var(--ink-soft); font-size: 0.92rem; }
.policy-block { border-top: 1px solid var(--line-soft); padding: 25px 0 4px; }
.policy-block h3 { font-size: 1.12rem; margin-bottom: 10px; }
.policy-block p, .policy-block li { color: var(--ink-soft); font-size: 0.94rem; line-height: 1.75; }
.policy-block ul { margin: 8px 0 16px; padding-left: 20px; }
.policy-block li { margin-bottom: 7px; }
.contact-section { border-top: 1px solid var(--line); padding-top: 48px; }
.contact-section a { color: var(--blue); font-weight: 600; }

@media (max-width: 760px) {
  .about-hero { padding: 52px 0 46px; }
  .about-grid { display: block; }
  .about-sidebar { display: none; }
  .about-content { padding-top: 32px; }
  .about-feature-grid { grid-template-columns: 1fr; }
  .privacy-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
  .privacy-updated { white-space: normal; }
}