:root{--color-background:#fcfafb;--color-surface:#ffffff;--color-text-primary:#567294;--color-text-secondary:#8a96a1;--color-accent:#567294;--color-border:#e8eaed;--color-border-focus:#567294;--color-white:#ffffff;--font-family-header:'Oswald', 'Impact', sans-serif;--font-family-base:'system-ui', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-base:1rem;--line-height-base:1.6;--line-height-tight:1.2;--letter-spacing-wide:1.5px;--letter-spacing-normal:0.5px;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--spacing-xxl:80px;--max-width-container:1200px;--sidebar-width:280px;--border-radius:0px;--border-width:1px;--border-width-thick:2px;--transition-fast:0.2s ease-out}*{box-sizing:border-box}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text-primary);background-color:var(--color-background);margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-header);font-weight:600;line-height:var(--line-height-tight);text-transform:uppercase;color:var(--color-text-primary);margin:var(--spacing-xl)0 var(--spacing-md);letter-spacing:var(--letter-spacing-wide)}h2{font-size:2.2rem}h3{font-size:1.3rem}.main-content>h2{font-size:1.1rem;font-weight:400;color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);border-bottom:var(--border-width)solid var(--color-border);padding-bottom:var(--spacing-md)}.post-content h2{font-size:1.8rem;margin-top:var(--spacing-xxl);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thick)solid var(--color-text-primary)}p{margin:0 0 var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-primary)}ul,ol{padding-left:var(--spacing-lg);margin-bottom:var(--spacing-lg)}li{margin-bottom:var(--spacing-sm)}.header{padding:var(--spacing-lg);border-bottom:var(--border-width)solid var(--color-border);margin-bottom:var(--spacing-xxl);background-color:var(--color-surface)}.nav-container{max-width:var(--max-width-container);margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg)}.nav{text-align:left}#logo{font-family:var(--font-family-header);font-weight:700;font-size:2.5rem;color:var(--color-text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:2px}.tagline{font-family:var(--font-family-base);font-size:.85rem;color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-normal);margin-top:-8px}.nav-categories{display:flex;gap:var(--spacing-lg)}.nav-categories a{font-family:var(--font-family-header);font-weight:500;font-size:1rem;color:var(--color-text-primary);text-transform:uppercase;padding:var(--spacing-xs)0;position:relative}.nav-categories a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-fast)}.nav-categories a:hover::after{transform:scaleX(1);transform-origin:left}.grid-container{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--spacing-xxl);max-width:var(--max-width-container);margin:0 auto;padding:0 var(--spacing-lg)}.main-content,.sidebar{min-width:0}.post{background:var(--color-surface);border:var(--border-width)solid var(--color-border);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);transition:border-color var(--transition-fast),transform var(--transition-fast);position:relative}.post:hover{border-color:var(--color-text-secondary);transform:translateY(-5px)}.recents-title{font-size:1.8rem;font-family:var(--font-family-header);font-weight:700;margin:0 0 var(--spacing-sm)}.recents-title a{color:var(--color-text-primary)}.post-date{font-size:.8rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-md);text-transform:uppercase;font-weight:600;letter-spacing:var(--letter-spacing-normal)}.post-excerpt{margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.read-more a{font-family:var(--font-family-header);text-transform:uppercase;color:var(--color-accent);font-weight:700;font-size:.9rem;display:inline-block;padding:var(--spacing-xs)0;position:relative}.read-more a::after{content:'→';transition:transform var(--transition-fast);display:inline-block;margin-left:5px}.read-more a:hover::after{transform:translateX(5px)}.post-title{font-family:var(--font-family-header);font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 var(--spacing-sm);letter-spacing:2px}.post-content{margin-top:var(--spacing-xl)}.back-link{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:var(--border-width)solid var(--color-border)}.back-link a{font-family:var(--font-family-header);text-transform:uppercase;font-weight:500;font-size:1rem}.sidebar h3{font-size:1.1rem;font-weight:700;margin:var(--spacing-xl)0 var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:var(--border-width-thick)solid var(--color-accent)}.sidebar div:first-child h3,.sidebar h3:first-child{margin-top:0}.sidebar ul{list-style-type:none;padding:0;margin:0}.sidebar li{margin-bottom:var(--spacing-xs)}.sidebar a{color:var(--color-text-primary);padding:var(--spacing-xs)var(--spacing-sm);display:block;transition:color var(--transition-fast),background-color var(--transition-fast);position:relative;left:calc(-1 * var(--spacing-sm))}.sidebar a:hover{color:var(--color-white);background:var(--color-accent)}.form-input{font-size:1rem;padding:var(--spacing-sm)var(--spacing-md);border:var(--border-width)solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-family-base);transition:border-color var(--transition-fast);outline:none;width:100%;border-radius:var(--border-radius)}.form-input:focus{border-color:var(--color-border-focus)}.form-button{font-size:1rem;padding:var(--spacing-sm)var(--spacing-md);background:var(--color-accent);color:var(--color-white);border:var(--border-width)solid var(--color-accent);font-family:var(--font-family-header);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);border-radius:var(--border-radius)}.form-button:hover{background-color:var(--color-text-primary);border-color:var(--color-text-primary)}.form-button--large{padding:var(--spacing-sm)var(--spacing-lg)}.form-input-group{display:flex}.form-input-group .form-input{flex:1;border-right:none}.form-input-group .form-button{flex-shrink:0}.sidebar .search-container{margin:0;padding:0}.sidebar .search-form{display:block}.site-footer{margin:var(--spacing-xxl)auto 0;padding:var(--spacing-xl)var(--spacing-lg);text-align:center;max-width:var(--max-width-container);border-top:var(--border-width)solid var(--color-border);background-color:var(--color-surface)}.footer-nav{margin-bottom:var(--spacing-xl)}.footer-nav-links{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.footer-nav-links a{font-family:var(--font-family-header);text-transform:uppercase;color:var(--color-text-primary)}.newsletter-signup{max-width:500px;margin:0 auto var(--spacing-xl);padding:var(--spacing-lg);border:var(--border-width)solid var(--color-border)}.newsletter-signup h3{font-size:1.3rem;margin-top:0}.newsletter-form{display:flex}.newsletter-form input[type=email]{flex-grow:1}.footer-content{font-size:.9rem;color:var(--color-text-secondary);padding-top:var(--spacing-lg)}.footer-content p{margin:0}@media(max-width:900px){.grid-container{grid-template-columns:1fr;gap:var(--spacing-xxl)}}@media(max-width:768px){:root{--font-size-base:0.95rem}.post-title{font-size:2.5rem}#logo{font-size:2rem}.nav-container{flex-direction:column;align-items:flex-start;gap:var(--spacing-lg)}.header{padding:var(--spacing-md);margin-bottom:var(--spacing-xl)}.grid-container{padding:0 var(--spacing-md)}.nav-categories{gap:var(--spacing-md)}.newsletter-form{flex-direction:column;gap:var(--spacing-sm)}.form-input-group .form-input{border-right:var(--border-width)solid var(--color-border)}}