.detail-sidebar-left{grid-column:1}.detail-sidebar-right{grid-column:3}.detail-top-sticky{position:fixed;top:100px;left:max(24px,calc(50vw - 620px));z-index:40}.detail-toc-sidebar{position:sticky;top:120px;align-self:start}.detail-top-main{grid-column:2}.detail-header,.detail-header-intro{text-align:center}.detail-back-link{display:inline-block}.back-link{padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:#fcfcfceb;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0000000a;color:var(--text-muted);font-size:.95rem;transition:color .2s}.back-link:hover{color:var(--text-color)}.category-tag{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:var(--spacing-xs)}.detail-header h1{font-size:clamp(2rem,5vw,4rem);margin-bottom:var(--spacing-sm)}.lead{font-size:1.25rem;color:var(--text-muted);max-width:600px;margin:0 auto}.cover-image-wrap{margin:0 auto var(--spacing-sm)}.cover-img{width:100%;max-height:50vh;object-fit:contain;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);display:block}.gallery-thumbs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.gallery-thumb-btn{background:#fff;border:1px solid var(--border-color);padding:0;cursor:pointer;width:80px;height:60px;border-radius:8px;overflow:hidden;transition:transform .2s,border-color .2s}.gallery-thumb-btn:hover{transform:scale(1.05);border-color:var(--accent-color)}.gallery-thumb-btn img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;inset:0;background:#fffffffa;z-index:1000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.lightbox[aria-hidden=false]{display:flex;opacity:1}.lightbox-img-wrap{max-width:90%;max-height:85vh}.lightbox-img-wrap img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:4px;box-shadow:0 20px 50px #0000001a}.lightbox-close{position:absolute;top:30px;right:30px;background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-color);padding:10px;z-index:1010}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);background:#fff;border:1px solid var(--border-color);width:50px;height:50px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000000d;z-index:1010}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-dots{position:absolute;bottom:40px;display:flex;gap:10px}.ldot{width:8px;height:8px;background:var(--border-color);border-radius:50%;transition:background .2s}.ldot.active{background:var(--accent-color)}.content-wrapper{grid-column:2;padding-bottom:var(--spacing-md)}.detail-sidebar-right .detail-toc{padding-left:0}.markdown-content p{font-size:1.125rem;color:var(--text-color);line-height:1.7;margin-bottom:1.5rem}.markdown-content h2,.markdown-content h3{margin-top:2.5rem;margin-bottom:1rem;color:var(--text-color);scroll-margin-top:120px}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem;font-size:1.125rem;color:var(--text-color)}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid var(--accent-color);padding-left:1.5rem;margin-left:0;margin-right:0;font-style:italic;color:var(--text-muted)}.markdown-content video{width:100%;margin:var(--spacing-md) 0 var(--spacing-lg);border-radius:var(--border-radius-md);background:#000}.markdown-content .project-image-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:var(--spacing-md) 0 var(--spacing-lg)}.markdown-content .project-image-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.markdown-content .project-image-grid img{width:100%;max-width:none;max-height:none;margin:0}.markdown-content img{width:auto;max-width:80%;max-height:480px;object-fit:contain;margin:0 auto;display:block;border-radius:var(--border-radius-md)}.markdown-content figure{margin:var(--spacing-lg) auto;display:block;text-align:center}.markdown-content figcaption{font-size:.8rem;color:var(--text-muted);margin-top:.5rem;font-style:italic}.interstitial-cta{padding:var(--spacing-xl) 0;margin-top:0;border-top:1px solid var(--border-color)}.cta-subtitle{text-align:center;margin:0 auto;color:var(--text-muted)}.text-center{text-align:center}@media (max-width: 1100px){.top-sidebar-left,.top-sidebar-right,.detail-sidebar-right{display:none}.detail-top-main,.content-wrapper{grid-column:1}}@media (max-width: 768px){.detail-top-sticky{top:140px;left:max(16px,env(safe-area-inset-left))}.lightbox-prev,.lightbox-next{display:none}.lightbox-close{top:15px;right:15px}}@media (max-width: 600px){.detail-header-intro{text-align:left}.lead{margin:0}.markdown-content .project-image-grid{grid-template-columns:1fr}}