body{margin:0;font-family:neue-haas-grotesk-display,Helvetica,Arial,sans-serif;font-size:12px;height:99vh}h1{font-size:14px}h1,h2{margin:12px 0;font-family:Arial;font-weight:400}h2{font-size:18px}h3{font-size:14px;margin:4px 0;font-weight:400}p{font-size:12px;margin:0 0 8px}.tags_container{display:flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card__content{margin-top:6px}.posts__container{margin-top:10px}#mainDiv{position:relative}.detail-view{position:fixed;top:0;right:0;width:calc(66.667% - 12px);height:100vh;overflow-y:auto;padding-right:8px;padding-left:12px}.detail-view__header{display:flex;justify-content:flex-end;margin-bottom:16px;position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:10;padding:8px 0}.detail-view__close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;color:#666;transition:color .2s}.detail-view__close:hover{color:#000}.detail-view__content{padding-bottom:40px}.header__body-content{font-size:12px;line-height:1.5}.header__body-content p{margin:0 0 8px}.header__container{display:grid;grid-template-columns:var(--header-width,33.333%) auto;margin:0 12px;transition:grid-template-columns .4s ease}header{padding-right:12px}.detail-view__date{color:#666;font-size:11px;margin-bottom:12px}.detail-view__tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.detail-view__tag{background-color:#e0e0e0;padding:4px 8px;border-radius:3px;font-size:11px}.image-container{margin-bottom:16px}#mainDiv section{overflow-y:auto;height:99vh;padding-right:8px}@media (max-width:750px){.header__container{margin-top:12px;display:flex;flex-direction:column}.container.header-collapsed{--header-width:max-content}header{padding-right:0}#mainDiv{display:flex;flex-direction:column;gap:0}.detail-view{position:static;width:100%;height:auto;min-height:100vh;padding-right:0;padding-left:0}#mainDiv section:first-child{overflow-y:visible;height:auto;padding-right:0}h1,h2{margin:6px 0}main.work-collapsed{--work-width:max-content}main.personal-collapsed{--personal-width:max-content}main.both-collapsed{--work-width:max-content;--personal-width:max-content}}.card{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card__gallery--thumbs{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap:4px;gap:4px;margin-top:2px}.card__gallery--thumbs img{aspect-ratio:1/1;object-fit:cover}.card__header{margin:8px 0 0}.card__date,.card__tags{color:#969696;font-size:10px;display:inline}.card__tags span{margin-left:6px}