:root{--betis-green:#026937;--betis-green-dark:#014d28;--betis-green-light:#7dd4a8;--navbar-h:80px;--blog-bg:#f7f5f0;--blog-surface:#ffffff;--blog-text:#1a1a1a;--blog-text-muted:#6b7280;--blog-border:#e5e7eb;--blog-hover:rgba(2,105,55,0.05)}.dark,:root[data-theme=dark]{--blog-bg:#111a14;--blog-surface:#1a2d1f;--blog-text:#f3f4f6;--blog-text-muted:#9ca3af;--blog-border:rgba(255,255,255,0.1);--blog-hover:rgba(125,212,168,0.1)}.blog-sidebar{width:260px;flex-shrink:0;background:var(--blog-surface);border-right:1px solid var(--blog-border);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:.25rem;transition:background .3s ease,border-color .3s ease;height:calc(100vh - var(--navbar-h));position:sticky;top:var(--navbar-h);overflow-y:auto}.sidebar-section-title{font-family:Oswald,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;color:var(--betis-green);text-transform:uppercase;padding:0 0 .5rem}.sidebar-year{font-family:Oswald,sans-serif;font-size:1.4rem;font-weight:700;color:var(--blog-text);padding:1rem 0 .25rem}.sidebar-link{display:block;font-family:Lora,serif;font-size:.9rem;color:var(--blog-text-muted);text-decoration:none;padding:.5rem .6rem;border-radius:6px;border-left:2px solid transparent;transition:all .2s ease;line-height:1.4}.sidebar-link:hover{background:var(--blog-hover);border-left-color:var(--betis-green);color:var(--blog-text)}.sidebar-back-link{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;color:var(--betis-green)}.blog-menu-overlay{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.menu-toggle{display:none;position:fixed;bottom:2rem;right:1.5rem;z-index:200;background:var(--betis-green);color:white;border:none;border-radius:50px;padding:.8rem 1.4rem;font-family:Oswald,sans-serif;font-size:.9rem;font-weight:600;letter-spacing:.05em;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:background .2s,transform .2s}.menu-toggle:hover{background:var(--betis-green-dark);transform:translateY(-2px)}.blog-main{flex:1;min-width:0;padding:3rem 4rem 5rem;max-width:900px}.posts-header{margin-bottom:3rem}.posts-header-eyebrow{display:flex;align-items:center;gap:.5rem;font-family:Oswald,sans-serif;font-size:.65rem;font-weight:500;letter-spacing:.25em;color:var(--betis-green);text-transform:uppercase;margin:0 0 .6rem}.eyebrow-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--betis-green);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.posts-header-title{font-family:Oswald,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:var(--blog-text);line-height:1;text-transform:uppercase;letter-spacing:-.01em;margin:0}.posts-header-title span{color:var(--betis-green)}.posts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.post-item{border-bottom:1px solid var(--blog-border)}.post-item:first-child{border-top:1px solid var(--blog-border)}.post-link{display:flex;align-items:center;gap:1.5rem;padding:1.5rem .5rem;text-decoration:none;transition:background .2s;border-radius:8px;margin:0 -.5rem}.post-link:hover{background:var(--blog-hover)}.post-date{font-size:.8rem;font-weight:500;color:var(--blog-text-muted);letter-spacing:.05em;white-space:nowrap;flex-shrink:0;min-width:90px;text-transform:uppercase}.post-date,.post-title{font-family:Oswald,sans-serif}.post-title{font-size:1.3rem;font-weight:600;color:var(--blog-text);line-height:1.2;transition:color .2s}.post-link:hover .post-title{color:var(--betis-green)}.post-arrow{margin-left:auto;color:var(--blog-text-muted);font-size:1.2rem;transition:transform .2s,color .2s}.post-link:hover .post-arrow{transform:translateX(6px);color:var(--betis-green)}.blog-article{max-width:700px}.blog-article h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;line-height:1.1;text-transform:uppercase;margin:0 0 1.5rem}.blog-article h1,.blog-article h2{font-family:Oswald,sans-serif;color:var(--blog-text)}.blog-article h2{font-size:1.6rem;margin:3rem 0 1rem;border-bottom:1px solid var(--blog-border);padding-bottom:.5rem}.blog-article li,.blog-article p{font-family:Lora,serif;font-size:1.1rem;color:var(--blog-text);line-height:1.8;margin:0 0 1.5rem}.blog-article blockquote{margin:2.5rem 0;padding:1.5rem 2rem;border-left:4px solid var(--betis-green);background:var(--blog-hover);border-radius:0 12px 12px 0}.blog-article blockquote p{font-style:italic;color:var(--blog-text);margin:0}.blog-article a{color:var(--betis-green);text-decoration:underline;text-underline-offset:4px}@media (max-width:900px){.blog-main{padding:2rem 2rem 4rem}}@media (max-width:768px){.blog-sidebar{position:fixed;top:0;left:0;height:100vh;z-index:150;transform:translateX(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 24px rgba(0,0,0,.2)}.blog-sidebar.open{transform:translateX(0)}.menu-toggle{display:block}.blog-main{padding:2rem 1.25rem 6rem}.post-link{flex-direction:column;gap:.5rem;align-items:flex-start}.post-arrow{display:none}}.blog-shell{--betis-green:#026937;--betis-green-dark:#014d28;--betis-green-light:#7dd4a8;--navbar-h:80px;--blog-bg:#f7f5f0;--blog-surface:#ffffff;--blog-text:#1a1a1a;--blog-text-muted:#6b7280;--blog-border:#e5e7eb;--blog-hover:rgba(2,105,55,0.05);display:flex;min-height:100vh;background:var(--blog-bg);padding-top:var(--navbar-h);transition:background .3s ease}.blog-shell.blog-dark{--blog-bg:#111a14;--blog-surface:#1a2d1f;--blog-text:#f3f4f6;--blog-text-muted:#9ca3af;--blog-border:rgba(255,255,255,0.1);--blog-hover:rgba(125,212,168,0.1)}