/* Visible static document while the interactive site loads, or without JavaScript. */
#static-site { max-width: 1050px; margin: auto; padding: 24px; color: #183c2b; font: 17px/1.7 system-ui, sans-serif; }
#static-site header, #static-site footer { padding: 20px 0; border-bottom: 1px solid #d8ddd7; }
#static-site main { padding: 24px 0; }
#static-site article { margin-bottom: 48px; }
#static-site h1 { font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.15; }
#static-site h2 { margin-top: 2rem; line-height: 1.3; }
#static-site a { color: #254f35; text-underline-offset: 3px; }
#static-site img { width: 100%; height: auto; border-radius: 12px; }
#static-site figure { margin: 24px 0; }
#static-site figcaption { font-size: .8rem; }
#static-site .blog-table-scroll { max-width: 100%; overflow-x: auto; }
#static-site table { width: 100%; border-collapse: collapse; }
#static-site th, #static-site td { text-align: left; padding: 10px; border: 1px solid #d8ddd7; }
#static-site summary { cursor: pointer; font-weight: 600; }
#static-site details { padding: 12px 0; }