.blog-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,hsl(var(--background)),hsl(var(--muted) / .2));font-family:'Noto Sans JP',Inter,'system-ui',sans-serif;font-feature-settings:"palt";color:hsl(var(--foreground))}.blog-page *{box-sizing:border-box}.blog-header{position:sticky;top:0;z-index:50;background:hsl(var(--background) / .8);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid hsl(var(--border))}.blog-header-nav{max-width:1200px;margin:0 auto;padding:0 1rem;height:3.5rem;display:flex;align-items:center;justify-content:space-between}@media (min-width:640px){.blog-header-nav{padding:0 1.5rem;height:4rem}}.blog-logo-link{display:inline-block;text-decoration:none}.blog-logo{height:1.5rem;width:auto;object-fit:contain}.blog-back-link{font-size:.875rem;font-weight:600;color:hsl(var(--muted-foreground));text-decoration:none;transition:color .2s;display:inline-flex;align-items:center;gap:.375rem}.blog-back-link:hover{color:hsl(var(--primary))}.blog-main{flex:1;padding:3rem 1rem}@media (min-width:640px){.blog-logo{height:2rem}.blog-main{padding:4rem 1.5rem}}.blog-container{max-width:1200px;margin:0 auto}.blog-title{font-size:clamp(1.75rem, 5vw, 3rem);font-weight:900;color:hsl(var(--foreground));text-align:center;margin-bottom:1rem}.blog-title-primary{color:hsl(var(--primary))}.blog-subtitle{font-size:clamp(1rem, 2.5vw, 1.25rem);font-weight:500;color:hsl(var(--muted-foreground));text-align:center;margin-bottom:2.5rem}.blog-filter-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.blog-filter-tab{padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;font-family:inherit;color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:9999px;cursor:pointer;transition:.2s}.blog-filter-tab:hover{color:hsl(var(--foreground));border-color:hsl(var(--primary) / .3)}.blog-filter-tab.is-active{color:hsl(var(--primary-foreground));background:hsl(var(--primary));border-color:hsl(var(--primary))}.blog-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:640px){.blog-filter-tab{padding:.625rem 1.5rem;font-size:1rem}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-grid .landing-media-card{opacity:1;transform:none}.blog-grid .landing-media-card.blog-card-animate{opacity:0;transform:translateY(20px);animation:.4s forwards blogFadeInUp}@keyframes blogFadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.blog-load-more-wrapper{text-align:center;margin-top:2.5rem}.blog-load-more-btn{padding:.875rem 2.5rem;font-size:1rem;font-weight:600;font-family:inherit;color:hsl(var(--foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);cursor:pointer;transition:.2s}.blog-load-more-btn:hover{background:hsl(var(--muted));border-color:hsl(var(--primary) / .3)}.blog-load-more-btn:disabled{opacity:.5;cursor:not-allowed}.blog-load-more-btn i{margin-left:.5rem}.blog-empty{text-align:center;padding:4rem 1rem;color:hsl(var(--muted-foreground))}.blog-empty i{font-size:3rem;margin-bottom:1rem;opacity:.4}.blog-empty p{font-size:1.125rem;font-weight:500}.blog-footer{border-top:1px solid hsl(var(--border));background:hsl(var(--background))}.blog-footer-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}@media (min-width:768px){.blog-footer-container{flex-direction:row;padding:3rem 1.5rem}}.blog-footer-logo-link{display:inline-block;text-decoration:none}.blog-footer-logo{height:1.5rem;width:auto;object-fit:contain}@media (min-width:640px){.blog-footer-logo{height:2rem}}.blog-footer-copyright{font-size:.75rem;color:hsl(var(--muted-foreground));text-align:center}.blog-footer-copyright-link{color:hsl(var(--muted-foreground));text-decoration:none}.blog-footer-copyright-link:hover{text-decoration:underline}