:root{--color-black:#000;--color-off-black:#1e2019;--color-off-white:#f3f4f6;--color-jet:#3d3d3d;--color-jet-light:#4a4a4a;--color-dark-green:#1f6937;--color-green:#84cc16;--color-red:#ef4444;--color-muted:rgba(243,244,246,.6);--color-muted-darker:rgba(243,244,246,.4);--color-muted-darkest:rgba(243,244,246,.2);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-lg:1.125rem;--font-xl:1.25rem;--font-2xl:1.5rem;--font-3xl:1.875rem;--font-5xl:3rem;--border-radius:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-black);color:var(--color-off-white);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;line-height:1.5}button{background:none;border:none;cursor:pointer;padding:0}button,input,select{color:inherit;font-family:inherit}.articles-page{background-color:var(--color-black);min-height:100vh}.articles-content{margin:0 auto;max-width:1750px;padding:5rem 1.5rem 2.5rem}@media (min-width:1024px){.articles-content{padding:5rem 2.5rem 2.5rem}}.articles-header{border-bottom:1px solid var(--color-muted-darkest);margin-bottom:2rem;padding-bottom:2rem}.articles-header__title{color:var(--color-off-white);font-size:var(--font-5xl);font-weight:600;letter-spacing:-.025em;margin-bottom:.75rem}@media (max-width:1023px){.articles-header__title{font-size:var(--font-3xl)}}.articles-header__subtitle{color:var(--color-muted);font-size:var(--font-lg);margin-top:.75rem;max-width:42rem}.articles-toolbar{backdrop-filter:blur(12px);background-color:rgba(0,0,0,.8);border-bottom:1px solid var(--color-muted-darkest);margin:0 -1.5rem 1.5rem;padding:1rem 1.5rem;position:sticky;top:0;z-index:10}@media (min-width:1024px){.articles-toolbar{margin-left:-2.5rem;margin-right:-2.5rem;padding-left:2.5rem;padding-right:2.5rem}}.articles-toolbar__search-wrapper{width:100%}@media (min-width:640px){.articles-toolbar{display:grid;grid-template-columns:max-content;justify-content:start}.articles-toolbar__search-wrapper{width:auto}}.search-input{align-items:center;display:flex;position:relative;width:100%}@media (min-width:640px){.search-input{width:100%}}.search-input__icon{color:var(--color-muted-darker);flex-shrink:0;left:.875rem;pointer-events:none;position:absolute}.search-input__field{background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-lg);color:var(--color-off-white);font-size:var(--font-sm);padding:.5rem 2.25rem .5rem 2.5rem;transition:var(--transition-fast);width:100%}.search-input__field::placeholder{color:var(--color-muted-darker)}.search-input__field:focus{border-color:rgba(132,204,22,.4);box-shadow:0 0 0 1px rgba(132,204,22,.2);outline:none}.search-input__clear{align-items:center;color:var(--color-muted-darker);display:flex;flex-shrink:0;justify-content:center;padding:.25rem;position:absolute;right:.75rem;transition:var(--transition-fast)}.search-input__clear:hover{color:var(--color-off-white)}.articles-toolbar__controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.filter-control{position:relative}.filter-control__select{appearance:none;background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-lg);color:var(--color-off-white);cursor:pointer;font-size:var(--font-sm);padding:.625rem 2.5rem .625rem 1rem;transition:var(--transition-fast)}.filter-control__select:focus,.filter-control__select:hover{border-color:rgba(132,204,22,.4)}.filter-control__select:focus{box-shadow:0 0 0 1px rgba(132,204,22,.2);outline:none}.filter-control__select:disabled{cursor:not-allowed;opacity:.5}.filter-control__chevron{color:var(--color-muted-darker);pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.filter-control__button{align-items:center;background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-lg);color:var(--color-off-white);display:flex;font-size:var(--font-sm);gap:1rem;padding:.625rem 1rem;transition:var(--transition-fast)}.filter-control__button:hover{border-color:rgba(132,204,22,.4);color:var(--color-green)}.filter-control__button:focus{box-shadow:0 0 0 2px rgba(132,204,22,.3);outline:none}.filter-control__button[aria-expanded=true] .filter-control__chevron{transform:translateY(-50%) rotate(180deg)}.filter-control__label{white-space:nowrap}.filter-dropdown{background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-lg);box-shadow:0 10px 25px -5px rgba(0,0,0,.5);left:0;max-height:16rem;overflow-y:auto;position:absolute;top:calc(100% + .25rem);width:16rem;z-index:10}.filter-dropdown__clear{align-items:center;color:var(--color-green);display:flex;font-size:var(--font-xs);font-weight:600;padding:.625rem 1rem;text-align:left;transition:var(--transition-fast);width:100%}.filter-dropdown__clear:hover{background-color:rgba(132,204,22,.1)}.filter-dropdown__divider{border-top:1px solid var(--color-muted-darkest);margin:0}.filter-dropdown__item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-sm);padding:.625rem 1rem;text-align:left;transition:var(--transition-fast);width:100%}.filter-dropdown__item:hover{background-color:rgba(132,204,22,.05)}.filter-dropdown__checkbox{display:none}.filter-dropdown__label{color:var(--color-muted);flex:1;padding-left:.5rem}.filter-dropdown__item input:checked~.filter-dropdown__label{color:var(--color-green);font-weight:500}.results-summary{align-items:center;color:var(--color-muted);display:flex;font-size:var(--font-sm);gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0}.results-summary__text{display:inline}.results-summary__count{font-weight:600}.results-summary__filter{display:inline;margin-left:.25rem}.results-summary__value{color:var(--color-muted);font-weight:500}.results-summary__clear{border:1px solid rgba(132,204,22,.4);border-radius:var(--border-radius);color:var(--color-green);font-size:var(--font-sm);font-weight:500;padding:.5rem 1rem;transition:var(--transition-fast)}.results-summary__clear:hover{background-color:rgba(132,204,22,.1)}.featured-hero{background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-2xl);cursor:pointer;display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative;transition:var(--transition)}.featured-hero:hover{border-color:rgba(132,204,22,.4)}@media (min-width:768px){.featured-hero{align-items:center;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:2rem;justify-content:space-between;padding:3rem}.featured-hero__content{flex:1 1 auto;min-width:0}.featured-hero__meta{flex:0 0 auto}}.featured-hero__accent{background-color:var(--color-green);bottom:0;left:0;position:absolute;top:0;width:.25rem}.featured-hero__content{flex:1}.featured-hero__badges{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.badge--featured{background-color:var(--color-green);color:var(--color-black)}.badge--topic{color:rgba(132,204,22,.7)}.featured-hero__title{color:var(--color-off-white);font-size:var(--font-3xl);font-weight:600;letter-spacing:-.025em;line-height:1.2;margin-bottom:1.25rem;transition:var(--transition)}.featured-hero:hover .featured-hero__title{color:var(--color-green)}@media (min-width:1024px){.featured-hero__title{font-size:var(--font-5xl)}}.featured-hero__excerpt{color:var(--color-muted);display:-webkit-box;font-size:var(--font-lg);-webkit-line-clamp:3;line-height:1.6;margin-top:1.25rem;max-width:48rem;-webkit-box-orient:vertical;overflow:hidden}.featured-hero__meta{color:var(--color-muted);font-size:var(--font-sm);gap:.75rem}.author-pill,.featured-hero__meta{align-items:center;display:flex;flex-shrink:0}.author-pill{background-color:var(--color-green);border-radius:9999px;color:var(--color-black);font-size:var(--font-xs);font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.author-info{display:flex;flex-direction:column;gap:.25rem}.author-info__name{color:var(--color-off-white);cursor:pointer;font-weight:600;text-align:left;transition:var(--transition-fast)}.author-info__name:hover{color:var(--color-green)}.author-info__meta{align-items:center;color:var(--color-muted-darker);display:flex;font-size:var(--font-xs);gap:.5rem}.author-info__date{display:inline}.author-info__separator{color:var(--color-muted-darkest)}.author-info__reading-time{align-items:center;display:flex;gap:.25rem}.icon-clock{display:inline;height:.75rem;width:.75rem}.articles-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(1fr,1fr));margin-bottom:3rem}@media (min-width:640px){.articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-grid{grid-template-columns:repeat(3,1fr)}}.article-card{background-color:var(--color-off-black);border:1px solid hsla(0,0%,100%,.07);border-radius:var(--border-radius-xl);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:var(--transition)}.article-card:before{background-color:var(--color-green);bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition);width:.125rem}.article-card:hover{border-color:rgba(132,204,22,.4);transform:translateY(-.25rem)}.article-card:hover:before{opacity:1}.article-card__topic-badge{color:rgba(132,204,22,.7);cursor:pointer;display:block;font-size:var(--font-xs);font-weight:600;letter-spacing:.05em;margin-bottom:.75rem;text-align:center;text-transform:uppercase;transition:var(--transition-fast);width:100%}.article-card__topic-badge:before{background-color:var(--color-green);border-radius:9999px;content:"";display:inline-block;height:.875rem;margin-right:.5rem;vertical-align:middle;width:.25rem}.article-card__topic-badge:hover{color:var(--color-green)}.article-card__topic-icon{background-color:var(--color-green);border-radius:.125rem;display:inline-block;height:.25rem;width:.875rem}.article-card__title{color:var(--color-off-white);font-size:var(--font-xl);font-weight:600;letter-spacing:-.025em;line-height:1.35;transition:var(--transition)}.article-card:hover .article-card__title{color:var(--color-green)}@media (min-width:1024px){.article-card__title{font-size:var(--font-2xl)}}.article-card__excerpt{color:var(--color-muted);display:-webkit-box;flex:1;font-size:var(--font-sm);-webkit-line-clamp:3;line-height:1.5;margin-top:.75rem;-webkit-box-orient:vertical;overflow:hidden}.article-card__topics{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:1rem}.topic-pill{align-items:center;background-color:transparent;border:1px solid hsla(0,0%,100%,.15);border-radius:9999px;color:var(--color-muted);cursor:pointer;display:inline-flex;font-size:var(--font-xs);padding:.375rem .75rem;transition:var(--transition-fast)}.topic-pill:hover{border-color:rgba(132,204,22,.5);color:var(--color-green)}.topic-pill.active{background-color:var(--color-green);border-color:var(--color-green);color:var(--color-black)}.article-card__footer{align-items:center;color:var(--color-muted-darker);display:flex;font-size:var(--font-xs);gap:.5rem;margin-top:1.25rem}.article-card__author{color:var(--color-off-white);cursor:pointer;font-weight:600;transition:var(--transition-fast)}.article-card__author.active,.article-card__author:hover{color:var(--color-green)}.article-card__separator{color:var(--color-muted-darkest)}.article-card__date{color:var(--color-muted-darker)}.article-card__reading-time{align-items:center;display:flex;gap:.25rem}.article-card__cta{align-items:center;color:var(--color-green);display:flex;font-size:var(--font-sm);font-weight:600;gap:.375rem;margin-top:1rem;transition:var(--transition)}.article-card__cta svg{height:1rem;transition:transform var(--transition);width:1rem}.article-card:hover .article-card__cta svg{transform:translateX(.25rem)}.articles-skeletons{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(1fr,1fr))}@media (min-width:640px){.articles-skeletons{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.articles-skeletons{grid-template-columns:repeat(3,1fr)}}.article-skeleton{background-color:var(--color-off-black);border:1px solid var(--color-muted-darkest);border-radius:var(--border-radius-xl);overflow:hidden}.article-skeleton:before{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-jet) 25%,rgba(74,74,74,.5) 50%,var(--color-jet) 75%);background-size:200% 100%;content:"";display:block;height:12rem;width:100%}.article-skeleton .article-skeleton__content{padding:1.5rem;space-y:.75rem}.article-skeleton .skeleton-line{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-jet) 25%,rgba(74,74,74,.5) 50%,var(--color-jet) 75%);background-size:200% 100%;border-radius:.25rem;height:.5rem;margin-bottom:.75rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{align-items:center;background-color:rgba(26,28,24,.3);border:2px dashed var(--color-muted-darkest);border-radius:var(--border-radius-xl);display:flex;flex-direction:column;justify-content:center;padding:6rem 1.5rem;text-align:center}.empty-state__icon{color:var(--color-muted-darker);height:2.5rem;margin-bottom:1rem;width:2.5rem}.empty-state__message{color:var(--color-muted)}.empty-state__cta{border:1px solid rgba(132,204,22,.4);border-radius:var(--border-radius-lg);color:var(--color-green);font-size:var(--font-sm);font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:var(--transition-fast)}.empty-state__cta:hover{background-color:rgba(132,204,22,.1)}.pagination{gap:1.5rem;margin-top:3.5rem;padding-bottom:2rem}.pagination,.pagination__button{align-items:center;display:flex;justify-content:center}.pagination__button{color:var(--color-muted);padding:.625rem;transition:var(--transition-fast)}.pagination__button:hover:not(:disabled){color:var(--color-green)}.pagination__button:disabled{cursor:not-allowed;opacity:.3}.pagination__button svg{height:1rem;width:1rem}.pagination__info{color:var(--color-muted);font-size:var(--font-sm)}.pagination__current,.pagination__total{color:var(--color-off-white);font-weight:600}.hidden{display:none!important}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-jet-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-jet)}