/* Scoped overview of the goals and principles on the about page. */
html body main#main-content .about-difference { margin-top:44px; }
html body main#main-content .about-difference > h2 { margin:0 0 16px; text-align:left; }
html body main#main-content .about-difference-intro { max-width:820px; color:#555c64; margin:0 0 24px; }
html body main#main-content .about-difference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html body main#main-content .about-difference-card { min-width:0; padding:28px; border:1px solid #dedbd7; border-radius:12px; background:#fff; box-shadow:none; }
html body main#main-content .about-difference-card:hover { transform:none; box-shadow:none; }
html body main#main-content .about-difference-number { display:block; font-size:14px; color:#806262; margin-bottom:12px; }
html body main#main-content .about-difference-card h3 { margin:0 0 14px; }
html body main#main-content .about-difference-card p { margin:0; color:#424951; }
html body main#main-content .about-difference-links { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:24px; }
html body main#main-content .about-difference-links a { display:inline-flex; align-items:center; gap:8px; min-height:44px; color:#5c3d3d; font-weight:600; text-decoration:underline; text-underline-offset:3px; }
html body main#main-content .about-difference-links a:focus-visible { outline:3px solid #876666; outline-offset:3px; }
@media(max-width:650px) {
 html body main#main-content .about-difference { margin-top:32px; }
 html body main#main-content .about-difference-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 html body main#main-content .about-difference-card { padding:20px; }
}