/* Small adaptations; Enjoyment Work's visual system remains the base. */
body { background: var(--bg); color: var(--text-legacy); }
main > .row { margin-left: 0; margin-right: 0; }
.main-site-subheader { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .3rem 1rem; padding: .75rem 0; }
.main-site-subheader > div { display: inline-block; margin: 0; }
.main-site-subheader a { white-space: nowrap; }
.main-site-subheader a[aria-current=page] { text-decoration: underline; text-underline-offset: .3em; }
.theme-toggle button { color: var(--text-legacy); font-size: 1.2rem; }
.searchbar input[type=search] { width: 100%; height: 40px; border: 1px solid var(--border-soft); border-radius: 8px; padding: 0 12px 0 40px; background: var(--bg-subtle); color: var(--text); font-size: 1rem; }
.searchbar input::placeholder { color: var(--placeholder); opacity: 1; }
.text-muted { color: var(--muted) !important; }
#results-container { background: var(--panel) !important; border-color: var(--border-soft) !important; }
.search_res a, .search_res p { color: var(--text-legacy); }
.search_res { list-style: none; padding: .35rem .75rem; }
.example-notice { font-size: .88rem; line-height: 1.55; border-left: 3px solid var(--brand-link); background: var(--bg-subtle); padding: .8rem 1rem; margin: 1rem 0; }
.example-badge { display: inline-block; font-size: .75rem; padding: .1rem .45rem; border: 1px solid var(--border-legacy); border-radius: 3px; color: var(--text-weak); margin-right: .35rem; }
.entry-list { margin-top: 1.25rem; }
.entry-card { padding: 1.2rem 0; border-bottom: 1px solid var(--border-soft); }
.entry-card h2 { font-size: 1.4rem; margin: .25rem 0 .65rem; }
.entry-card p { margin: .5rem 0; line-height: 1.6; }
.entry-meta, .entry-meta span { font-size: .85rem; color: var(--text-weak); }
.entry-card a, .collection-links a { color: var(--brand-link); }
.collection-links { display: flex; flex-wrap: wrap; gap: .65rem 1.5rem; margin: 1.2rem 0; }
.content, .post-content { line-height: 1.7; overflow-wrap: break-word; }
.content pre { overflow-x: auto !important; white-space: pre; font-size: .85rem; }
.content code { font-size: .9em; }
.content .highlight { max-width: 100%; }
.content mjx-container[display=true] { overflow-x: auto; overflow-y: hidden; padding: .4rem 0; }
.video-embed { position: relative; padding-bottom: 56.25%; height: 0; margin: 1.5rem 0; }
.video-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
#footer { margin-top: 3rem; padding: 1rem 1rem 0; }
#footer h2 { font-size: 1rem; }
#footer p, #footer li, #footer small { color: var(--footer-text); }
#footer a { color: var(--footer-link); }
#author img { object-fit: contain; background: #fff; }
@media(max-width: 767px) { #site-header { font-size: 1.75rem; } #site-header small { font-size: 1rem; } main > .row > div { padding: 0 1.15rem; } .post h1 { font-size: 1.85rem; overflow-wrap: break-word; } }