body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; max-width: 960px; margin: 0 auto; padding: 1.5rem; color: #1a1a1a; }
nav { margin-bottom: 1rem; }
h1 { font-size: 1.5rem; }
h2 { font-size: 1.2rem; margin-top: 2rem; border-bottom: 1px solid #ddd; padding-bottom: 0.3rem; }
table { border-collapse: collapse; width: 100%; font-size: 0.9rem; }
th, td { text-align: left; padding: 0.3rem 0.5rem; border-bottom: 1px solid #eee; }
th { background: #f5f5f5; }
code { font-family: "SF Mono", "Fira Code", monospace; font-size: 0.85rem; }
pre { background: #f8f8f8; border: 1px solid #e0e0e0; border-radius: 4px; padding: 0.8rem; overflow-x: auto; font-size: 0.8rem; line-height: 1.4; }
pre code { font-size: 0.8rem; }
.meta th { width: 8rem; }
.status-pass { color: #2a7d2a; }
.status-diff { color: #c62828; font-weight: bold; }
.status-skip { color: #666; }
.native-note { color: #666; font-size: 0.85rem; font-style: italic; }
.est-note { color: #999; font-size: 0.8rem; }
a { color: #1565c0; text-decoration: none; }
a:hover { text-decoration: underline; }
.problem-desc { font-size: 1rem; line-height: 1.5; margin: 0.5rem 0 1rem; color: #333; }
.pe-link { font-size: 0.9rem; margin: 0 0 1.5rem; }
.comparison { font-size: 0.9rem; }
.comparison th { width: 8rem; }
.cmp-match { color: #2a7d2a; font-weight: bold; }
.cmp-worse { color: #c62828; font-weight: bold; }
.cmp-unknown { color: #666; }
