.blog-magazine-container{padding:4rem 0}.blog-feature-highlight{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:32px;overflow:hidden;margin-bottom:5rem;box-shadow:0 30px 60px -12px #0000001a}.feature-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center}.feature-content{padding:clamp(2rem,5vw,4rem)}.feature-title{font-family:var(--font-heading);font-size:clamp(2rem,4vw,3rem);line-height:1.1;margin-bottom:1.5rem;color:var(--text-strong)}.feature-visual img{width:100%;height:450px;object-fit:cover}.feature-btn{display:inline-flex;align-items:center;gap:1rem;background:var(--color-primary);color:#fff;padding:1rem 2rem;border-radius:100px;text-decoration:none;font-weight:700;transition:transform .3s ease}.feature-btn:hover{transform:translateY(-3px)}.blog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.count-pill{background:var(--surface-highlight);padding:.2rem .6rem;border-radius:6px;font-size:.8rem}.sort-tab{background:transparent;border:1px solid var(--color-border);padding:.6rem 1.2rem;border-radius:100px;cursor:pointer;color:var(--text-muted);font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:.3s}.sort-tab.active{background:var(--text-strong);color:var(--surface-page);border-color:var(--text-strong)}.magazine-layout{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:3rem}.post-entry{display:flex;flex-direction:column;gap:1.5rem}.post-entry__thumb{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;border:1px solid var(--color-border)}.post-entry__thumb img{width:100%;height:100%;object-fit:cover}.post-entry__number{position:absolute;top:1rem;left:1rem;background:#000000b3;color:#fff;padding:.2rem .6rem;border-radius:6px;font-size:.7rem;font-weight:800}.post-entry__title a{font-family:var(--font-heading);font-size:1.5rem;color:var(--text-strong);text-decoration:none}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr}.feature-visual{order:-1}.feature-visual img{height:250px}}@media (max-width: 1024px){.blog-magazine-container{padding:3rem 0}.blog-toolbar{flex-wrap:wrap;gap:1rem;align-items:flex-start}.magazine-layout{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media (max-width: 520px){.blog-feature-highlight{border-radius:20px;margin-bottom:3rem}.feature-content{padding:1.25rem}.feature-title{font-size:1.7rem}.feature-btn{width:100%;justify-content:center}.magazine-layout{grid-template-columns:1fr}.post-entry__title a{font-size:1.2rem}}.blog-post{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 24px 45px #0f172a1a;padding:clamp(1rem,3vw,2.25rem);display:grid;gap:1.6rem}.blog-post__header{display:grid;gap:1rem}.blog-post__meta{margin:0;color:var(--text-muted);font-size:.95rem}.blog-post__meta a{color:var(--text-link);text-decoration:none;font-weight:700}.blog-post__actions{display:flex;flex-wrap:wrap;gap:.7rem}.blog-post__image{width:100%;max-height:min(52vw,520px);object-fit:cover;object-position:center;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 18px 32px #0000001f}.blog-post__layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:clamp(1rem,2.2vw,1.8rem);align-items:start}.blog-post__body{color:var(--text-body);line-height:1.75;font-size:1.04rem}.blog-post__body>*:first-child{margin-top:0}.blog-post__body h2,.blog-post__body h3,.blog-post__body h4{margin:1.35rem 0 .65rem;color:var(--text-strong);line-height:1.3}.blog-post__body p,.blog-post__body ul,.blog-post__body ol,.blog-post__body blockquote{margin:.9rem 0}.blog-post__body ul,.blog-post__body ol{padding-left:1.25rem}.blog-post__body img{width:100%;max-height:min(48vw,460px);object-fit:cover;border-radius:14px;border:1px solid var(--color-border);margin:1.2rem 0}.blog-post__body a,.blog-post__learn-more a,.blog-post__card a{color:var(--text-link);text-decoration:none;font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--text-link),transparent 62%);transition:color .2s ease,border-color .2s ease}.blog-post__body a:hover,.blog-post__learn-more a:hover,.blog-post__card a:hover{color:var(--color-primary);border-bottom-color:color-mix(in srgb,var(--color-primary),transparent 45%)}.blog-post__sidebar{display:grid;gap:.9rem;position:sticky;top:6.2rem}.blog-post__card{background:var(--surface-elevated-alt);border:1px solid var(--color-border);border-radius:14px;padding:1rem;box-shadow:0 10px 22px #0f172a14}.blog-post__card h3{margin:0 0 .5rem}.blog-post__card p,.blog-post__card ul{margin:0}.blog-post__card ul{display:grid;gap:.5rem;padding-left:1.1rem}.blog-post__learn-more{background:color-mix(in srgb,var(--surface-elevated-alt),var(--color-primary) 3%);border:1px solid color-mix(in srgb,var(--color-border),var(--color-primary) 15%);border-radius:14px;padding:.9rem 1rem}.blog-post__learn-more p{margin:0}.blog-post__footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.blog-post__nav{display:grid;gap:.22rem;text-decoration:none;color:var(--text-strong);border:1px solid var(--color-border);border-radius:14px;padding:.85rem 1rem;background:var(--surface-elevated-alt);transition:border-color .2s ease,transform .2s ease}.blog-post__nav:hover{border-color:color-mix(in srgb,var(--color-primary),var(--color-border) 35%);transform:translateY(-2px)}.blog-post__nav span{color:var(--text-muted);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800}.blog-post__nav strong{line-height:1.35}@media (max-width: 1024px){.blog-post__layout{grid-template-columns:1fr}.blog-post__sidebar{position:static}}@media (max-width: 640px){.blog-post__footer{grid-template-columns:1fr}}
