:global(.copy-button){background:var(--primary);color:var(--background);border:none;border-radius:.25rem;cursor:pointer;opacity:.8;font-size:.875rem;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem}:global(.copy-button:hover){opacity:1}:global(.expand-button){background:var(--secondary);color:var(--background);border:none;border-radius:.25rem;cursor:pointer;opacity:.8;font-size:.875rem;transition:opacity .2s;position:absolute;top:.5rem;right:4rem;padding:.25rem .5rem}:global(.expand-button:hover){opacity:1}:global(.collapsible-code){transition:max-height .3s ease-in-out}:global(.collapsible-code:not(.expanded)){position:relative}:global(.collapsible-code:not(.expanded):after){content:"";position:absolute;bottom:0;left:0;right:0;height:2rem;background:linear-gradient(to bottom,transparent,var(--background));pointer-events:none}button.expand-button{background-color:var(--primary);background-color:var(--background);position:absolute;bottom:.5rem;right:.5rem;font-size:1rem!important;text-transform:uppercase;transition:all ease .3s;color:var(--text-50)!important}.collapsible-code{background-color:var(--background)}.post-navigation{margin-top:var(--sizes-8);margin-bottom:var(--sizes-8);border-top:.133rem solid var(--border);padding-top:var(--sizes-6)}.post-navigation .navigation-container{display:flex;flex-direction:row;gap:var(--sizes-4)}.post-navigation .nav-item{display:flex;align-items:center;padding:var(--sizes-4);border:.133rem solid var(--border);border-radius:var(--sizes-4);text-decoration:none;color:inherit;transition:all .2s ease;background:linear-gradient(95deg,var(--primary-20),var(--accent-20))}.post-navigation .nav-item:hover{border-color:var(--primary);background:var(--surface-hover);transform:translateY(-.133rem);box-shadow:0 .267rem .8rem var(--primary-10)}.post-navigation .nav-item.prev-post{flex-direction:row-reverse}.post-navigation .nav-item.next-post{flex-direction:row;background:linear-gradient(240deg,var(--primary-20),var(--accent-20))}.post-navigation .post-nav-content{display:flex;align-items:center;gap:var(--sizes-3);flex:1}.post-navigation .nav-item.next-post .post-nav-content{flex-direction:row-reverse}.post-navigation .nav-arrow{font-size:var(--type-font-size-title);font-weight:var(--type-font-weight-bold);color:var(--primary);min-width:2rem;text-align:center}.nav-info{flex:1;min-width:0}.post-navigation .nav-label{display:block;font-size:var(--type-font-size-small);font-weight:var(--type-font-weight-medium);color:var(--text-70);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sizes-1)}.nav-title{font-size:var(--type-font-size-h3);font-weight:var(--type-font-weight-semibold);color:var(--text);margin:0 0 var(--sizes-2) 0;line-height:1.3}.nav-description{font-size:var(--type-font-size-body);color:var(--text-70);margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-thumbnail{width:100%;height:9rem;border-radius:var(--sizes-2);overflow:hidden;flex-shrink:0;border:.133rem solid var(--border)}.nav-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.post-navigation .nav-item:hover .nav-thumbnail img{transform:scale(1.05)}.post-navigation .nav-item{flex:1;flex-direction:row;padding:var(--sizes-5);max-width:calc(50% - var(--sizes-3))}.nav-item.prev-post,.nav-item.next-post{flex-direction:row-reverse;gap:1rem}.post-nav-content{flex-direction:column;align-items:flex-start;gap:var(--sizes-2)}.nav-item.next-post .post-nav-content{flex-direction:column;align-items:flex-end}.nav-arrow{font-size:var(--type-font-size-h2);min-width:auto}.nav-title{font-size:var(--type-font-size-h2)}.nav-description{-webkit-line-clamp:3;line-clamp:3}.nav-thumbnail{width:6rem;height:6rem;margin-top:var(--sizes-2)}@media (max-width: 768px){.post-navigation .nav-item{padding:var(--sizes-3);flex-direction:column!important}.navigation-container{flex-direction:column;gap:var(--sizes-6)}.nav-title{font-size:var(--type-font-size-h4)}.nav-description{font-size:var(--type-font-size-small);-webkit-line-clamp:1;line-clamp:1}.nav-arrow{min-width:1.5rem;font-size:var(--type-font-size-h3)}.nav-thumbnail{width:100%}}