.container{width:100%;max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:var(--container-pad);padding-right:var(--container-pad);}@media (min-width:768px){:root{--container-pad:var(--space-6);}}@media (min-width:1024px){:root{--container-pad:var(--space-8);}}.site{display:flex;flex-direction:column;min-height:100vh;}.site-main{flex:1;padding-top:var(--space-6);padding-bottom:var(--space-12);}.content-sidebar-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);}.content-area{min-width:0;}@media (min-width:1024px){.content-sidebar-layout{grid-template-columns:minmax(0,1fr) var(--sidebar-width);}}.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);}@media (min-width:640px){.app-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-5);}}@media (min-width:1024px){.app-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-6);}}@media (min-width:1440px){.app-grid{grid-template-columns:repeat(6,1fr);}}.app-grid--small{grid-template-columns:repeat(2,1fr);}@media (min-width:640px){.app-grid--small{grid-template-columns:repeat(3,1fr);}}@media (min-width:1024px){.app-grid--small{grid-template-columns:repeat(4,1fr);}}.featured-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);}@media (min-width:640px){.featured-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5);}}@media (min-width:1024px){.featured-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6);}}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);}@media (min-width:640px){.category-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4);}}@media (min-width:768px){.category-grid{grid-template-columns:repeat(4,1fr);}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(6,1fr);}}.app-detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-8);}.app-detail-main,.app-detail-sidebar{min-width:0;}@media (min-width:1024px){.app-detail-layout{grid-template-columns:minmax(0,1fr) 340px;}}.homepage section,.archive-page section{margin-bottom:var(--space-12);}@media (min-width:768px){.homepage section,.archive-page section{margin-bottom:var(--space-16);}}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3);}.section-header h2{margin-bottom:0;font-size:var(--font-size-2xl);}.view-all-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-1);transition:gap var(--transition-base);}.view-all-link:hover{gap:var(--space-2);}.page-header{margin-bottom:var(--space-8);}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);}.archive-description{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-lg);max-width:640px;}.results-count{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-2);}.footer-widgets__grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);}@media (min-width:640px){.footer-widgets__grid--2{grid-template-columns:repeat(2,1fr);}.footer-widgets__grid--3{grid-template-columns:repeat(3,1fr);}.footer-widgets__grid--4{grid-template-columns:repeat(2,1fr);}}@media (min-width:1024px){.footer-widgets__grid--3{grid-template-columns:repeat(3,1fr);}.footer-widgets__grid--4{grid-template-columns:repeat(4,1fr);}}.nav-links{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-10);flex-wrap:wrap;}.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border);transition:all var(--transition-fast);}.page-numbers:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-text);}.page-numbers.current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverted);font-weight:var(--font-weight-semibold);}.page-numbers.dots{border:none;background:none;cursor:default;}#scroll-sentinel{height:1px;width:100%;}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;}.filter-bar__select{padding:var(--space-2) var(--space-4);padding-right:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--font-size-sm);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:border-color var(--transition-fast);}.filter-bar__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),0.15);}