:root { --content-max-width: 1040px; }
html { scroll-padding-top: 5rem; }
body { -webkit-font-smoothing: antialiased; }
.navbar { box-shadow: none; }
.navbar-brand { font-weight: 600; letter-spacing: .015em; }
.navbar .nav-link { font-size: .95rem; }
#subtitle { font-weight: 500; line-height: 1.5; }
#board { border-radius: 8px; box-shadow: 0 3px 18px rgba(36, 52, 72, .055); }
.index-card { border-radius: 6px; }
.index-img img { border-radius: 5px; }
.index-header { font-size: 1.3rem; font-weight: 600; line-height: 1.65; }
.index-excerpt { line-height: 1.85; }
.markdown-body { font-size: 16px; line-height: 1.95; overflow-wrap: anywhere; }
.markdown-body h1 { font-size: 1.75rem; }
.markdown-body h2 { font-size: 1.45rem; margin-top: 2rem; }
.markdown-body h3 { font-size: 1.2rem; }
.markdown-body img { max-width: 100%; height: auto; border-radius: 4px; }
.markdown-body figure { margin: 1.6rem 0; }
.markdown-body .wp-block-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; align-items: start; }
.markdown-body .wp-block-gallery figure { margin: 0; }
.markdown-body .wp-block-table { overflow-x: auto; }
.markdown-body table { width: 100%; }
.markdown-body pre { white-space: pre; overflow-x: auto; tab-size: 2; }
.markdown-body pre code { overflow-wrap: normal; font-size: .86rem; }
.markdown-body math[display="block"] { display: block; overflow-x: auto; padding: 1rem 0; }
.resume-languages { display: flex; gap: 1rem; border-bottom: 1px solid var(--line-color, #e5e9ef); padding-bottom: 1.1rem; margin-bottom: 2rem; }
.resume-languages a { font-size: .9rem; }
.legacy-comments { margin-top: 3rem; border-top: 1px solid var(--line-color, #e5e9ef); }
.legacy-comment { padding: 1rem 0; border-bottom: 1px solid var(--line-color, #e5e9ef); }
.legacy-comment time { font-size: .8rem; color: #7c8697; margin-left: .5rem; }
.legacy-comment p { margin: .5rem 0; white-space: pre-wrap; }
footer { font-size: .85rem; line-height: 2; }
@media (min-width: 1200px) { .container { max-width: 1120px; } }
@media (max-width: 767px) {
  .markdown-body { font-size: 15px; }
  .markdown-body .wp-block-gallery { grid-template-columns: 1fr; }
  .index-header { font-size: 1.15rem; }
  #subtitle { font-size: 1.45rem; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }