.about { max-width: 780px; margin: 0 auto; padding: 44px 24px 70px; }
.about h1 { margin-bottom: 10px; font-size: 34px; }
.about-lead { color: var(--ink-2); margin: 0 0 34px; }
.about h2 { font-family: var(--serif); font-weight: 600; font-size: 20px; letter-spacing: .06em; margin: 40px 0 12px; padding-top: 16px; border-top: 1px solid var(--ink); }
.about table { width: 100%; border-collapse: collapse; font-size: 14px; }
.about th { text-align: left; font-weight: 400; font-size: 12px; color: var(--ink-3); padding: 4px 12px 4px 0; border-bottom: 1px solid var(--line); }
.about td { vertical-align: top; padding: 10px 12px 10px 0; border-bottom: 1px solid var(--paper-3); }
.about td:first-child { width: 30%; font-weight: 600; }
.about ul { padding-left: 1.3em; margin: 0; }
.about li { margin: 6px 0; }
.note { font-size: 13.5px; color: var(--ink-2); background: var(--paper-2); padding: 12px 14px; margin: 16px 0 0; border-left: 3px solid var(--shu); }
.small { font-size: 12.5px; color: var(--ink-3); }
@media (max-width: 640px) { .about { padding: 28px 16px 50px; } .about td:first-child { width: 36%; } }