#cards-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.5rem;padding:1rem;max-width:1600px;margin:0 auto}.group{position:relative;width:calc(50% - 1rem);max-width:550px;min-width:280px;height:38rem;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1;flex-shrink:0}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1)}.card-front,.card-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:.75rem;overflow:hidden}.card-back{transform:rotateY(180deg)}.group.expanded{width:100%;max-width:1200px;height:auto;min-height:38rem;z-index:100;margin:0 auto;flex-basis:100%}.group.expanded .card-inner{transform:rotateY(180deg)}.group.expanded .card-inner{height:auto;min-height:38rem}.group.expanded .card-back{position:relative;transform:rotateY(180deg);height:auto;min-height:100%}.group.expanded .card-front{visibility:hidden}.group.expanded .card-back>.relative{min-height:38rem}.group:not(.expanded){transition:all .4s ease}#cards-container:has(.group.expanded) .group:not(.expanded){opacity:.6;transform:scale(.98)}#cards-container:has(.group.expanded) .group:not(.expanded):hover{opacity:.8;transform:scale(1)}.fullscreen-close-btn{position:absolute;top:1rem;right:1rem;z-index:200;background:#1e293be6;border:none;border-radius:50%;padding:.5rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.fullscreen-close-btn:hover{background:#334155;transform:scale(1.1)}.group.search-result .card-inner{transform:rotateY(180deg)}.group.search-result .card-front{visibility:hidden}.search-snippet{width:100%}.search-snippet-header{margin-bottom:.75rem}.search-snippet-subtitle{font-size:.85rem;margin-top:.25rem;color:#e2e8f0e6}.search-snippet-body{font-size:.9rem;line-height:1.6;color:#e2e8f0;max-height:26rem;overflow:auto;padding-right:.25rem}.search-snippet-line{padding:.15rem 0;opacity:.95}.search-snippet-line.is-hit{opacity:1}.search-snippet-ellipsis{opacity:.6;padding:.15rem 0}.search-snippet-body mark{background:#60a5fa59;color:#e2e8f0;padding:.05em .15em;border-radius:.25rem}.markdown-body{color:#e2e8f0;line-height:1.7;font-size:.9rem}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:#f1f5f9;margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-body h1{font-size:1.75rem}.markdown-body h2{font-size:1.5rem}.markdown-body h3{font-size:1.25rem}.markdown-body p{margin-bottom:1rem}.markdown-body a{color:#60a5fa;text-decoration:underline;text-underline-offset:2px}.markdown-body a:hover{color:#93c5fd}.markdown-body ul,.markdown-body ol{margin:1rem 0;padding-left:1.5rem}.markdown-body li{margin:.5rem 0}.markdown-body code{background:#0000004d;padding:.2em .4em;border-radius:4px;font-size:.85em;font-family:JetBrains Mono,Fira Code,monospace}.markdown-body pre{background:#0006;padding:1rem;border-radius:8px;overflow-x:auto;margin:1rem 0;border-left:3px solid rgba(96,165,250,.5)}.markdown-body pre code{background:none;padding:0}.markdown-body table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.85rem;background:#ffffff08;border-radius:8px;overflow:hidden}.markdown-body th,.markdown-body td{padding:.75rem;text-align:left;border:1px solid rgba(255,255,255,.1)}.markdown-body th{background:#ffffff14;font-weight:600}.markdown-body img{max-width:100%;height:auto;border-radius:8px;margin:1rem 0}.markdown-body blockquote{border-left:4px solid rgba(96,165,250,.5);padding-left:1rem;margin:1rem 0;color:#94a3b8;font-style:italic}@media (max-width: 768px){#cards-container{gap:1rem;padding:.75rem}.group{width:100%;max-width:none;height:32rem}.group.expanded{min-height:32rem}.group.expanded .card-inner,.group.expanded .card-back>.relative{min-height:32rem}.markdown-body{font-size:.85rem}.markdown-body h1{font-size:1.5rem}.markdown-body h2{font-size:1.25rem}.markdown-body h3{font-size:1.1rem}}@media (min-width: 1200px){.group{width:calc(33.333% - 1rem)}.group.expanded{max-width:1400px}}.group.expanded .markdown-body{animation:fadeInContent .5s ease-out .3s both}@keyframes fadeInContent{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.group:not(.expanded):hover{transform:translateY(-4px);z-index:2}.group:not(.expanded):hover .card-inner{box-shadow:0 20px 40px #0000004d}.markdown-body::-webkit-scrollbar{width:6px}.markdown-body::-webkit-scrollbar-track{background:transparent}.markdown-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.markdown-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}