:root{--color-background: #ffffff;--color-text: #000000;--color-accent: #eb0028;--color-meta: #9b9b9b;--color-excerpt: #929292;--color-border: #e9e9e9;--font-primary: "Roboto", sans-serif;--font-size-base: 1rem;--font-size-small: .75rem;--font-size-medium: .875rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 1.6875rem;--line-height-base: 1.6;--line-height-tight: 1.25rem;--line-height-medium: 1.875rem;--header-height: 8rem;--nav-height: 3.5rem;--container-max-width: 120rem;--container-padding: 1.5rem;--container-padding-mobile: 1rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--grid-gap: 2.5rem;--grid-gap-mobile: 1.875rem;--border-radius-sm: .25rem;--border-width: 1px;--transition-fast: .2s;--transition-medium: .3s;--transition-slow: .5s;--z-index-base: 1;--z-index-dropdown: 5;--z-index-sticky: 10;--z-index-overlay: 11;--z-index-overlay-mobile: 12;--z-index-mobile-menu: 13;--z-index-search: 14;--z-index-modal: 15;--color-hover-bg: #f5f5f5;--color-hover-bg-dark: #f0f0f0;--color-submenu-bg: #f9f9f9;--color-skeleton-light: #f0f0f0;--color-skeleton-dark: #e0e0e0}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}html,body{width:100%;height:100%}body{font-family:var(--font-primary);color:var(--color-text);background-color:var(--color-background);line-height:1.2;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}img{max-width:100%;height:auto;display:block}ul{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-border)}.header-container{max-width:var(--container-max-width);margin:0 auto;padding:1.8125rem;display:flex;align-items:center;justify-content:center;position:relative}.logo{height:1.6875rem;width:auto;color:var(--color-text)}.search-btn{position:absolute;right:22.4rem;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-text);transition:opacity .2s}.search-btn:hover{opacity:.7}.mobile-menu-btn{position:absolute;left:1.5rem;display:none;align-items:center;justify-content:center;padding:.5rem;color:var(--color-text)}@media(max-width:1023px){.mobile-menu-btn{display:flex}.header-container{padding:2rem 1.3rem}.search-btn{right:var(--container-padding-mobile)}}.navigation{background-color:var(--color-background);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0;z-index:var(--z-index-sticky);transition:transform var(--transition-medium) ease-in-out}.navigation.sticky{box-shadow:0 2px 8px #0000001a}.navigation.hidden{transform:translateY(-100%)}.navigation-container{max-width:var(--container-max-width);margin:0 auto;padding:0 23.75rem}.menu{display:flex;align-items:center;justify-content:center;gap:1.8rem}.menu-item{position:relative}.menu-link{display:flex;align-items:center;gap:.25rem;padding:1rem 0;font-size:1rem;font-weight:500;color:var(--color-text);transition:color .2s}.menu-link:hover{color:var(--color-accent)}.dropdown-arrow{width:.625rem;height:.375rem;margin-left:.25rem;display:inline-block;transition:transform .3s ease}.menu-item:hover .dropdown-arrow{transform:rotate(180deg)}.submenu{position:absolute;top:100%;left:0;background-color:var(--color-background);border:var(--border-width) solid var(--color-border);min-width:11rem;padding:.9rem 0;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast)}.menu-item:hover .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu-item{padding:0;border-bottom:var(--border-width) solid var(--color-border)}.submenu-item:last-child{border-bottom:none}.submenu-link{display:flex;align-items:center;justify-content:space-between;padding:.3rem 1.25rem;font-size:.8125rem;color:var(--color-text);transition:background-color .2s,color .2s}.submenu-link:after{content:"›";font-size:1rem;color:var(--color-meta);margin-left:.5rem}.submenu-link:hover{background-color:var(--color-hover-bg);color:var(--color-accent)}@media(max-width:1023px){.navigation{display:none}.navigation-container{padding:0 var(--container-padding)}}.mobile-menu-overlay{position:fixed;inset:0;background-color:#00000080;z-index:var(--z-index-overlay-mobile);opacity:0;visibility:hidden;transition:opacity var(--transition-slow) ease-in-out,visibility var(--transition-medium) ease-in-out;pointer-events:none}.mobile-menu-overlay.open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:20rem;background-color:var(--color-background);z-index:var(--z-index-mobile-menu);box-shadow:2px 0 12px #00000026;transform:translate(-100%);transition:transform var(--transition-medium) ease-in-out;overflow-y:auto}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl) 1.25rem;border-bottom:var(--border-width) solid var(--color-border)}.mobile-menu-logo{height:1.25rem;width:auto;color:var(--color-text)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-text)}.mobile-menu-nav{padding:1rem 0}.mobile-menu-list{display:flex;flex-direction:column}.mobile-menu-item{border-bottom:var(--border-width) solid var(--color-border)}.mobile-menu-link{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-size:1rem;font-weight:500;color:var(--color-text);transition:background-color .2s,color .2s}.mobile-menu-link:hover{background-color:var(--color-hover-bg);color:var(--color-accent)}.mobile-menu-link .dropdown-arrow{width:.625rem;height:.375rem;margin-left:auto;transition:transform var(--transition-medium) ease}.mobile-submenu-toggle{display:none}.mobile-submenu{background-color:var(--color-submenu-bg);max-height:0;overflow:hidden;opacity:0;transform:translateY(-.25rem);transition:max-height var(--transition-medium) ease-in-out,opacity var(--transition-medium) ease-in-out,transform var(--transition-medium) ease-in-out}.mobile-menu-item:hover .mobile-submenu,.mobile-menu-item:focus-within .mobile-submenu{max-height:500px;opacity:1;transform:translateY(0)}.mobile-menu-item:hover .dropdown-arrow,.mobile-menu-item:focus-within .dropdown-arrow{transform:rotate(180deg)}.mobile-submenu-item{border-top:var(--border-width) solid var(--color-border)}.mobile-submenu-link{display:block;padding:.875rem 1.25rem .875rem 2.5rem;font-size:.875rem;color:var(--color-meta);transition:background-color .2s,color .2s}.mobile-submenu-link:hover{background-color:var(--color-hover-bg-dark);color:var(--color-accent)}@media(min-width:1024px){.mobile-menu-overlay,.mobile-menu{display:none}}.post-card{cursor:pointer;transition:transform .2s,box-shadow .2s;width:100%}.post-card:hover{transform:translateY(-.25rem)}.post-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;transform:translateY(-.25rem)}.post-card-image-wrapper{width:100%;overflow:hidden;margin-bottom:.9rem}.post-card-image{width:100%;object-fit:cover;display:block;transition:transform .3s}.post-card:hover .post-card-image{transform:scale(1.05)}.post-card-content{padding:0}.post-card-tag{display:inline-block;color:var(--color-accent);font-size:.8125rem;font-weight:600;margin-bottom:.8rem}.post-card-title{font-size:1.5rem;font-weight:700;line-height:1.875rem;margin-bottom:1rem;color:var(--color-text)}.post-card-meta{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--color-meta);margin-bottom:1rem}.post-card-separator{color:var(--color-meta)}.post-card-excerpt{font-size:.875rem;line-height:1.25rem;color:var(--color-excerpt)}@media(max-width:767px){.post-card-title{font-size:1.25rem;font-size:var(--font-size-xlarge)}.post-card-image{height:14.5rem}.post-card-image-wrapper{margin-bottom:.5rem}}.post-grid{max-width:calc(71.5rem + 80px);margin:0 auto;padding:3rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;column-gap:40px;row-gap:45px;margin-bottom:7rem}.post-grid .post-card{flex:0 0 22.5rem}.post-grid-empty{max-width:120rem;margin:0 auto;padding:3rem 5%;min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.125rem;color:var(--color-meta)}@media(min-width:768px)and (max-width:1023px){.post-grid{max-width:120rem;padding:3rem 4%;column-gap:40px;row-gap:40px}.post-grid-empty{padding:3rem 4%}.post-grid .post-card{flex:0 0 calc((100% - 40px)/2)}}@media(max-width:767px){.post-grid{max-width:120rem;column-gap:0;row-gap:1.875rem;padding:3rem 1.3rem}.post-grid-empty{padding:2rem 1.5rem}.post-grid .post-card{flex:0 0 100%}}.loading-skeleton-container{max-width:120rem;margin:0 auto;padding:3rem 23.75rem}.skeleton-grid{display:flex;flex-wrap:wrap;gap:40px}.skeleton-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:.25rem;overflow:hidden;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.skeleton-image{width:100%;height:14.375rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.skeleton-content{padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.skeleton-tag{width:30%;height:.875rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-title{width:90%;height:1.5rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-title.short{width:60%}.skeleton-meta{width:50%;height:.75rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-text{width:100%;height:.875rem;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:.25rem}.skeleton-text.short{width:70%}@media(min-width:1024px){.skeleton-card{width:calc((100% - 80px) / 3)}}@media(min-width:768px)and (max-width:1023px){.skeleton-card{width:calc((100% - 40px)/2)}}@media(max-width:767px){.skeleton-card{width:100%}.skeleton-grid{gap:30px}.loading-skeleton-container{padding:2rem 1rem}}.search-bar-overlay{position:fixed;inset:0;background-color:#000000b3;z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding-top:5rem;animation:fadeIn .2s ease-in-out}.search-bar-container{width:100%;max-width:50rem;padding:0 1.5rem}.search-bar-wrapper{position:relative;display:flex;align-items:center;background-color:var(--color-background);border-radius:.5rem;box-shadow:0 4px 24px #00000026;padding:1rem 1.5rem;gap:1rem}.search-bar-icon{flex-shrink:0;color:var(--color-meta)}.search-bar-input{flex:1;border:none;outline:none;font-size:1.125rem;color:var(--color-text);font-family:var(--font-primary);background:transparent}.search-bar-input::placeholder{color:var(--color-meta)}.search-bar-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--color-meta);transition:color .2s}.search-bar-close:hover{color:var(--color-text)}@media(max-width:767px){.search-bar-overlay{padding-top:3rem}.search-bar-input{font-size:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.loading-state,.error-state{max-width:75rem;margin:0 auto;padding:3rem 1.5rem;text-align:center}.loading-state p{font-size:1.125rem;color:var(--color-meta)}.error-state p{font-size:1.125rem;color:var(--color-accent)}