.square-container{max-width:1200px;margin:0 auto;padding:24px}.square-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.square-header h1{color:var(--color-text-primary,#fff);letter-spacing:-.5px;font-size:32px;font-weight:700}.square-tabs{border-bottom:1px solid var(--border-color);gap:32px;margin-bottom:40px;display:flex}.tab-button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 4px;font-size:16px;font-weight:500;transition:all .2s}.tab-button:hover{color:var(--color-primary)}.tab-button.active{border-bottom:2px solid var(--color-primary);color:var(--color-primary);font-weight:600}.blog-hero{background:var(--color-bg-surface);border:1px solid var(--border-color);border-radius:20px;min-height:280px;margin-bottom:40px;display:flex;position:relative;overflow:hidden}.blog-hero-image-wrapper{flex:1;position:relative;overflow:hidden}.blog-hero-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-hero:hover .blog-hero-image{transform:scale(1.03)}.blog-hero-content{background:linear-gradient(#1e232900 0%,#1e232966 100%);flex-direction:column;flex:1.1;justify-content:center;padding:32px;display:flex}.hero-tag{color:#f0b90b;text-transform:uppercase;background:#f0b90b26;border-radius:4px;width:fit-content;margin-bottom:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.hero-title{color:#fff;margin-bottom:12px;font-size:28px;font-weight:800;line-height:1.25}.hero-excerpt{color:var(--color-text-muted);max-width:95%;margin-bottom:20px;font-size:15px;line-height:1.5}.hero-date{color:var(--color-text-muted);margin-top:auto;font-size:14px}.blog-controls{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.search-bar-wrapper{margin-bottom:16px}.search-input{background:var(--color-bg-surface);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;width:100%;max-width:400px;padding:12px 16px;font-size:15px;transition:border-color .2s}.search-input:focus{border-color:var(--color-primary)}.category-pills{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.category-pill{background:var(--color-bg-surface);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.category-pill:hover{color:#fff;background:var(--color-bg-utility)}.category-pill.active{background:var(--color-primary-dim,#2b3139);color:var(--color-primary);border-color:var(--color-primary)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:32px;display:grid}.blog-card{cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-5px)}.blog-image-container{border-radius:12px;height:200px;margin-bottom:16px;position:relative;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-content{flex-direction:column;flex:1;display:flex}.blog-meta-top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.blog-category-text{color:#f0b90b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.blog-title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-excerpt{color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-date{color:var(--color-text-muted);margin-top:auto;font-size:12px}@media (max-width:768px){.blog-hero{flex-direction:column;min-height:auto}.blog-hero-image-wrapper{flex:none;height:250px}.blog-hero-content{padding:24px}.hero-title{font-size:24px}}.square-feed-card{background:var(--color-bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s}.square-feed-card:hover{border-color:var(--color-primary-dim,#383e46);transform:translateY(-5px);box-shadow:0 8px 24px #0003}.square-blog-card{background:var(--color-bg-surface);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden}.square-blog-card:hover{border-color:var(--color-primary-dim,#383e46);transform:translateY(-5px);box-shadow:0 8px 24px #0003}.square-blog-card .blog-image-wrapper{height:160px;overflow:hidden}.square-blog-card .blog-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.square-blog-card:hover .blog-image-wrapper img{transform:scale(1.05)}
