:root{--primary-blue: #0077cc;--primary-red: #b62323;--sky-light: #f0f7ff;--red-light: #fff2f0;--accent-gold: #c5a059;--text-main: #2d3436;--text-muted: #636e72;--bg-warm: #fdfdfd;--glass: rgba(255, 255, 255, 0.85)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter', -apple-system, sans-serif;background-color:var(--bg-warm);color:var(--text-main);line-height:1.8}.navbar{position:sticky;top:0;z-index:1000;background:var(--glass);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,0.05);padding:1rem 0}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.logo{font-size:1.4rem;font-weight:800;letter-spacing:-1px;color:var(--primary-red);text-decoration:none}.nav-links{list-style:none;display:flex;gap:30px}.nav-links a{text-decoration:none;color:var(--text-main);font-weight:500;font-size:0.95rem;transition:color 0.3s ease}.nav-links a:hover{color:var(--primary-red)}.container{max-width:850px;margin:60px auto;padding:0 20px}h1{font-size:2.8rem;margin-bottom:1rem;color:#1a1a1a}.post-preview{background:white;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 4px 20px rgba(0,0,0,0.03);transition:transform 0.3s ease;border:1px solid #f0f0f0}.category-tag{text-transform:uppercase;font-size:0.75rem;font-weight:700;letter-spacing:1px;color:var(--accent-gold)}.category-tag a{text-decoration:none;color:inherit;display:inline-block}.index-post-title a{text-decoration:none;color:inherit;display:inline-block}footer{text-align:center;padding:60px 0;color:var(--text-muted);font-size:0.9rem;border-top:1px solid #eee}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px;text-align:center}.nav-links{gap:15px;flex-wrap:wrap;justify-content:center;padding:0}h1{font-size:2rem}.container{margin:30px auto}.post-preview{padding:20px}.logo{font-size:1.2rem}}img{max-width:100%;height:auto;border-radius:8px}#archives{margin-top:40px}.archive-group{margin-bottom:50px}.category-head{font-size:1.8rem;color:var(--primary-blue);border-bottom:2px solid var(--sky-light);padding-bottom:10px;margin-bottom:20px;text-transform:capitalize}table{width:40%;margin:20px 0;border-collapse:collapse;font-family:var(--font-main);text-align:center}th{background-color:#f8f9fa;border-bottom:2px solid #000000;padding:12px;font-weight:bold}td{padding:10px 12px;border-bottom:1px solid #eee;font-size:0.95rem}.archive-item{padding:10px 0;border-bottom:1px solid #f0f0f0;transition:background 0.2s ease}.archive-item:last-child{border-bottom:none}.archive-item h4{font-weight:500;font-size:1.1rem}.archive-item a{text-decoration:none;color:var(--text-main);display:flex;gap:20px}@media (max-width: 768px){.archive-item a{flex-direction:column;gap:5px}}.post-card{display:flex;gap:30px;background:white;border-radius:12px;padding:20px;margin-bottom:30px;box-shadow:0 4px 15px rgba(0,0,0,0.05);align-items:center;transition:transform 0.2s ease}.post-thumbnail{flex:0 0 250px}.post-thumbnail img{width:100%;height:180px;object-fit:cover;border-radius:8px}@media (max-width: 768px){.post-card{flex-direction:column;align-items:flex-start;gap:20px}.post-thumbnail{flex:0 0 auto;width:100%}.post-thumbnail img{height:200px}}.pagination{display:flex;justify-content:center;align-items:center;margin:40px 0;gap:10px}.page-numbers{display:flex;gap:5px}.page-link{padding:8px 14px;border:1px solid #eee;text-decoration:none;color:#555;border-radius:4px;transition:all 0.2s;font-size:0.9rem}.page-link:hover:not(.disabled){border-color:#e74c3c;color:#e74c3c;background-color:#fff5f4}.page-link.active{background-color:#e74c3c;color:white;border-color:#e74c3c}.page-link.disabled{color:#ccc;cursor:not-allowed;border-color:#f9f9f9}@media (max-width: 480px){.page-numbers{display:none}}.archive-group .post-card{margin-bottom:20px;padding:15px}.archive-group .post-thumbnail{flex:0 0 180px}.archive-group .post-thumbnail img{height:120px}.category-head{margin-top:40px;margin-bottom:20px;padding-left:10px;border-left:4px solid var(--primary-blue);font-weight:800}.read-more{display:inline-block;margin-top:10px;font-size:0.85rem;font-weight:700;color:var(--primary-blue);text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:transform 0.2s ease}.read-more:hover{transform:translateX(5px);color:var(--accent-gold)}.about-container{display:flex;flex-direction:column;gap:40px;align-items:center;margin-top:40px}.about-image img{width:150px;height:150px;object-fit:cover;border-radius:50%}.about-text{flex:1}@media (min-width: 768px){.about-container{flex-direction:row;align-items:flex-start}}.container{max-width:900px;margin:0 auto;padding:40px 20px}.post-container{background:#ffffff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.05);margin-bottom:40px}.post-header{border-bottom:2px solid var(--sky-light);margin-bottom:30px;padding-bottom:20px;text-align:center}.post-title-main{font-size:2.5rem;font-weight:800;color:var(--text-main);line-height:1.2;margin-bottom:10px}.post-content{font-size:1.0rem;color:#333;line-height:1.6;flex:1}.post-content a{text-decoration:none;color:#2c3e50;border-bottom:2px solid rgba(44,62,80,0.2);transition:all 0.3s ease;padding-bottom:1px}.post-content a:hover{color:var(--primary-red);border-bottom:2px solid var(--primary-red);background-color:rgba(var(--primary-blue-rgb), 0.05)}.post-content p{margin-bottom:25px}.post-content h2,.post-content h3{margin-top:10px;margin-bottom:15px}.post-content img{width:100%;height:auto;border-radius:8px;margin:20px 0}.post-content ol{padding-left:40px;margin:20px 0}.post-content ol li{margin-bottom:12px;padding-left:10px;line-height:1.6;color:#333}.post-content ol li::marker{color:var(--primary-blue);font-weight:bold}.post-divider{border:0;border-top:1px solid var(--sky-light);margin:40px 0 20px}.post-categories-footer{background:var(--sky-light);padding:15px 20px;border-radius:8px;font-size:0.95rem;color:#666;display:flex;justify-content:center}.post-categories-footer a{color:var(--text-main);text-decoration:none;font-weight:500;margin-left:5px}.post-categories-footer a:hover{color:var(--primary-red);text-decoration:none}.category-link-footer{color:var(--primary-blue);font-weight:700;text-decoration:none;margin-left:5px}.category-link-footer:hover{text-decoration:underline}html,body{width:100%;overflow-x:hidden;margin:0;padding:0}main{overflow-x:hidden}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#eee;margin:20px 0;border-radius:8px}.video-container iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important;border:0}body{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.post-content blockquote{margin:30px 0;padding:20px 25px;background-color:#f9f9f9;border-left:5px solid #2c3e50;border-radius:0 8px 8px 0;color:#555;line-height:1.6;position:relative}.post-content blockquote::before{content:"\201C";font-family:serif;position:absolute;left:10px;top:-10px;font-size:4rem;color:rgba(0,0,0,0.05)}.post-content blockquote p{margin:0}.site-footer{background:#2c3e50;color:#ecf0f1;padding:50px 0 20px;margin-top:60px}.footer-container{max-width:900px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px}.footer-about{flex:1;min-width:250px}.footer-about h3{margin-bottom:15px;color:#fff;letter-spacing:2px}.footer-about a{color:#bdc3c7;text-decoration:none;font-size:0.9rem;transition:color 0.3s}.footer-about p{font-size:0.9rem;line-height:1.6;color:#bdc3c7}.footer-social{display:flex;gap:20px;align-items:flex-start}.footer-social a{color:#bdc3c7;text-decoration:none;font-size:0.9rem;transition:color 0.3s}.footer-social a:hover{color:#fff}.footer-bottom{width:100%;text-align:center;border-top:1px solid rgba(255,255,255,0.1);margin-top:40px;padding-top:20px;font-size:0.8rem;color:#95a5a6}@media (max-width: 768px){.footer-container{flex-direction:column;text-align:center}.footer-social{justify-content:center}}.post-figure{margin:30px 0;text-align:center}.post-figure img{margin-bottom:8px;border-radius:8px;display:block;margin-left:auto;margin-right:auto;max-width:100%}.post-figure-small{text-align:center;margin:20px auto;display:block}.post-figure-small img{margin-bottom:8px;border-radius:8px;display:block;margin-left:auto;margin-right:auto;width:100%;max-width:500px}.post-figure-extra-small{text-align:center;margin:20px auto;display:block}.post-figure-extra-small img{margin-bottom:8px;border-radius:8px;display:block;margin-left:auto;margin-right:auto;width:100%;max-width:200px}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:600px;margin:30px auto;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}figcaption{font-size:0.9rem;color:#666;line-height:1.4}.archive-year-section{margin-bottom:40px}.archive-year-title{padding-bottom:10px;margin-bottom:20px;color:var(--text-main)}.archive-list{list-style:none;padding-left:0}.archive-item{padding:10px 0;border-bottom:1px solid #eee;display:flex;gap:20px}.archive-date{color:#888;font-family:monospace;min-width:50px}.archive-item a{text-decoration:none;color:var(--text-main);font-weight:500}.related-posts a{text-decoration:none !important;color:inherit}.related-grid{display:flex;flex-wrap:wrap;gap:20px}.related-card{flex:0 1 calc(50% - 10px);background:#fff;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;transition:all 0.3s ease}.card-image img{width:100%;height:150px;object-fit:cover;display:block}.card-content h4{margin:12px;font-size:1rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em}.card-excerpt{margin:0 12px 15px 12px;font-size:0.85rem;color:#666;line-height:1.5}@media (max-width: 600px){.related-card{flex:0 1 100%}}@media (max-width: 768px){.menu-toggle{display:flex;flex-direction:column;justify-content:space-around;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2001}.bar{width:100%;height:3px;background-color:#2c3e50;border-radius:10px;transition:all 0.3s ease-in-out;transform-origin:center}.nav-links{position:fixed;top:0;right:-100%;width:70%;height:100vh;background-color:#ffffff;display:flex;flex-direction:column;justify-content:center;transition:0.3s ease-in-out;box-shadow:-5px 0 15px rgba(0,0,0,0.1)}.nav-links.active{right:0}}@media (max-width: 768px){.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:28px;height:20px;background:transparent;border:none;cursor:pointer;padding:0;z-index:2001;overflow:visible}.bar{width:100%;height:3px;background-color:#2c3e50;border-radius:10px;transition:all 0.3s ease-in-out;transform-origin:center}.menu-toggle.is-active .bar:nth-child(1){transform:translateY(8.5px) rotate(45deg) scaleX(1.1)}.menu-toggle.is-active .bar:nth-child(2){opacity:0;transform:translateX(10px)}.menu-toggle.is-active .bar:nth-child(3){transform:translateY(-8.5px) rotate(-45deg) scaleX(1.1)}.menu-toggle.is-active .bar{background-color:#e74c3c}}