.categories-switch{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.categories-switch .btn{border-width:1.5px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.categories-switch .btn:not(.active){background:var(--color-base-100);border-color:var(--color-base-300)}.categories-switch .btn:not(.active):hover{border-color:var(--color-primary);background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 8%, transparent), color-mix(in oklch, var(--color-secondary) 8%, transparent));box-shadow:0 4px 12px color-mix(in oklch, var(--color-primary) 15%, transparent);transform:translateY(-1px)}.categories-switch .btn.active{color:var(--color-primary);border-color:color-mix(in oklch, var(--color-primary) 50%, transparent);background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 12%, transparent), color-mix(in oklch, var(--color-primary) 6%, transparent));box-shadow:0 2px 8px color-mix(in oklch, var(--color-primary) 20%, transparent), inset 0 1px 0 oklch(100% 5.96046e-8 none/.3);font-weight:600}.categories-switch .btn:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--color-primary) 25%, transparent);outline:none}#category-posts .card{background:var(--color-base-100);border-width:1px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}#category-posts .card:hover{box-shadow:0 12px 28px color-mix(in oklch, var(--color-base-content) 10%, transparent), 0 4px 8px color-mix(in oklch, var(--color-base-content) 5%, transparent);border-color:color-mix(in oklch, var(--color-primary) 20%, transparent);transform:translateY(-4px)}#category-posts .card figure{background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 5%, var(--color-base-200)), var(--color-base-200));position:relative;overflow:hidden}#category-posts .card:hover figure img{transition:transform .6s cubic-bezier(.4,0,.2,1);transform:scale(1.08)}#category-posts .card figure:after{content:"";background:linear-gradient(to bottom, transparent 0%, transparent 50%, color-mix(in oklch, var(--color-base-content) 3%, transparent) 100%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}#category-posts .card:hover figure:after{opacity:1}#category-posts .card h3 a{background:linear-gradient(to right, var(--color-primary), var(--color-primary)) no-repeat;background-position:0 100%;background-size:0% 2px;transition:background-size .3s,color .2s;position:relative}#category-posts .card h3 a:hover{color:var(--color-primary);background-size:100% 2px}#category-posts .card a[class*=hover\:text-primary]{transition:all .2s;position:relative}#category-posts .card a[class*=hover\:text-primary]:hover{color:var(--color-primary);text-underline-offset:3px;text-decoration:underline}#category-posts .card .inline-flex:has(>span[class*=icon-]){transition:all .2s}#category-posts .card:hover .inline-flex:has(>span[class*=icon-]) span[class*=icon-]{transition:transform .2s;transform:scale(1.1)}#category-posts .card.md\:card-side:hover figure{filter:brightness(1.05)}#category-posts .card figure>div:has(>span[class*="icon-[heroicons--photo]"]){background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 8%, transparent), color-mix(in oklch, var(--color-secondary) 8%, transparent));transition:all .3s}#category-posts .card:hover figure>div:has(>span[class*="icon-[heroicons--photo]"]){background:linear-gradient(135deg, color-mix(in oklch, var(--color-primary) 12%, transparent), color-mix(in oklch, var(--color-secondary) 12%, transparent))}#category-posts .card figure span[class*="icon-[heroicons--photo]"]{transition:all .3s}#category-posts .card:hover figure span[class*="icon-[heroicons--photo]"]{opacity:.8;transform:scale(1.15)}#category-posts .card .card-body{position:relative}#category-posts .card .card-body p{transition:color .2s}#category-posts .card:hover .card-body p{color:var(--color-base-content)}#category-posts .card{animation:.5s ease-out backwards fadeInUp}#category-posts .card:first-child{animation-delay:50ms}#category-posts .card:nth-child(2){animation-delay:.1s}#category-posts .card:nth-child(3){animation-delay:.15s}#category-posts .card:nth-child(4){animation-delay:.2s}#category-posts .card:nth-child(5){animation-delay:.25s}#category-posts .card:nth-child(6){animation-delay:.3s}@media (width<=767px){#category-posts .card:hover{transform:translateY(-2px)}.categories-switch .btn:hover{transform:none}}[data-color-scheme=dark] #category-posts .card{background:color-mix(in oklch, var(--color-base-100) 95%, transparent)}[data-color-scheme=dark] #category-posts .card:hover{background:var(--color-base-100);box-shadow:0 12px 28px oklch(0% none none/.25),0 4px 8px oklch(0% none none/.15)}.article-list-shell{width:100%;max-width:1380px;margin-inline:auto;padding:2.5rem 1.25rem 3rem}.article-list-shell>.flex{align-items:flex-start}.article-list-shell section.flex-1{min-width:0}.article-card-grid{align-items:stretch}.article-minimal-list{max-width:min(100%,860px)}@media (width>=1024px){.article-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),420px));justify-content:center}}.article-card-grid .card,.article-magazine-grid>article,.article-media-list>article,.article-minimal-list>article,#category-posts .card{background:color-mix(in srgb, var(--color-base-100) 78%, transparent);min-width:0;box-shadow:0 1px 0 #ffffff80 inset, 0 16px 42px color-mix(in srgb, var(--color-base-content) 10%, transparent);-webkit-backdrop-filter:blur(20px)saturate(136%);backdrop-filter:blur(20px)saturate(136%);border-color:#ffffff6b;border-radius:1rem!important}.article-card-grid .card .card-body,#category-posts .card .card-body{padding:clamp(1.125rem,2vw,1.6rem)}.article-card-grid .card h3,#category-posts .card h3,.article-media-list h3{font-size:clamp(1.0625rem,1.2vw,1.28rem);line-height:1.45}.article-minimal-list h2{font-size:clamp(1.35rem,2vw,2rem);line-height:1.25}.article-media-list>article{padding:clamp(1rem,2vw,1.5rem)}.article-minimal-list>article{margin-bottom:1.25rem;padding:clamp(1.25rem,2.4vw,2rem)}.article-minimal-list>article>.absolute.left-0{display:none}.article-magazine-grid>article{overflow:hidden}.article-media-list figure{border-radius:.875rem!important}html.weather-glass-active .article-list-shell .categories-switch .btn:not(.active),html.weather-glass-active .article-card-grid .card,html.weather-glass-active .article-magazine-grid>article,html.weather-glass-active .article-media-list>article,html.weather-glass-active .article-minimal-list>article,html.weather-glass-active #category-posts .card{background:color-mix(in srgb, var(--color-base-100) 72%, transparent)!important;border-color:#ffffff75!important;border-radius:1rem!important;box-shadow:inset 0 1px #ffffff8f,0 16px 46px #19354829!important}html.weather-glass-active[data-weather-glass-mode=dusk] .article-card-grid .card,html.weather-glass-active[data-weather-glass-mode=dusk] .article-magazine-grid>article,html.weather-glass-active[data-weather-glass-mode=dusk] .article-media-list>article,html.weather-glass-active[data-weather-glass-mode=dusk] .article-minimal-list>article,html.weather-glass-active[data-weather-glass-mode=dusk] #category-posts .card{background:color-mix(in srgb, var(--color-base-100) 78%, transparent)!important;border-color:#ffecd675!important}html.weather-glass-active[data-weather-glass-mode=night] .article-card-grid .card,html.weather-glass-active[data-weather-glass-mode=night] .article-magazine-grid>article,html.weather-glass-active[data-weather-glass-mode=night] .article-media-list>article,html.weather-glass-active[data-weather-glass-mode=night] .article-minimal-list>article,html.weather-glass-active[data-weather-glass-mode=night] #category-posts .card{background:color-mix(in srgb, var(--color-base-100) 86%, transparent)!important;border-color:#dbe8ff66!important}@media (width<=767px){.article-list-shell{padding-block:1.5rem 2rem;padding-inline:.875rem}.article-list-shell>.flex{gap:1.25rem}.article-card-grid,.article-media-list{gap:1rem}.article-minimal-list>article{padding:1rem}}@media (width>=640px){.article-list-shell{padding-inline:1.5rem}}@media (width>=1024px){.article-list-shell{padding-block:3rem;padding-inline:2rem}}.article-watermark{position:absolute;right:1.5rem;top:1rem;pointer-events:none;user-select:none}.article-watermark span{font-size:4.5rem;font-weight:100;color:color-mix(in srgb, var(--color-base-content) 5%, transparent);transition:color .5s ease;font-family:monospace}.article-minimal-list>article:hover .article-watermark span{color:color-mix(in srgb, var(--color-primary) 10%, transparent)}