.post-detail-page{max-width:90rem;margin:0 auto;padding:8rem 2rem 6rem}.post-detail-header{max-width:48rem;margin:0 auto 4rem;display:flex;flex-direction:column;gap:1rem}.post-detail-category{font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--primary)}.post-detail-title{font-family:var(--font-display);font-size:clamp(3rem,6vw,4.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.05;color:var(--on-surface);margin:0}.post-detail-lead{font-family:var(--font-body);font-size:1.25rem;font-weight:300;line-height:1.6;color:var(--on-surface-variant);margin:1rem 0 0;max-width:42rem}.post-detail-meta{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;flex-wrap:wrap}.post-detail-author{display:flex;align-items:center;gap:.75rem}.post-detail-avatar{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-initials{font-family:var(--font-display);font-size:.625rem;font-weight:700;color:var(--on-surface);letter-spacing:.05em}.post-detail-author-info{display:flex;flex-direction:column}.post-detail-author-name{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--on-surface)}.post-detail-author-role{font-family:var(--font-body);font-size:.6875rem;color:var(--on-surface-variant)}.post-detail-meta-divider{width:1px;height:2rem;background-color:var(--outline-variant);opacity:.3}.post-detail-meta-item{font-family:var(--font-display);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant)}.post-detail-cover-section{max-width:80rem;margin:0 auto 6rem}.post-detail-cover-wrap{position:relative;aspect-ratio:21 / 9;overflow:hidden;border-radius:var(--radius-xl)}.post-detail-cover-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.post-detail-cover-wrap:hover .post-detail-cover-image{transform:scale(1.05)}.post-detail-body{max-width:42rem;margin:0 auto}.post-detail-body-content{font-family:var(--font-body);font-size:1.125rem;line-height:1.75;color:color-mix(in srgb,var(--on-surface) 90%,transparent)}.post-detail-body-content>:first-child:first-letter{font-family:var(--font-display);font-size:4.5rem;font-weight:700;float:left;color:var(--primary);margin-right:.5rem;line-height:1;margin-top:.1rem}.post-detail-body-content h2{font-family:var(--font-display);font-size:1.875rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);margin-top:4rem;margin-bottom:1.5rem;line-height:1.3}.post-detail-body-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);margin-top:3rem;margin-bottom:1.25rem;line-height:1.4}.post-detail-body-content h3{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);margin-top:3rem;margin-bottom:1.25rem}.post-detail-body-content p{margin-bottom:2rem}.post-detail-body-content blockquote{border-left:4px solid var(--primary);padding-left:2rem;padding-top:1rem;padding-bottom:1rem;margin:3rem 0;font-style:italic;font-size:1.5rem;font-weight:300;line-height:1.5;color:var(--on-surface)}.post-detail-body-content code{font-family:var(--font-mono);background-color:var(--surface-container-highest);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.875em;color:var(--primary);word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;white-space:normal;margin:0 .1em}.post-detail-body-content pre{background-color:var(--surface-container-lowest);border-radius:var(--radius-xl);padding:1.5rem;overflow-x:auto;margin:2rem 0;border:1px solid color-mix(in srgb,var(--outline-variant) 10%,transparent)}.post-detail-body-content pre code{background:none;padding:0;border-radius:0;font-size:.875rem;color:var(--secondary);display:block}.post-detail-body-content ul,.post-detail-body-content ol{list-style:none;padding:0;margin-bottom:2rem}.post-detail-body-content li{padding:.5rem 0 .5rem .5rem;display:flex;align-items:flex-start;gap:1rem}.post-detail-body-content li:before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0;margin-top:1.25rem;min-width:1.5rem;text-align:center}.post-detail-body-content a{text-decoration:none;color:var(--on-surface);position:relative;background-image:linear-gradient(to right,var(--primary) 0%,var(--primary) 0%);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .2s ease,color .2s ease}.post-detail-body-content a:hover{color:var(--on-surface-variant);background-size:100% 2px}.post-detail-tags{max-width:42rem;margin:5rem auto 0;display:flex;flex-wrap:wrap;gap:.75rem}.post-detail-tag{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-full);background-color:var(--surface-container-high);font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--on-surface-variant);transition:color .2s ease;cursor:pointer}.post-detail-tag:hover{color:var(--primary)}.post-detail-footer{max-width:42rem;margin:4rem auto 0;padding-top:2rem;border-top:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.post-detail-back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-dim);text-decoration:none;transition:color .2s ease}.post-detail-back:hover{color:var(--on-surface)}.post-detail-related{max-width:80rem;margin:8rem auto 0;padding-top:4rem;border-top:1px solid color-mix(in srgb,var(--outline-variant) 15%,transparent)}.related-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem}.related-label{display:block;font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--primary);margin-bottom:.5rem}.related-title{font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);margin:0}.related-link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--on-surface-variant);text-decoration:none;transition:color .2s ease}.related-link:hover{color:var(--primary)}.related-arrow{transition:transform .2s ease}.related-link:hover .related-arrow{transform:translate(.25rem)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.related-card{text-decoration:none;color:inherit;display:block}.related-card-image-wrap{aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius-xl);background-color:var(--surface-container-low);margin-bottom:1.5rem}.related-card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-out}.group:hover .related-card-image{transform:scale(1.05)}.related-card-label{display:block;font-family:var(--font-display);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--primary);margin-bottom:.75rem}.related-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:var(--on-surface);line-height:1.3;margin:0;transition:color .2s ease}.group:hover .related-card-title{color:var(--primary)}@media(max-width:768px){.post-detail-page{padding:6rem 1.5rem 4rem}.post-detail-title{font-size:2.5rem}.post-detail-cover-wrap{aspect-ratio:16 / 9}.post-detail-body-content h2{font-size:1.5rem}.post-detail-body-content h3{font-size:1.25rem}.post-detail-body-content p{font-size:1rem}.post-detail-body-content blockquote{font-size:1.25rem}.post-detail-meta{gap:1rem}.related-grid{grid-template-columns:1fr;gap:3rem}.related-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.related-title{font-size:1.75rem}}