.blog-hub{background:var(--color-surface-default);color:var(--color-text-strong);min-height:80vh;padding:142px 0 100px}.blog-hub .bh-layout{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:40px;width:calc(100% - 80px);max-width:1280px;margin:auto;display:grid}.blog-hub .bh-sidebar{position:sticky;top:110px}.blog-hub .bh-sidebar h1{letter-spacing:-.04em;margin:0 12px 28px;font-size:28px;font-weight:700}.blog-hub .bh-sidebar>p{color:var(--color-text-subtle);margin:30px 12px;font-size:12px;line-height:1.8}.blog-hub .bh-tabs{flex-direction:column;gap:5px;display:flex}.blog-hub .bh-tabs a{color:var(--color-text-subtle);white-space:nowrap;border-radius:8px;padding:13px 14px;font-size:15px}.blog-hub .bh-tabs a[aria-selected=true]{color:var(--color-brand-solid);background:var(--color-brand-subtle);font-weight:650}.blog-hub a:focus-visible,.blog-hub button:focus-visible,.blog-hub input:focus-visible,.blog-hub [role=tabpanel]:focus-visible{outline:2px solid var(--color-brand-solid);outline-offset:4px}.blog-hub .bh-content{min-width:0}.blog-hub .bh-heading{justify-content:space-between;align-items:start;gap:20px;margin-bottom:28px;display:flex}.blog-hub h2{letter-spacing:-.035em;font-size:24px;font-weight:700;line-height:1.4}.blog-hub .bh-heading p{color:var(--color-text-subtle);margin-top:10px;font-size:13px;line-height:1.6}.blog-hub .bh-search input{border:1px solid var(--color-border-subtle);background:var(--color-bg-subtle);border-radius:8px;width:170px;padding:11px 14px;font-size:14px}.blog-hub .bh-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;display:grid}.blog-hub .bh-card{min-width:0;display:block}.blog-hub .bh-card-featured{grid-template-columns:1.8fr 1fr;align-items:center;gap:24px;display:grid}.blog-hub .bh-thumbnail{aspect-ratio:1.85;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:12px;position:relative;overflow:hidden}.blog-hub .bh-thumbnail img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-hub .bh-thumbnail-art{background:linear-gradient(130deg,var(--color-witim-primary-15),var(--color-witim-primary-25));flex-direction:column;justify-content:center;height:100%;padding:20px;display:flex;position:relative;overflow:hidden}.blog-hub .bh-thumbnail-art>span{letter-spacing:.04em;color:var(--color-brand-solid);z-index:1;font-size:9px;position:relative}.blog-hub .bh-thumbnail-art strong{letter-spacing:-.05em;z-index:1;margin-top:9px;font-size:clamp(20px,2vw,34px);font-weight:750;line-height:1.25;position:relative}.blog-hub .bh-thumbnail-art i{-webkit-line-clamp:2;z-index:1;-webkit-box-orient:vertical;margin-top:9px;font-size:10px;font-style:normal;line-height:1.4;display:-webkit-box;position:relative;overflow:hidden}.blog-hub .bh-thumbnail-art b{opacity:.06;font-size:145px;font-weight:900;position:absolute;bottom:-50px;right:-10px;transform:rotate(-14deg)}.blog-hub .bh-thumbnail-updates .bh-thumbnail-art{background:var(--color-witim-gray-90);color:var(--color-text-on-brand)}.blog-hub .bh-thumbnail-updates .bh-thumbnail-art>span{color:var(--color-witim-primary-25)}.blog-hub .bh-thumbnail-hub .bh-thumbnail-art{background:var(--color-witim-gray-15)}.blog-hub .bh-card-category{color:var(--color-brand-solid);margin:16px 0 8px;font-size:11px;display:block}.blog-hub .bh-card h3{letter-spacing:-.025em;word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:18px;font-weight:650;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-hub .bh-card-featured h3{-webkit-line-clamp:3;font-size:26px;line-height:1.45}.blog-hub .bh-card p{color:var(--color-text-subtle);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:12px;line-height:1.7;display:-webkit-box;overflow:hidden}.blog-hub .bh-card time{color:var(--color-text-subtle);margin-top:16px;font-size:11px;display:block}.blog-hub .bh-card:hover h3{color:var(--color-brand-solid)}.blog-hub .bh-recent{margin-top:36px}
