.related-posts{display:flex;flex-direction:column;gap:24px;margin-top:12px;padding-top:32px;border-top:1px solid var(--color-border)}.related-posts__title{margin:0;color:var(--color-accent)}.related-posts__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}.related-posts__card{display:flex;flex-direction:column;gap:8px;height:100%;color:var(--color-primary);text-decoration:none;text-align:left}.related-posts__card:hover .related-posts__card-title{color:var(--color-accent)}.related-posts__media{aspect-ratio:16/10;overflow:hidden;border-radius:var(--border-radius-s);background:var(--color-border)}.related-posts__image{width:100%;height:100%;object-fit:cover;display:block}.related-posts__image--empty{background:var(--color-border)}.related-posts__card-title{margin:0;color:var(--color-primary)}.related-posts__date,.related-posts__excerpt{margin:0}.related-posts__date{color:var(--color-tertiary)}.related-posts__excerpt{color:var(--color-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:768px){.related-posts__title{text-align:center}.related-posts__list{grid-template-columns:1fr}}.blog-content-page{display:flex;flex-direction:column;align-items:center;padding:20px 20px 60px;background-color:var(--color-background)}.blog-content-layout{width:60%}.blog-content-layout--with-toc{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start;gap:48px;width:min(100%,1200px)}.blog-content{display:flex;flex-direction:column;justify-content:center;width:100%;gap:20px}.blog-table-of-contents{position:sticky;top:96px;max-height:calc(100vh - 116px);overflow-y:auto;padding:20px;border-left:3px solid var(--color-accent)}.blog-table-of-contents p{margin:0 0 16px;color:var(--color-accent);font-size:var(--font-size-s)}.blog-table-of-contents ul{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}.blog-table-of-contents a{color:inherit;text-decoration:none}.blog-table-of-contents a:hover{color:var(--color-accent);text-decoration:underline}.blog-table-of-contents-level-2{font-weight:700}.blog-table-of-contents-level-3{padding-left:16px;font-weight:400}.blog-title{text-align:center;color:var(--color-accent)}.blog-byline{margin:0;text-align:center;color:#666}.blog-byline a{color:var(--color-accent);text-decoration:none}.blog-byline a:hover{text-decoration:underline}.blog-cover-image-container{display:flex;flex-direction:column;align-items:center}.blog-cover-image{max-width:100%;height:auto;object-fit:cover;align-self:center}.blog-cover-image-caption{margin-top:.75rem;color:#666;font-size:1rem;text-align:center;font-style:italic}@media(max-width:768px){.blog-content-layout{width:100%}.blog-content-layout--with-toc{display:block}.blog-table-of-contents{display:none}.blog-content{width:100%}}.not-found-container{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center}.not-found-container .not-found-content .not-found-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.not-found-container .not-found-content .not-found-message{font-size:1.2rem;margin-bottom:2rem}.not-found-container .not-found-content .not-found-button{padding:.8rem 1.5rem;background-color:var(--color-accent);color:#fff;border-radius:5px;text-decoration:none;transition:background-color .3s ease}.not-found-container .not-found-content .not-found-button:hover{background-color:var(--color-primary)}