.post{max-width:700px;margin:0 auto;padding:4rem 0}.post-header{margin-bottom:4rem}.meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;opacity:.5;margin-bottom:1.5rem}.tags{display:flex;gap:.75rem;align-items:center}.tag-link{color:inherit;text-decoration:none;text-transform:uppercase;font-size:.75rem;font-weight:600;letter-spacing:.12em;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.tag-link:not(:last-child):after{content:"•";font-size:.8rem;font-weight:900;opacity:.3;color:#fff}.tag-link:hover{color:#fff;opacity:1;transform:translateY(-1px)}.post-header h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;padding-bottom:.1em}.description{font-size:1.4rem;line-height:1.5;opacity:.7;font-style:italic}.content{line-height:1.8;font-size:1.15rem;color:#ffffffe6}.content h2{font-size:2rem;margin-top:3rem;margin-bottom:1.5rem;color:#fff}.content a{color:#fff;text-decoration:none;position:relative;transition:color .3s ease;font-weight:500;background:linear-gradient(to right,#fff6,#fff6) no-repeat;background-size:100% 1px;background-position:0 100%}.content a:hover{color:#fff;background-size:100% 2px;background-image:linear-gradient(to right,#fff,#fff)}.content p{margin-bottom:1.5rem}.content ul,.content ol{margin-bottom:1.5rem;padding-left:1.5rem}.content li{margin-bottom:.5rem}.content blockquote{border-left:3px solid #fff;margin:2.5rem 0;padding:1.5rem 2rem;background:#ffffff08;border-radius:0 12px 12px 0;font-style:italic;color:#fffc}.content blockquote p{margin-bottom:0;line-height:1.6}.content pre{background:#ffffff0d;padding:1.5rem;border-radius:12px;overflow-x:auto;margin:2rem 0;border:1px solid rgba(255,255,255,.1)}.content code{font-family:JetBrains Mono,monospace;font-size:.9em}.content img{max-width:100%;height:auto;display:block;margin:2rem 0;border-radius:12px}.match-metadata,.music-metadata{margin:3rem 0;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.match-metadata{margin-top:0;margin-bottom:4rem}.label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#ffffff4d;margin-bottom:1rem}.match-title{font-size:1.75rem;font-weight:600;color:#fff;margin-bottom:1.5rem}.match-grid{display:flex;gap:2.5rem;flex-wrap:wrap}.match-item{display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#fff9}.match-item svg{opacity:.4}.music-header{display:flex;flex-direction:column;gap:.5rem}.music-info{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.music-title{font-size:1.5rem;font-weight:600;color:#fff}.music-author{font-size:1.1rem;color:#ffffff80}.music-verse-simple{margin-top:1.5rem;font-style:italic;font-size:1.1rem;color:#fff6;padding-left:1.5rem;border-left:2px solid rgba(255,255,255,.1)}@media(max-width:600px){.match-grid{flex-direction:column;gap:1rem}.music-info{flex-direction:column;align-items:flex-start;gap:.25rem}}.post-nav{margin-top:8rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.nav-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:2rem}.nav-card{text-decoration:none;padding:1.5rem;border-radius:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.03);transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.5rem}.nav-card:hover{background:#ffffff0a;border-color:#ffffff1a;transform:translateY(-4px)}.nav-card.next{text-align:right}.nav-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:#ffffff4d}.nav-title{font-size:1rem;font-weight:600;color:#fffc;line-height:1.4}.nav-card:hover .nav-title{color:#fff}.back-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;color:#ffffff4d;background:#ffffff05;border:1px solid rgba(255,255,255,.03);transition:all .3s ease;align-self:center}.back-link:hover{color:#fff;background:#ffffff0f;border-color:#ffffff1a;transform:scale(1.05)}.nav-empty{width:100%}@media(max-width:768px){.post-header h1{font-size:2.5rem}.nav-wrapper{grid-template-columns:1fr;gap:1rem}.back-link{grid-row:1;width:100%;height:40px}.nav-card.prev{grid-row:2}.nav-card.next{grid-row:3}.nav-empty{display:none}}