.blog-hero{padding:80px 0 60px;text-align:center;background:radial-gradient(1200px 400px at 50% -80px,#FFE7DF 0%,transparent 60%)}.blog-hero h1{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#ff4500,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.25rem;color:#718096;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.blog-section{padding:80px 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:3rem}.blog-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #0000000d;transition:all .3s ease;border:1px solid rgba(255,69,0,.1)}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.blog-card-image{height:200px;background:linear-gradient(135deg,#ff4500,#ff6b35);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-card-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-image:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="50" r="0.5" fill="white" opacity="0.1"/><circle cx="90" cy="30" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');pointer-events:none}.blog-card-icon{font-size:3rem;color:#fff;z-index:1;position:relative}.blog-card-content{padding:2rem}.blog-card h3{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.blog-card p{color:#718096;margin-bottom:1.5rem;line-height:1.6}.blog-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.9rem;color:#a0aec0}.blog-meta span{display:flex;align-items:center;gap:.5rem}.read-more{display:inline-flex;align-items:center;gap:.5rem;color:#ff4500;text-decoration:none;font-weight:600;transition:all .3s ease}.read-more:hover{gap:1rem}.read-more:after{content:"→";transition:transform .3s ease}.read-more:hover:after{transform:translate(4px)}.categories{display:flex;gap:1rem;margin-bottom:3rem;justify-content:center;flex-wrap:wrap}.category-tag{padding:8px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:25px;text-decoration:none;color:#4a5568;font-weight:500;transition:all .3s ease}.category-tag:hover,.category-tag.active{border-color:#ff4500;color:#ff4500;background:#ff45000d}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:4rem;padding:40px 0 80px;max-width:1200px;margin:0 auto}.article-content{background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(255,69,0,.1)}.article-header{margin-bottom:3rem;text-align:center;padding-bottom:2rem;border-bottom:2px solid #f7fafc}.article-category{display:inline-block;background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.article-title{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1rem;color:#2d3748}.article-meta{display:flex;align-items:center;justify-content:center;gap:2rem;font-size:.9rem;color:#718096;margin-bottom:1.5rem}.article-meta span{display:flex;align-items:center;gap:.5rem}.article-excerpt{font-size:1.2rem;color:#4a5568;line-height:1.6;max-width:600px;margin:0 auto}.toc{background:#f7fafc;border-radius:12px;padding:1.5rem;margin:2rem 0;border-left:4px solid #FF4500}.toc h3{color:#2d3748;margin-bottom:1rem;font-size:1.1rem}.toc ul{list-style:none}.toc li{margin-bottom:.5rem}.toc a{color:#4a5568;text-decoration:none;transition:color .3s ease;font-size:.95rem}.toc a:hover{color:#ff4500}.article-body h2{font-size:1.8rem;font-weight:600;margin:3rem 0 1.5rem;color:#2d3748;padding-bottom:.5rem;border-bottom:2px solid #f7fafc}.article-body h3{font-size:1.4rem;font-weight:600;margin:2rem 0 1rem;color:#2d3748}.article-body p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem}.article-body li{margin-bottom:.8rem;font-size:1.1rem}.article-body strong{color:#2d3748;font-weight:600}.article-body a{color:#ff4500;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .3s ease}.article-body a:hover{border-bottom-color:#ff4500}.highlight-box{background:linear-gradient(135deg,#fff5f0,#ffe7df);border:1px solid #FF4500;border-radius:12px;padding:1.5rem;margin:2rem 0;position:relative}.highlight-box:before{content:"💡";position:absolute;top:-10px;left:20px;background:#fff;padding:0 8px;font-size:1.2rem}.highlight-box.japanese:before{content:"🎌"}.highlight-box.spanish:before{content:"🇪🇸"}.highlight-box.french:before{content:"🇫🇷"}.highlight-box h4{color:#ff4500;margin-bottom:.5rem;font-weight:600}.subreddit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.subreddit-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .3s ease}.subreddit-card:hover{border-color:#ff4500;transform:translateY(-2px);box-shadow:0 4px 15px #ff45001a}.subreddit-name{font-weight:600;color:#ff4500;font-size:1.1rem;margin-bottom:.5rem}.subreddit-members{font-size:.9rem;color:#718096;margin-bottom:1rem}.language-example{background:#f8f9fa;border-left:4px solid #FF4500;padding:1rem;margin:1rem 0;border-radius:0 8px 8px 0}.language-text{font-size:1.2rem;margin-bottom:.5rem;font-family:Noto Sans,sans-serif}.pronunciation{color:#718096;font-style:italic;margin-bottom:.5rem}.translation{color:#4a5568;font-weight:500}.sidebar{position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.sidebar-card{background:#fff;border-radius:16px;padding:2rem;margin-bottom:2rem;box-shadow:0 4px 15px #0000000d;border:1px solid rgba(255,69,0,.1)}.sidebar-card h3{color:#2d3748;margin-bottom:1rem;font-size:1.2rem}.related-articles{list-style:none}.related-articles li{margin-bottom:1rem}.related-articles a{color:#4a5568;text-decoration:none;font-weight:500;transition:color .3s ease}.related-articles a:hover{color:#ff4500}.article-cta{background:linear-gradient(135deg,#ff4500,#ff6b35);color:#fff;border-radius:16px;padding:2rem;text-align:center;margin:3rem 0}.article-cta h3{margin-bottom:1rem;font-size:1.5rem}.article-cta p{margin-bottom:1.5rem;opacity:.9}.article-cta .cta-button{background:#fff;color:#ff4500;display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600}.article-cta .cta-button:hover{background:#f7fafc}@media (max-width: 768px){.blog-hero h1{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:2rem;padding:100px 0 60px}.article-content{padding:2rem}.article-title{font-size:2rem}.article-meta{flex-direction:column;gap:1rem}.subreddit-grid{grid-template-columns:1fr}.categories{justify-content:flex-start;overflow-x:auto;padding-bottom:1rem}.sidebar{position:static}}