:root { font-family: Inter, system-ui, sans-serif; color: #1f2937; background: #f9fafb; line-height: 1.65; }
* { box-sizing: border-box; }
body { margin: 0; }
.content-page, .initial-home { max-width: 46rem; margin: auto; padding: 2rem 1.25rem; }
.site-guide { width: 100%; text-align: left; line-height: 1.65; color: #374151; }
.site-guide h1, .site-guide h2, .site-guide h3 { color: #115e59; font-weight: 700; line-height: 1.25; margin: 1.8rem 0 .75rem; }
.site-guide h1 { font-size: 2rem; }
.site-guide h2 { font-size: 1.3rem; }
.site-guide h3 { font-size: 1.1rem; }
.site-guide p, .site-guide ul, .site-guide ol { margin: .8rem 0; }
.site-guide ul, .site-guide ol { padding-left: 1.4rem; }
.site-guide ul { list-style: disc; }
.site-guide ol { list-style: decimal; }
.site-guide li + li { margin-top: .6rem; }
.site-guide a, .content-page a, .initial-home a { color: #0f766e; text-decoration: underline; text-underline-offset: .2em; }
.site-guide a:hover, .content-page a:hover { color: #134e4a; }
.site-guide a:focus-visible, .content-page a:focus-visible { outline: 3px solid #0f766e; outline-offset: 4px; }
.site-guide nav, .site-guide footer, .content-page nav, .content-page footer { display: flex; flex-wrap: wrap; gap: .75rem 1.25rem; padding: 1rem 0; }
.site-guide nav { flex-direction: column; }
.site-guide footer, .content-page footer { border-top: 1px solid #d1d5db; margin-top: 2rem; font-size: .9rem; }
.site-guide .example { background: #f0fdfa; border-left: 3px solid #0d9488; padding: 1rem; margin: 1.2rem 0; }
.site-guide table { border-collapse: collapse; width: 100%; margin: 1rem 0; font-size: .95rem; }
.site-guide td, .site-guide th { padding: .6rem; border-bottom: 1px solid #d1d5db; text-align: left; }
.content-page .brand, .initial-home h1 { color: #0f766e; font-size: 1.7rem; font-weight: 800; text-decoration: none; }
.content-page .play-link { display: inline-block; padding: .75rem 1.25rem; background: #0f766e; color: white; border-radius: .75rem; text-decoration: none; margin: 1rem 0; }
.content-ad { margin: 3rem 0; text-align: center; }
.content-ad p { font-size: .75rem; color: #6b7280; }