.search-popover-container{--sp-white:#fff;--sp-black:#000;--sp-accent:#8b69ce;--sp-success:#009962;--sp-white-1:#ffffff0d;--sp-white-2:#ffffff1a;--sp-white-3:#ffffff26;--sp-white-4:#fff3;--sp-white-5:#ffffff40;--sp-white-7:#ffffff59;--sp-white-8:#fff6;--sp-white-9:#ffffffe6;--sp-black-1:#0000000d;--sp-black-2:#0000001a;--sp-black-5:#00000040;--sp-accent-1:#8b69ce1a;--sp-accent-2:#8b69ce33;--sp-accent-3:#8b69ce4d;--sp-success-2:#00996233;--sp-space-xs:clamp(.25rem, 1vw, .375rem);--sp-space-sm:clamp(.5rem, 2vw, .75rem);--sp-space-md:clamp(.75rem, 3vw, 1rem);--sp-space-lg:clamp(1rem, 4vw, 1.25rem);--sp-space-xl:clamp(1.25rem, 5vw, 1.5rem);--sp-space-2xl:clamp(1.5rem, 6vw, 1.75rem);--sp-space-3xl:clamp(2rem, 7vw, 2.5rem);--sp-space-4xl:clamp(2.5rem, 8vw, 3rem);--sp-space-5xl:clamp(3rem, 9vw, 3.5rem);--sp-space-6xl:clamp(3.25rem, 10vw, 3.75rem);--sp-gap:var(--sp-space-lg);--sp-gap-sm:var(--sp-space-sm);--sp-gap-lg:var(--sp-space-xl);--sp-gap-xs:var(--sp-space-xs);--sp-gap-md:var(--sp-space-md);--sp-gap-xl:var(--sp-space-2xl);--sp-text-xs:clamp(.625rem, 2.5vw, .75rem);--sp-text-sm:clamp(.75rem, 3vw, .875rem);--sp-text-base:clamp(.875rem, 2vw, 1rem);--sp-text-lg:clamp(1rem, 2.5vw, 1.125rem);--sp-text-xl:clamp(1rem, 2.8vw, 1.125rem);--sp-text-2xl:clamp(1rem, 2.5vw, 1.25rem);--sp-size-xs:var(--sp-space-xs);--sp-size-sm:var(--sp-space-sm);--sp-size-md:var(--sp-space-md);--sp-size-lg:var(--sp-space-lg);--sp-size-xl:var(--sp-space-xl);--sp-size-2xl:var(--sp-space-2xl);--sp-size-3xl:var(--sp-space-3xl);--sp-size-4xl:var(--sp-space-4xl);--sp-size-5xl:var(--sp-space-5xl);--sp-size-6xl:var(--sp-space-6xl);--sp-radius-sm:var(--sp-space-xs);--sp-radius-md:var(--sp-space-md);--sp-radius-lg:var(--sp-space-lg);--sp-radius-xl:var(--sp-space-xl);--sp-radius-2xl:clamp(.875rem, 2vw, 1.125rem);--sp-padding-xs:clamp(.125rem, .5vw, .25rem);--sp-padding-sm:var(--sp-space-sm);--sp-padding-md:var(--sp-space-lg);--sp-padding-lg:var(--sp-space-xl);--sp-padding-xl:var(--sp-space-2xl);--sp-padding-2xl:var(--sp-space-3xl);--sp-margin-xs:var(--sp-space-xs);--sp-margin-sm:var(--sp-space-sm);--sp-margin-md:var(--sp-space-md);--sp-margin-lg:var(--sp-space-lg);--sp-margin-xl:var(--sp-space-xl)}@supports (color:color(display-p3 0 0 0)){.search-popover-container{--sp-white:color(display-p3 1 1 1);--sp-black:color(display-p3 0 0 0);--sp-accent:color(display-p3 .523415 .418594 .782926);--sp-success:color(display-p3 .220977 .595071 .395172);--sp-white-1:color(display-p3 1 1 1/.05);--sp-white-2:color(display-p3 1 1 1/.1);--sp-white-3:color(display-p3 1 1 1/.15);--sp-white-4:color(display-p3 1 1 1/.2);--sp-white-5:color(display-p3 1 1 1/.25);--sp-white-7:color(display-p3 1 1 1/.35);--sp-white-8:color(display-p3 1 1 1/.4);--sp-white-9:color(display-p3 1 1 1/.9);--sp-black-1:color(display-p3 0 0 0/.05);--sp-black-2:color(display-p3 0 0 0/.1);--sp-black-5:color(display-p3 0 0 0/.25);--sp-accent-1:color(display-p3 .523415 .418594 .782926/.1);--sp-accent-2:color(display-p3 .523415 .418594 .782926/.2);--sp-accent-3:color(display-p3 .523415 .418594 .782926/.3);--sp-success-2:color(display-p3 .220977 .595071 .395172/.2)}}@supports (color:lab(0% 0 0)){.search-popover-container{--sp-white:lab(100% 0 0);--sp-black:lab(0% 0 0);--sp-accent:lab(51.4466% 30.1608 -47.9681);--sp-success:lab(55.5653% -50.5798 19.8044);--sp-white-1:lab(100% 0 0/.05);--sp-white-2:lab(100% 0 0/.1);--sp-white-3:lab(100% 0 0/.15);--sp-white-4:lab(100% 0 0/.2);--sp-white-5:lab(100% 0 0/.25);--sp-white-7:lab(100% 0 0/.35);--sp-white-8:lab(100% 0 0/.4);--sp-white-9:lab(100% 0 0/.9);--sp-black-1:lab(0% 0 0/.05);--sp-black-2:lab(0% 0 0/.1);--sp-black-5:lab(0% 0 0/.25);--sp-accent-1:lab(51.4466% 30.1608 -47.9681/.1);--sp-accent-2:lab(51.4466% 30.1608 -47.9681/.2);--sp-accent-3:lab(51.4466% 30.1608 -47.9681/.3);--sp-success-2:lab(55.5653% -50.5798 19.8044/.2)}}.sr-only{white-space:nowrap;clip-path:inset(100%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-toggle-btn{border:1px solid var(--sp-white-2,#ffffff1a);background:linear-gradient(135deg, var(--sp-white-1,#ffffff0d) 0%, var(--sp-white-2,#ffffff1a) 100%);color:var(--sp-white-9,#ffffffe6);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px var(--sp-black-1,#0000000d), inset 0 1px 0 var(--sp-white-2,#ffffff1a);justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.search-toggle-btn--circular{width:var(--sp-size-4xl);height:var(--sp-size-4xl);border-radius:50%}@media (max-width:768px){.search-toggle-btn--circular{width:var(--sp-size-5xl);height:var(--sp-size-5xl)}}.search-toggle-btn--rounded{gap:var(--sp-gap-sm);width:auto;height:var(--sp-size-4xl);padding:0 var(--sp-gap);border-radius:var(--sp-radius-lg)}@media (max-width:768px){.search-toggle-btn--rounded{height:var(--sp-size-5xl);padding:0 var(--sp-gap-lg)}}.search-toggle-btn:before{border-radius:inherit;background:var(--sp-accent-1);opacity:0;content:"";transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.search-toggle-btn:hover{background:linear-gradient(135deg, var(--sp-white-2,#ffffff1a) 0%, var(--sp-white-3,#ffffff26) 100%);border-color:var(--sp-white-3,#ffffff26);box-shadow:0 8px 24px var(--sp-black-2,#0000001a), inset 0 1px 0 var(--sp-white-3,#ffffff26)}@media (min-width:769px){.search-toggle-btn:hover{transform:translateY(-2px)scale(1.05)}}@media (max-width:768px){.search-toggle-btn:hover{transform:none}}.search-toggle-btn:hover:before{opacity:1}@media (min-width:769px){.search-toggle-btn:active{transform:translateY(-1px)scale(1.02)}}@media (max-width:768px){.search-toggle-btn:active{transform:scale(1.02)}}.search-toggle-btn:active{transition:all .1s}.search-toggle-btn:focus-visible{outline:2px solid var(--clr-accent,#7c79ff);outline-offset:3px;box-shadow:0 0 0 4px var(--sp-accent-1), 0 4px 16px var(--sp-black-1)}@supports (color:color(display-p3 0 0 0)){.search-toggle-btn:focus-visible{outline:2px solid var(--clr-accent,color(display-p3 .470688 .431419 1.09183))}}@supports (color:lab(0% 0 0)){.search-toggle-btn:focus-visible{outline:2px solid var(--clr-accent,lab(55.5457% 42.8708 -87.3308))}}.search-toggle-btn[aria-expanded=true]{background:linear-gradient(135deg, var(--sp-accent-2) 0%, var(--sp-accent-3) 100%);border-color:var(--clr-accent,var(--sp-accent));box-shadow:0 6px 20px var(--sp-accent-3), inset 0 1px 0 var(--sp-white-3)}.search-toggle-btn .search-icon{width:var(--sp-size-lg);height:var(--sp-size-lg);flex-shrink:0}.search-text{color:inherit;font-size:var(--sp-text-base);white-space:nowrap;font-weight:500}.search-close-btn{width:var(--sp-size-4xl);height:var(--sp-size-4xl);margin:var(--sp-gap-lg) auto 0 auto;border:1px solid var(--sp-white-2);background:linear-gradient(135deg, var(--sp-white-1) 0%, var(--sp-white-2) 100%);color:var(--sp-white-9);cursor:pointer;box-shadow:0 4px 16px var(--sp-black-1), inset 0 1px 0 var(--sp-white-2);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (max-width:768px){.search-close-btn{width:var(--sp-size-5xl);height:var(--sp-size-5xl);margin:var(--sp-gap-xl) auto 0 auto}}.search-close-btn:before{border-radius:inherit;background:var(--sp-accent-1);opacity:0;content:"";transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.search-close-btn:hover{background:linear-gradient(135deg, var(--sp-white-2) 0%, var(--sp-white-3) 100%);border-color:var(--sp-white-3);box-shadow:0 8px 24px var(--sp-black-2), inset 0 1px 0 var(--sp-white-3)}@media (min-width:769px){.search-close-btn:hover{transform:translateY(-2px)scale(1.05)}}@media (max-width:768px){.search-close-btn:hover{transform:none}}.search-close-btn:hover:before{opacity:1}@media (min-width:769px){.search-close-btn:active{transform:translateY(-1px)scale(1.02)}}@media (max-width:768px){.search-close-btn:active{transform:scale(1.02)}}.search-close-btn:active{transition:all .1s}.search-close-btn:focus-visible{outline:2px solid var(--clr-accent,#7c79ff);outline-offset:3px;box-shadow:0 0 0 4px var(--sp-accent-1), 0 4px 16px var(--sp-black-1)}@supports (color:color(display-p3 0 0 0)){.search-close-btn:focus-visible{outline:2px solid var(--clr-accent,color(display-p3 .470688 .431419 1.09183))}}@supports (color:lab(0% 0 0)){.search-close-btn:focus-visible{outline:2px solid var(--clr-accent,lab(55.5457% 42.8708 -87.3308))}}.search-close-btn .close-icon{width:var(--sp-size-lg);height:var(--sp-size-lg);flex-shrink:0}.search-popover{top:calc(5% + var(--sp-gap));z-index:var(--z-SearchPopover-search-popover);min-width:clamp(320px,55vw,450px);max-width:90vw;padding:var(--sp-gap);opacity:0;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideIn;position:relative;left:50%;overflow:visible;transform:translate(-50%)translateY(-10px)}@media (max-width:768px){.search-popover{top:calc(5% + var(--sp-gap));min-width:clamp(320px,98vw,380px);max-width:98vw}}.search-popover::backdrop{background:var(--sp-black-5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:.3s fadeIn}@keyframes slideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)scale(.95)}to{opacity:1;transform:translate(-50%)translateY(-10px)scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-form{flex-direction:column;gap:0;display:flex}.search-input-wrapper{align-items:center;gap:var(--sp-gap-xs);display:flex}@media (max-width:768px){.search-input-wrapper{gap:var(--sp-gap);flex-direction:column}}@media (min-width:768px){.search-input-wrapper{gap:var(--sp-gap);flex-direction:row}}.search-input{padding:var(--sp-gap-sm) var(--sp-gap);border:1px solid var(--sp-white-2);border-radius:var(--sp-radius-lg);background:linear-gradient(135deg, var(--sp-white-1) 0%, var(--sp-white-2) 100%);color:#fff;color:color(display-p3 1 1 1);color:lab(100% 0 0);font-size:var(--sp-text-base);box-shadow:inset 0 1px 0 var(--sp-white-1), 0 1px 3px var(--sp-black-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}@media (max-width:768px){.search-input{width:100%;min-height:var(--sp-size-6xl);padding:var(--sp-gap) var(--sp-gap-lg);border-radius:var(--sp-radius-xl);font-size:var(--sp-text-xl)}}@media (min-width:768px){.search-input{min-height:var(--sp-size-4xl);flex:1}}.search-input::placeholder{color:var(--sp-white-5);font-weight:300;transition:color .3s}.search-input:focus{background:linear-gradient(135deg, var(--sp-white-2) 0%, var(--sp-white-3) 100%);border-color:var(--clr-accent,var(--sp-accent));box-shadow:0 0 0 3px var(--sp-accent-1), 0 4px 12px var(--sp-accent-1), inset 0 1px 0 var(--sp-white-2);outline:none;transform:translateY(-1px)}.search-input:focus::placeholder{color:var(--sp-white-3)}.search-submit-btn{width:var(--sp-size-4xl);height:var(--sp-size-4xl);border-radius:var(--sp-radius-lg);background:linear-gradient(135deg, var(--clr-accent,var(--sp-accent)) 0%, var(--sp-accent-2) 100%);color:#fff;color:color(display-p3 1 1 1);color:lab(100% 0 0);cursor:pointer;box-shadow:0 4px 12px var(--sp-accent-3), inset 0 1px 0 var(--sp-white-2);border:none;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media (max-width:768px){.search-submit-btn{width:100%;height:var(--sp-size-6xl);border-radius:var(--sp-radius-xl)}}@media (min-width:768px){.search-submit-btn{width:var(--sp-size-4xl);height:var(--sp-size-4xl)}}.search-submit-btn:before{border-radius:inherit;background:var(--sp-white-2);opacity:0;content:"";transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.search-submit-btn:hover{background:linear-gradient(135deg, var(--sp-accent-2) 0%, var(--sp-accent-3) 100%);box-shadow:0 8px 20px var(--sp-accent-3), inset 0 1px 0 var(--sp-white-3)}@media (min-width:769px){.search-submit-btn:hover{transform:translateY(-2px)scale(1.05)}}@media (max-width:768px){.search-submit-btn:hover{transform:none}}.search-submit-btn:hover:before{opacity:1}@media (min-width:769px){.search-submit-btn:active{transform:translateY(-1px)scale(1.02)}}@media (max-width:768px){.search-submit-btn:active{transform:scale(1.02)}}.search-submit-btn:active{transition:all .1s}.search-submit-btn:focus-visible{outline-offset:3px;box-shadow:0 0 0 4px var(--sp-white-2), 0 4px 12px var(--sp-accent-3);outline:2px solid #fff;outline:2px solid color(display-p3 1 1 1);outline:2px solid lab(100% 0 0)}.search-submit-btn svg{width:var(--sp-size-lg);height:var(--sp-size-lg)}@keyframes spin{0%{transform:rotate(0)}}.search-results-container{gap:var(--sp-gap-md);max-height:60vh;margin-top:var(--sp-margin-xl);overscroll-behavior:contain;flex-direction:column;padding:0 8px;display:flex;overflow:visible auto}@media (min-width:768px){.search-results-container{gap:var(--sp-gap-lg);padding:0 12px}}@media (min-width:1024px){.search-results-container{gap:var(--sp-gap-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:0 16px;display:grid}}.search-result-card{min-height:44px;margin:var(--sp-margin-sm) 0;padding:var(--sp-padding-md);border:1px solid var(--sp-white-2);border-radius:var(--sp-radius-md);background:linear-gradient(135deg, oklch(from var(--clr-background) l c h / .6) 0%, oklch(from var(--clr-background) l c h / .4) 100%);color:var(--sp-white-9);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px var(--sp-black-1), inset 0 1px 0 var(--sp-white-1);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:visible}@media (min-width:768px){.search-result-card{min-height:60px;margin:var(--sp-margin-md) 0;padding:var(--sp-padding-lg);border-radius:var(--sp-radius-2xl)}}@media (min-width:1024px){.search-result-card{min-height:140px;margin:var(--sp-margin-lg) 0;padding:var(--sp-padding-xl);border-radius:var(--sp-radius-2xl);flex-direction:column;justify-content:space-between;display:flex}}@media (prefers-contrast:high){.search-result-card{border:2px solid var(--sp-white-8);background:var(--sp-black-2)}.search-result-card:hover{border-color:var(--sp-accent);background:var(--sp-white-1)}}.search-result-card:before{background:linear-gradient(90deg, transparent 0%, var(--sp-white-2) 50%, transparent 100%);opacity:.6;content:"";height:1px;position:absolute;top:0;left:0;right:0}.search-result-card:hover{z-index:var(--z-SearchPopover-search-result-card-Hover);background:linear-gradient(135deg, oklch(from var(--clr-accent-dark) l c h / .45) 0%, oklch(from var(--clr-accent-dark) l c h / .3) 100%);border-color:var(--sp-accent-2);box-shadow:0 6px 20px var(--sp-accent-1), 0 2px 8px var(--sp-black-2), inset 0 1px 0 var(--sp-white-2);margin-left:-4px;margin-right:-4px;transform:translateY(-2px)scale(1.01)}.search-result-card:hover:before{background:linear-gradient(90deg, transparent 0%, var(--sp-accent-2) 50%, transparent 100%);opacity:1}.search-result-card:active{transition:all .1s;transform:translateY(0)scale(.98)}.search-result-card:focus-visible{z-index:var(--z-SearchPopover-search-result-card-focus-visible);outline:2px solid var(--sp-accent);outline-offset:2px;box-shadow:0 0 0 4px var(--sp-accent-1), 0 6px 20px var(--sp-accent-1), 0 2px 8px var(--sp-black-2), inset 0 1px 0 var(--sp-white-2);margin-left:-4px;margin-right:-4px}.search-result-content{z-index:var(--z-SearchPopover-search-result-content);gap:var(--sp-gap-xs);flex-direction:column;height:100%;display:flex;position:relative}.search-result-title{align-items:center;gap:var(--sp-gap-xs);margin:0 0 var(--sp-margin-xs) 0;color:var(--sp-white-9);font-size:var(--sp-text-base);letter-spacing:-.01em;text-shadow:0 1px 2px var(--sp-black-1);font-weight:600;line-height:1.4;display:flex}@media (min-width:768px){.search-result-title{margin-bottom:var(--sp-margin-sm);font-size:var(--sp-text-lg)}}@media (min-width:1024px){.search-result-title{margin-bottom:var(--sp-margin-md);font-size:var(--sp-text-xl)}}@media (prefers-contrast:high){.search-result-title{color:var(--sp-white-9);text-shadow:none}}.content-match-indicator{font-size:var(--sp-text-sm);opacity:.7;filter:drop-shadow(0 1px 1px var(--sp-black-1));transition:all .2s}.search-result-card:hover .content-match-indicator{opacity:1;filter:drop-shadow(0 1px 2px var(--sp-black-2));transform:scale(1.1)}.search-result-description{margin:0 0 var(--sp-margin-sm) 0;color:var(--sp-white-8);font-size:var(--sp-text-sm);-webkit-line-clamp:2;letter-spacing:.01em;text-shadow:0 1px 1px var(--sp-black-1);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}@media (min-width:768px){.search-result-description{margin-bottom:var(--sp-margin-md);font-size:var(--sp-text-base);-webkit-line-clamp:3}}@media (min-width:1024px){.search-result-description{margin-bottom:var(--sp-margin-lg);font-size:var(--sp-text-lg);-webkit-line-clamp:4}}@media (prefers-contrast:high){.search-result-description{color:var(--sp-white-8);text-shadow:none}}.search-result-meta{justify-content:space-between;align-items:center;gap:var(--sp-gap-sm);padding-top:var(--sp-padding-xs);border-top:1px solid var(--sp-white-1);margin-top:auto;display:flex}@media (max-width:768px){.search-result-meta{padding-top:calc(var(--sp-padding-xs) * 4)}}@media (min-width:768px){.search-result-meta{padding-top:var(--sp-padding-sm);border-top:1px solid var(--sp-white-2)}}@media (min-width:1024px){.search-result-meta{padding-top:var(--sp-padding-md);border-top:1px solid var(--sp-white-3)}}.search-result-badge{padding:var(--sp-padding-xs) var(--sp-padding-sm);border-radius:var(--sp-radius-sm);font-size:var(--sp-text-xs);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px 2px var(--sp-black-1);align-items:center;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.search-result-badge--tool{border:1px solid var(--sp-accent-1);background:linear-gradient(135deg, var(--sp-accent-2) 0%, var(--sp-accent-3) 100%);color:var(--sp-accent)}.search-result-badge--doc{border:1px solid var(--sp-success-1);background:linear-gradient(135deg, var(--sp-success-2) 0%, var(--sp-success-2) 100%);color:var(--sp-success)}.search-result-card:hover .search-result-badge{box-shadow:0 2px 4px var(--sp-black-2);transform:translateY(-1px)}.search-result-path{color:var(--sp-white-6);font-family:var(--font-mono);font-size:var(--sp-text-xs);opacity:.8;align-items:center;gap:.25rem;font-weight:500;transition:opacity .2s;display:flex}.search-result-card:hover .search-result-path{color:var(--sp-white-7);opacity:1}.search-result-path-separator{color:var(--sp-white-4)}.search-loading{padding:var(--sp-padding-2xl);color:var(--sp-white-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{width:var(--sp-size-3xl);height:var(--sp-size-3xl);margin-bottom:var(--sp-gap);border:2px solid var(--sp-white-2);border-top:2px solid var(--clr-accent,var(--sp-accent));border-radius:50%;animation:1s linear infinite spin}.search-no-results{padding:var(--sp-padding-2xl);color:var(--sp-white-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.no-results-icon{width:var(--sp-size-5xl);height:var(--sp-size-5xl);margin-bottom:var(--sp-gap-lg);opacity:.5}.search-no-results h4{margin:0 0 var(--sp-gap-sm);color:var(--sp-white-9);font-size:var(--sp-text-2xl);font-weight:600}.search-no-results p{color:var(--sp-white-5);font-size:var(--sp-text-base);margin:0}@keyframes sectionSlideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}:root{--card-padding:1rem;--grid-gap:1.25rem;--emoji-size:5.25rem;--title-font:1.375rem;--description-lines:3;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .2s ease;--clr-white:#fff;--clr-primary:#6d63ff;--clr-text-dark:#161616;--clr-text-medium:#2e2e2e;--clr-text-light:#555;--shadow-subtle:0 1px 3px var(--clr-black-10);--shadow-hover:0 6px 12px var(--clr-black-15);--shadow-card:0 4px 6px -1px var(--clr-black-10), 0 2px 4px -1px oklch(0% 0 0deg / var(--opacity-06));--shadow-card-hover:0 20px 25px -5px var(--clr-black-10), 0 10px 10px -5px oklch(0% 0 0deg / var(--opacity-04));--shadow-text:0 2px 4px var(--clr-black-10), 0 1px 2px oklch(0% 0 0deg / var(--opacity-05));--shadow-text-hover:0 3px 6px var(--clr-black-20), 0 1px 3px var(--clr-black-10);--shadow-emoji:0 4px 8px var(--clr-black-15), 0 2px 4px var(--clr-black-10);--shadow-emoji-hover:0 8px 16px var(--clr-black-25), 0 4px 8px var(--clr-black-15);--shadow-tag:0 2px 4px var(--clr-black-10), 0 1px 2px oklch(0% 0 0deg / var(--opacity-05));--shadow-tag-hover:0 8px 16px var(--clr-black-15), 0 4px 8px var(--clr-black-10);--shadow-button:0 4px 8px var(--clr-black-10), 0 2px 4px oklch(0% 0 0deg / var(--opacity-05));--shadow-button-hover:0 12px 24px var(--clr-black-15), 0 6px 12px var(--clr-black-10);--clr-primary-10:oklch(60% .3 280deg / var(--opacity-10));--clr-primary-15:oklch(60% .3 280deg / var(--opacity-15));--clr-primary-20:oklch(60% .3 280deg / var(--opacity-20));--clr-primary-25:oklch(60% .3 280deg / var(--opacity-25));--clr-primary-30:oklch(60% .3 280deg / var(--opacity-30));--clr-primary-35:oklch(60% .3 280deg / var(--opacity-35));--clr-primary-40:oklch(60% .3 280deg / var(--opacity-40));--clr-primary-60:oklch(60% .3 280deg / var(--opacity-60));--clr-primary-70:oklch(60% .3 280deg / var(--opacity-70));--clr-primary-darker:#6145ff}@supports (color:color(display-p3 0 0 0)){:root{--clr-white:color(display-p3 1 1 1);--clr-primary:color(display-p3 .409931 .289146 1.12505);--clr-text-dark:color(display-p3 .0861042 .0861042 .0861042);--clr-text-medium:color(display-p3 .179236 .179236 .179236);--clr-text-light:color(display-p3 .333837 .333837 .333837);--clr-primary-darker:color(display-p3 .360416 .198825 1.05405)}}@supports (color:lab(0% 0 0)){:root{--clr-white:lab(100% 0 0);--clr-primary:lab(47.9971% 62.0216 -104.929);--clr-text-dark:lab(7.22637% -.0000149012 0);--clr-text-medium:lab(18.8% 0 0);--clr-text-light:lab(36.2% 0 .00000596046);--clr-primary-darker:lab(41.7641% 66.284 -105.168)}}@media (min-width:768px){:root{--card-padding:1.25rem;--grid-gap:2rem;--emoji-size:4.5rem;--title-font:1.25rem;--description-lines:2}}@media (min-width:1280px){:root{--card-padding:1.5rem;--grid-gap:2.5rem;--emoji-size:5rem;--title-font:1.125rem}}.main-content{contain:layout style;will-change:auto;padding:0 clamp(1rem,3vw,1.5rem)}@media (min-width:768px){.main-content{padding-left:0;padding-right:0}}@media (hover:none) and (pointer:coarse){.main-content{-webkit-overflow-scrolling:touch}}.empty-state{color:gray;color:color(display-p3 .502111 .502111 .502111);color:lab(53.6% 0 0);text-align:center;contain:layout style paint;will-change:auto;padding:clamp(2rem,5vw,3rem) clamp(1rem,3vw,2rem)}.empty-state h2{color:#555;color:color(display-p3 .333837 .333837 .333837);color:lab(36.2% 0 .00000596046);margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(1.25rem,4vw,1.5rem);font-weight:600}.empty-state p{max-width:clamp(280px,90vw,500px);margin:0 auto;font-size:clamp(.875rem,2.5vw,1rem);line-height:1.6}.posts-grid{place-items:stretch stretch;gap:var(--grid-gap);opacity:1;grid-template-columns:1fr;max-width:1200px;margin:0 .5rem 3rem;animation:.6s ease-out fadeInUp;display:grid;overflow:visible;transform:translateY(0)}@media (min-width:768px){.posts-grid{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);margin:0 auto 4rem}}@media (min-width:1280px){.posts-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,1fr)}}.post-card{width:100%;height:100%;padding:var(--card-padding);cursor:pointer;transition:var(--transition-smooth);will-change:auto;box-shadow:var(--shadow-card);contain:layout style;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-radius:.875rem;flex-direction:column;margin:0;display:flex;position:relative;overflow:visible;transform:none}@media (min-width:768px){.post-card{height:auto;min-height:18rem;padding:var(--card-padding);border-radius:1rem}}@media (min-width:1280px){.post-card{height:auto;min-height:16rem;padding:var(--card-padding);border-radius:1.125rem}}.post-card-0{border:1px solid oklch(90% .02 85deg / var(--opacity-30));background:linear-gradient(135deg, oklch(99% .01 85deg / var(--opacity-95)) 0%, oklch(97% .02 85deg / var(--opacity-90)) 50%, oklch(95% .03 85deg / var(--opacity-85)) 100%)}.post-card-1{border:1px solid oklch(90% .02 330deg / var(--opacity-30));background:linear-gradient(135deg, oklch(98% .01 330deg / var(--opacity-95)) 0%, oklch(96% .02 330deg / var(--opacity-90)) 50%, oklch(94% .03 330deg / var(--opacity-85)) 100%)}.post-card-2{border:1px solid oklch(90% .02 240deg / var(--opacity-30));background:linear-gradient(135deg, oklch(98% .01 240deg / var(--opacity-95)) 0%, oklch(96% .02 240deg / var(--opacity-90)) 50%, oklch(94% .03 240deg / var(--opacity-85)) 100%)}.post-card-3{border:1px solid oklch(90% .02 120deg / var(--opacity-30));background:linear-gradient(135deg, oklch(99% .01 120deg / var(--opacity-95)) 0%, oklch(97% .02 120deg / var(--opacity-90)) 50%, oklch(95% .03 120deg / var(--opacity-85)) 100%)}.post-card:hover{z-index:var(--z-docs-index-post-card-hover);background:linear-gradient(135deg, var(--clr-white-solid-98) 0%, var(--clr-white-solid-95) 100%);box-shadow:var(--shadow-card-hover), 0 0 0 1px var(--clr-primary-10);transition:var(--transition-smooth);will-change:transform, box-shadow;transform:translateY(-2px)}.post-emoji{z-index:var(--z-docs-index-post-emoji);min-width:var(--emoji-size);max-width:none;min-height:var(--emoji-size);max-height:none;font-size:var(--emoji-size);white-space:nowrap;opacity:var(--opacity-90);pointer-events:none;transition:var(--transition-smooth);filter:drop-shadow(var(--shadow-emoji));contain:none;isolation:auto;clip-path:none;animation:4s ease-in-out infinite float;position:absolute;top:-.5rem;right:-.5rem;overflow:visible;transform:rotate(15deg)}@media (min-width:768px){.post-emoji{font-size:var(--emoji-size);top:-1rem;right:-.75rem}}@media (min-width:1280px){.post-emoji{font-size:var(--emoji-size);top:-1.25rem;right:-1rem}}.post-card:hover .post-emoji{opacity:1;filter:drop-shadow(var(--shadow-emoji-hover));animation-duration:2s;transform:rotate(20deg)scale(1.15)}.post-card-container{flex-direction:column;flex:1;gap:.75rem;width:100%;height:100%;padding:.25rem;display:flex}@media (min-width:768px){.post-card-container{gap:.625rem;padding:.125rem}}@media (min-width:1280px){.post-card-container{gap:.625rem;padding:.125rem}}.post-header{margin-bottom:.75rem}@media (min-width:768px){.post-header{margin-bottom:.5rem}}.post-title{z-index:var(--z-docs-index-post-title);min-height:4rem;color:var(--clr-text-dark);font-family:var(--font-primary);font-size:var(--title-font);letter-spacing:-.01em;text-shadow:var(--shadow-text);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin-bottom:.75rem;padding-right:5rem;font-weight:800;line-height:1.4;position:relative;transform:none}@media (min-width:768px){.post-title{min-height:3.5rem;font-size:var(--title-font);overflow-wrap:break-word;margin-bottom:1rem;padding-right:3.125rem;font-weight:800}}@media (min-width:1280px){.post-title{min-height:3.5rem;font-size:var(--title-font);overflow-wrap:break-word;margin-bottom:1rem;padding-right:3.125rem;font-weight:800}}.post-title a{color:inherit;transition:var(--transition-fast);text-decoration:none;display:block;position:relative}.post-title a:before{display:none}.post-title a:hover{color:var(--clr-primary);text-shadow:var(--shadow-text-hover)}.post-title a:hover:before{display:none}.post-meta{z-index:var(--z-docs-index-post-meta);color:var(--clr-text-light);justify-content:flex-end;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex;position:relative}.post-date:before{content:"📅";font-size:.875rem}.post-description{z-index:var(--z-docs-index-post-description);height:4.2rem;color:var(--clr-text-medium);-webkit-line-clamp:var(--description-lines);line-clamp:var(--description-lines);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:.75rem;font-size:1rem;font-weight:500;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}@media (min-width:768px){.post-description{max-height:calc(1.4em * var(--description-lines));-webkit-line-clamp:var(--description-lines);margin-bottom:.625rem;font-size:.95rem;line-height:1.4}}@media (min-width:1280px){.post-description{max-height:calc(1.4em * var(--description-lines));-webkit-line-clamp:var(--description-lines);margin-bottom:.625rem;font-size:.95rem;line-height:1.4}}.post-tags{z-index:var(--z-docs-index-post-tags);box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:.375rem;width:100%;margin-top:auto;margin-bottom:1rem;padding:0 .25rem;display:flex;position:relative}@media (min-width:768px){.post-tags{gap:.5rem;margin-bottom:.875rem;padding:0 .5rem}}.post-tag,.post-tag-more{border:1px solid var(--clr-primary);min-width:-moz-fit-content;min-width:fit-content;color:var(--clr-primary);white-space:nowrap;transition:var(--transition-smooth);box-shadow:var(--shadow-tag);border-radius:.875rem;flex-shrink:0;padding:.375rem .75rem;font-size:.75rem;font-weight:450;position:relative;overflow:hidden}@media (min-width:768px){.post-tag,.post-tag-more{padding:.5rem .875rem;font-size:.8rem;font-weight:450}}.post-tag{background:linear-gradient(135deg, var(--clr-primary-25) 0%, var(--clr-primary-15) 100%);border-color:var(--clr-primary-40)}.post-tag-more{background:linear-gradient(135deg, var(--clr-primary-20) 0%, var(--clr-primary-10) 100%);border-color:var(--clr-primary-30);cursor:pointer}.post-tag:before,.post-tag-more:before{content:"";background:linear-gradient(90deg, transparent, var(--clr-white-solid-20), transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.post-tag:hover,.post-tag-more:hover{background:linear-gradient(135deg, var(--clr-primary-35) 0%, var(--clr-primary-25) 100%);border-color:var(--clr-primary-60);box-shadow:var(--shadow-tag-hover);transform:translateY(-3px)scale(1.08)}.post-tag:hover:before,.post-tag-more:hover:before{left:100%}.read-more-btn{z-index:var(--z-docs-index-read-more-btn);border:2px solid var(--clr-primary-40);background:linear-gradient(135deg, var(--clr-primary-15) 0%, var(--clr-primary-10) 100%);width:100%;color:var(--clr-primary);transition:var(--transition-smooth);box-shadow:var(--shadow-button);border-radius:1.25rem;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;transform:none}@media (min-width:768px){.read-more-btn{border-radius:.75rem;font-weight:600}}.read-more-btn:before{content:"";background:linear-gradient(90deg, transparent, var(--clr-white-solid-30), transparent);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.read-more-btn:hover{border-color:var(--clr-primary-70);background:linear-gradient(135deg, var(--clr-primary-25) 0%, var(--clr-primary-20) 100%);color:var(--clr-primary-darker);box-shadow:var(--shadow-button-hover);transform:translateY(-3px)scale(1.02)}@media (min-width:768px){.read-more-btn:hover{transform:translateY(-2px)scale(1.01)}}.read-more-btn:hover:before{left:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:rotate(20deg)translateY(0)}50%{transform:rotate(20deg)translateY(-4px)}}.posts-grid.loading{opacity:var(--opacity-60);pointer-events:none}.posts-grid.empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}