:root{--bg-color: #ffffff;--bg-footer: #f7f7f7;--text-main: #1f1f1f;--text-muted: #5e5e5e;--accent: #d84b2b;--border-color: #eaeaea;--font-sans: "SF UI Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "SF UI Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--site-width: 1200px}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block}.align-center{max-width:var(--site-width);margin:0 auto;padding:0 20px}.align-wide{max-width:1600px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--border-color);padding:15px 0;background-color:var(--bg-color);position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative;width:100%}.site-logo{font-size:40px;font-weight:900;color:var(--text-main);text-decoration:none;flex-shrink:0;transition:opacity .3s ease,transform .3s ease;color:#ffa000}.site-nav{display:flex;flex-grow:1;justify-content:flex-end;margin-right:20px}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:24px;align-items:center}.site-nav a{font-size:17px;font-weight:900;text-transform:capitalize}.site-nav a.active{color:#ffa000}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px;color:var(--text-main)}.search-container{display:flex;align-items:center;position:relative;transition:all .3s ease}.search-toggle{background:none;border:none;cursor:pointer;padding:5px;color:var(--text-main);display:flex;transition:opacity .3s ease}.search-box{display:none;position:absolute;right:0;top:100%;margin-top:15px;background:var(--bg-color);border:1px solid var(--border-color);padding:10px;border-radius:4px;box-shadow:0 4px 12px #0000001a;min-width:200px}.search-box.active{display:block}.search-form{display:flex;width:100%}.search-box input{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;width:100%;outline:none}.site-main{min-height:calc(100vh - 200px);padding:20px 0}.site-footer{background-color:var(--bg-footer);padding:40px 0;text-align:center;border-top:1px solid var(--border-color)}.footer-content p{margin:0;color:var(--text-muted);font-size:14px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:900;color:var(--text-main);margin-top:2em;margin-bottom:.5em;line-height:1.2}h1{font-size:40px;margin-top:0}h2{font-size:40px}h3{font-size:21px}h4{font-size:55px}h5{font-size:25px}h6{font-size:22px}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:1.5em;margin-bottom:.5em;line-height:1.3}.prose h1{font-size:36px}.prose h2{font-size:30px}.prose h3{font-size:24px}.prose h4{font-size:20px}.prose h5{font-size:18px}.prose h6{font-size:16px}.prose p{margin-bottom:.5em}.prose ul,.prose ol{margin-top:.3em;margin-bottom:.5em;padding-left:1.5em}.prose li{margin-bottom:.2em}.prose li p{margin-bottom:0}@media(max-width:768px){.header-content{justify-content:space-between}.menu-toggle{display:block;z-index:2;margin-right:auto}.site-logo{font-size:30px;position:absolute;left:50%;transform:translate(-50%);font-weight:900;color:#ffa000}.header-content.search-active .site-logo{opacity:0;pointer-events:none;transform:translate(-50%) translateY(-10px)}.header-content.search-active .search-toggle{opacity:0;pointer-events:none}.header-content.search-active .search-container{position:absolute;left:50%;transform:translate(-50%);width:calc(100% - 60px);margin-left:0;justify-content:center}.header-content.search-active .search-box{display:block;position:static;width:100%;margin-top:0;box-shadow:none;border:none;padding:0;background:transparent}.header-content.search-active .search-box input{width:100%;border-radius:20px;padding:8px 16px;background:var(--bg-footer)}.site-nav{display:none;position:absolute;top:100%;left:0;width:100%;background:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;padding:20px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);box-shadow:0 8px 16px #0000001a;margin-right:0;margin-top:15px}.site-nav.active{display:flex}.site-nav ul{flex-direction:column;gap:20px;align-items:center;width:100%}.site-nav a{font-size:17px;font-weight:900;text-transform:capitalize}.search-container{margin-left:auto;z-index:2}.site-main{padding-top:20px}.post-masonry{margin-top:0}}.sort-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:20px;align-items:center}.sort-label{font-size:13px;font-weight:900;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.sort-btn{background:var(--bg-footer);border:1px solid var(--border-color);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:900;cursor:pointer;transition:all .2s ease;color:var(--text-main)}.sort-btn:hover{background:#eee}.sort-btn.active{background:var(--text-main);color:#fff;border-color:var(--text-main)}.post-masonry{column-count:3;column-gap:30px;margin-top:0}.post-card{break-inside:avoid;margin-bottom:30px;border:1px solid var(--border-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;background:#fff;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 15px #0000000d}.post-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #0000001a}.post-card .image-container{display:block;overflow:hidden;background-color:var(--bg-footer)}.post-card img{width:100%;height:auto;display:block;object-fit:contain;transition:transform .5s ease}.post-card:hover img{transform:scale(1.05)}.post-card .content{padding:24px}.post-card .category{font-size:11px;font-weight:900;text-transform:uppercase;color:var(--accent);letter-spacing:.05em;display:block;margin-bottom:8px}.post-card h3{margin:0 0 12px;font-size:20px;line-height:1.3}.post-card p{font-size:15px;color:var(--text-muted);margin:0;line-height:1.5}@media(max-width:1100px){.post-masonry{column-count:2}}@media(max-width:768px){.post-masonry{column-count:1;column-gap:0}.post-card{margin-bottom:24px}}