/* ANCC site — shared styles. Dark theme, no JS. */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  background: #0E1116;
  color: #CDD6E0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  font-size: 1.05rem;
  line-height: 1.7;
  padding: 2rem 1.5rem;
  max-width: 720px;
  margin: 0 auto;
}
h1 { font-size: 2.25rem; font-weight: 600; margin-bottom: 0.5rem; letter-spacing: -0.02em; line-height: 1.2; }
h2 { font-size: 1.5rem; font-weight: 600; margin-top: 2.5rem; margin-bottom: 0.6rem; letter-spacing: -0.01em; line-height: 1.3; }
h3 { font-size: 1.15rem; font-weight: 600; margin-top: 1.5rem; margin-bottom: 0.4rem; line-height: 1.4; }
p { margin-bottom: 1rem; color: #CDD6E0; }
a { color: #CDD6E0; }
ul, ol { margin-bottom: 1rem; padding-left: 1.5rem; }
li { margin-bottom: 0.3rem; color: #CDD6E0; }
.meta { color: #7C8590; font-size: 0.9rem; margin-bottom: 2rem; }
.section-intro { color: #7C8590; font-size: 0.95rem; margin-bottom: 1.25rem; }
.requirement { margin-bottom: 1.5rem; }
.requirement-name { font-weight: 600; }
.requirement-desc { color: #7C8590; font-size: 0.95rem; margin-top: 0.2rem; }
.tool { margin-bottom: 1.5rem; }
.tool-name { font-weight: 600; text-decoration: none; border-bottom: 1px solid #3B414A; }
.tool-name:hover { border-bottom-color: #7C8590; }
.tool-desc { color: #7C8590; font-size: 0.95rem; margin-top: 0.2rem; }
pre {
  background: #161B22;
  border: 1px solid #3B414A;
  border-radius: 4px;
  padding: 1rem;
  overflow-x: auto;
  font-size: 0.85rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  color: #CDD6E0;
}
code { font-family: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace; font-size: 0.875rem; }
.inline-code { background: #161B22; padding: 0.15rem 0.35rem; border-radius: 3px; font-size: 0.85rem; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1.5rem; }
.comparison-col h3 { font-size: 0.95rem; font-weight: 600; margin-bottom: 0.5rem; }
.comparison-col ul { list-style: none; padding: 0; }
.comparison-col ul li { color: #7C8590; font-size: 0.9rem; margin-bottom: 0.3rem; padding-left: 1.2rem; position: relative; }
.comparison-col ul li::before { position: absolute; left: 0; }
.comparison-col.before ul li::before { content: "\00d7"; color: #7C8590; }
.comparison-col.after ul li::before { content: "\2192"; color: #CDD6E0; }
.links { margin-top: 3rem; color: #7C8590; font-size: 0.95rem; }
.links a { color: #7C8590; margin-right: 1.5rem; }
/* Standard footer */
footer { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid #3B414A; color: #7C8590; font-size: 0.85rem; }
footer a { color: #7C8590; margin-right: 1.5rem; text-decoration: none; border-bottom: 1px solid transparent; }
footer a:hover { color: #CDD6E0; border-bottom-color: #3B414A; }
footer .footer-nav { margin-bottom: 0.5rem; }
footer .footer-meta { margin-top: 0.5rem; }
/* Navigation */
nav { margin-bottom: 2rem; font-size: 0.9rem; }
nav a { color: #7C8590; text-decoration: none; margin-right: 1rem; border-bottom: 1px solid transparent; }
nav a:hover { color: #CDD6E0; border-bottom-color: #3B414A; }
nav a.active { color: #CDD6E0; border-bottom-color: #CDD6E0; }
@media (max-width: 480px) { .comparison { grid-template-columns: 1fr; } }