.page__content h2 { scroll-margin-top: 5rem; }
.profile-links { margin: 1.5rem 0 2rem; }
.profile-links span { margin: 0 .65rem; color: var(--global-text-color-light); }
.selected-writing { padding-left: 0; list-style: none; }
.selected-writing li { display: flex; gap: 1.5rem; justify-content: space-between; margin: 0; padding: .8rem 0; border-bottom: 1px solid var(--global-border-color); }
.selected-writing time { flex-shrink: 0; color: var(--global-text-color-light); font-size: .8em; padding-top: .15rem; }
.blog-shortcuts { font-size: .85em; line-height: 1.9; }
.blog-search { margin: 1.7rem 0; }
.blog-search label { font-size: .85em; font-weight: 600; }
.blog-search input { width: 100%; padding: .7rem .85rem; border: 1px solid var(--global-border-color); border-radius: 4px; background: var(--global-bg-color); color: var(--global-text-color); }
.blog-search input:focus-visible { outline: 2px solid var(--global-link-color); outline-offset: 2px; }
#blog-result-count { font-size: .75em; color: var(--global-text-color-light); margin: .5rem 0; }
.blog-entry { padding: 1.1rem 0; border-bottom: 1px solid var(--global-border-color); }
.blog-entry h3 { font-size: 1.05em; line-height: 1.5; margin: 0 0 .4rem; overflow-wrap: anywhere; }
.blog-entry-meta { display: flex; flex-wrap: wrap; gap: .35rem 1rem; color: var(--global-text-color-light); font-size: .73em; }
.blog-entry p { font-size: .8em; line-height: 1.8; margin: .6rem 0 0; }
.blog-year { margin-bottom: .2rem; }
.research-entry { margin: 1rem 0 1.5rem; }
[hidden] { display: none !important; }
@media (max-width: 600px) { .selected-writing li { display: block; } .selected-writing time { display: block; margin-top: .35rem; } }