*, *::before, *::after{box-sizing: border-box;} .skip-link{position: absolute;top: -40px;left: 0;background: var(--color-primary);color: #fff;padding: var(--spacing-xs) var(--spacing-sm);text-decoration: none;z-index: 9999;border-radius: 0 0 4px 0;font-weight: 600;} .skip-link:focus{top: 0;outline: 2px solid #fff;outline-offset: 2px;} .screen-reader-text{clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;width: 1px;overflow: hidden;word-wrap: normal !important;} :root{--color-primary: #ff5f8a;--color-primary-dark: #d93e6c;--color-text: #333;--color-text-light: #555;--color-text-muted: #777;--color-bg: #fff;--color-bg-light: #fff5f7;--color-border: #f8e3ea;--color-border-dark: #f1d9e1;--spacing-xs: 0.5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--border-radius: 12px;--border-radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 15px rgba(0, 0, 0, 0.05);--shadow-lg: 0 6px 20px rgba(0, 0, 0, 0.08);--transition: 0.3s ease;--font-base: 16px;--font-line-height: 1.7;--touch-target: 44px;} html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;scroll-behavior: smooth;} body.ckliwe-theme{font-family: 'Inter', 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;color: var(--color-text);background: var(--color-bg);margin: 0;padding: 0;line-height: var(--font-line-height);font-size: var(--font-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-wrap: break-word;overflow-x: hidden;} h1, h2, h3, h4, h5, h6{margin: 0 0 var(--spacing-sm) 0;font-weight: 700;line-height: 1.3;color: #222;} p{margin: 0 0 var(--spacing-sm) 0;} a{color: var(--color-primary);text-decoration: none;transition: color var(--transition);-webkit-tap-highlight-color: rgba(255, 95, 138, 0.2);} a:hover{color: var(--color-primary-dark);} img{max-width: 100%;height: auto;border-radius: var(--border-radius);display: block;} .fade-in{opacity: 0;transition: opacity 0.8s ease-in;} @keyframes fadeIn{to{opacity: 1;}} @media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}} .site-header{background: var(--color-bg);border-bottom: 1px solid var(--color-border);box-shadow: var(--shadow-sm);position: sticky;top: 0;z-index: 999;padding: var(--spacing-sm) 0;backdrop-filter: blur(10px);background-color: rgba(255, 255, 255, 0.95);} .site-header .container{max-width: 1100px;margin: 0 auto;padding: 0 var(--spacing-sm);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);} .logo-link{text-decoration: none;color: inherit;display: inline-flex;align-items: center;gap: 4px;min-height: var(--touch-target);padding: var(--spacing-xs);margin: calc(var(--spacing-xs) * -1);} .logo-link:focus, .logo-link:focus-visible{outline: none;} .heart-logo{height: 1.2em;width: auto;vertical-align: middle;margin-right: 1px;flex-shrink: 0;} .site-title{font-size: clamp(1.25rem, 4vw, 1.6rem);font-weight: 700;color: var(--color-primary);margin: 0;display: inline-flex;align-items: center;gap: 4px;} .site-title .heart{color: var(--color-primary);} .tagline{display: block;font-size: clamp(0.85rem, 2.5vw, 0.95rem);color: var(--color-text-muted);margin-top: 0.2rem;} .menu-toggle{display: none;background: transparent;border: none;cursor: pointer;padding: var(--spacing-xs);min-width: var(--touch-target);min-height: var(--touch-target);justify-content: center;align-items: center;flex-direction: column;gap: 5px;z-index: 1000;position: relative;} .menu-toggle:focus{outline: 2px solid var(--color-primary);outline-offset: 2px;border-radius: 4px;} .menu-toggle-icon{display: flex;flex-direction: column;gap: 5px;width: 24px;height: 18px;position: relative;} .menu-toggle-icon span{display: block;width: 100%;height: 2px;background-color: var(--color-text);border-radius: 2px;transition: all 0.3s ease;transform-origin: center;} .menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(1){transform: rotate(45deg) translate(6px, 6px);} .menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(2){opacity: 0;transform: translateX(-10px);} .menu-toggle[aria-expanded="true"] .menu-toggle-icon span:nth-child(3){transform: rotate(-45deg) translate(6px, -6px);} .main-nav{min-height: var(--touch-target);} .main-nav .nav-list{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: var(--spacing-sm);align-items: center;} .main-nav .nav-list li{margin: 0;} .main-nav .nav-list a{color: #444;font-weight: 500;transition: color var(--transition);display: block;padding: var(--spacing-xs) var(--spacing-sm);min-height: var(--touch-target);display: flex;align-items: center;border-radius: 6px;} .main-nav .nav-list a:hover, .main-nav .nav-list a:focus{color: var(--color-primary);background-color: var(--color-bg-light);} .main-nav .nav-list a:focus, .main-nav .nav-list a:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px;} .intro{text-align: center;padding: var(--spacing-lg) var(--spacing-sm);background: var(--color-bg-light);border-bottom: 1px solid var(--color-border-dark);} .intro-content{max-width: 700px;margin: 0 auto;} .site-desc{max-width: 700px;margin: 0 auto;font-size: clamp(1rem, 3vw, 1.1rem);color: var(--color-text-light);line-height: 1.6;} .post-grid{display: grid;grid-template-columns: 1fr;gap: var(--spacing-lg);padding: var(--spacing-lg) var(--spacing-sm);max-width: 1100px;margin: 0 auto;} .post-card-horizontal{display: flex;flex-direction: column;align-items: flex-start;gap: var(--spacing-md);background: var(--color-bg);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);overflow: visible;transition: transform 0.2s, box-shadow var(--transition);padding: var(--spacing-sm);} .post-card-horizontal .post-thumb{overflow: hidden;} .post-card-horizontal:hover{transform: translateY(-3px);box-shadow: var(--shadow-lg);} .post-card-horizontal .post-thumb{flex: 0 0 auto;width: 100%;display: block;border-radius: var(--border-radius);overflow: hidden;aspect-ratio: 16 / 9;} .post-card-horizontal .post-thumb img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius);transition: transform var(--transition);} .post-card-horizontal .post-thumb:hover img, .post-card-horizontal .post-thumb:focus img{transform: scale(1.05);} .post-card-horizontal .post-text{flex: 1;width: 100%;display: block;min-width: 0;overflow: visible;} .post-card-horizontal .post-title{font-size: clamp(1.1rem, 4vw, 1.3rem);margin: 0 0 var(--spacing-xs) 0;color: #222;line-height: 1.4;} .post-card-horizontal .post-title a{color: inherit;text-decoration: none;} .post-card-horizontal .post-title a:hover{color: var(--color-primary);} .post-card-horizontal .post-title a:focus, .post-card-horizontal .post-title a:focus-visible{outline: none;color: var(--color-primary);} .post-card-horizontal .excerpt{color: var(--color-text-light);font-size: clamp(0.9rem, 2.5vw, 1rem);margin-bottom: var(--spacing-sm);line-height: 1.6;} .post-card-horizontal .read-more{display: inline-flex;align-items: center;justify-content: center;background: var(--color-primary);color: #fff;padding: var(--spacing-xs) var(--spacing-sm);border-radius: 8px;font-weight: 600;text-decoration: none;transition: background var(--transition), transform 0.2s;min-height: var(--touch-target);min-width: var(--touch-target);} .post-card-horizontal .read-more:hover, .post-card-horizontal .read-more:focus{background: var(--color-primary-dark);transform: translateY(-1px);outline: none;} .post-card-horizontal .read-more:active{transform: translateY(0);} .pagination-wrapper{margin: var(--spacing-xl) auto;padding: 0 var(--spacing-sm);max-width: 1100px;} .pagination-list{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: var(--spacing-xs);list-style: none;margin: 0;padding: 0;} .pagination-item{margin: 0;padding: 0;} .pagination-item a, .pagination-item span{display: inline-flex;align-items: center;justify-content: center;min-width: var(--touch-target);min-height: var(--touch-target);padding: var(--spacing-xs) var(--spacing-sm);border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 0.95rem;transition: all var(--transition);color: var(--color-text);background: var(--color-bg);border: 2px solid var(--color-border);} .pagination-item a:hover, .pagination-item a:focus{background: var(--color-primary);color: #fff;border-color: var(--color-primary);transform: translateY(-2px);box-shadow: var(--shadow-sm);outline: none;} .pagination-item .current{background: var(--color-primary);color: #fff;border-color: var(--color-primary);cursor: default;font-weight: 700;} .pagination-item .dots{border: none;background: transparent;cursor: default;color: var(--color-text-muted);} .pagination-item .dots:hover{transform: none;box-shadow: none;background: transparent;color: var(--color-text-muted);} @media (max-width: 600px){.pagination-list{gap: 4px;} .pagination-item a, .pagination-item span{min-width: 40px;min-height: 40px;padding: var(--spacing-xs);font-size: 0.85rem;} .pagination-item:not(.pagination-current):not(:first-child):not(:last-child):not(:has(.dots)){display: none;} .pagination-item:has(.dots), .pagination-item:first-child, .pagination-item:last-child, .pagination-current{display: block;}} .pagination{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);max-width: 800px;margin: var(--spacing-xl) auto;padding: 0 var(--spacing-sm);font-size: 1rem;} .pagination a{color: var(--color-primary);font-weight: 600;padding: var(--spacing-xs) var(--spacing-sm);min-height: var(--touch-target);display: flex;align-items: center;border-radius: 6px;} .pagination a:hover, .pagination a:focus{color: var(--color-primary-dark);background-color: var(--color-bg-light);} .single-with-sidebar{max-width: 1200px;margin: 0 auto;padding: 0 var(--spacing-sm);} .single-wrapper{display: grid;grid-template-columns: 1fr;gap: var(--spacing-xl);margin: var(--spacing-lg) 0;} .single-content-wrapper{min-width: 0;} .single-header{text-align: center;margin: var(--spacing-lg) auto var(--spacing-sm);padding: 0 var(--spacing-sm);} .single-title{font-size: clamp(1.5rem, 6vw, 2rem);color: #222;margin-bottom: var(--spacing-xs);line-height: 1.3;} .single-header .meta{font-size: clamp(0.85rem, 2.5vw, 0.95rem);color: var(--color-text-muted);display: flex;flex-wrap: wrap;justify-content: center;gap: var(--spacing-xs);align-items: center;} .single-header .meta .sep{color: var(--color-text-muted);} .single-content{max-width: 100%;margin: var(--spacing-lg) auto;padding: var(--spacing-lg) var(--spacing-md);line-height: 1.8;font-size: clamp(1rem, 3vw, 1.05rem);background: var(--color-bg);border-radius: var(--border-radius-lg);box-shadow: var(--shadow-md);} .single-content h2, .single-content h3, .single-content h4{margin-top: var(--spacing-lg);margin-bottom: var(--spacing-sm);} .single-content p{margin-bottom: var(--spacing-md);} .single-content blockquote{border-left: 4px solid var(--color-primary);padding: var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) var(--spacing-md);color: #444;font-style: italic;background: var(--color-bg-light);border-radius: 6px;margin: var(--spacing-md) 0;} .single-content img{margin: var(--spacing-md) auto;max-width: 100%;} .share-section{text-align: center;background: var(--color-bg-light);padding: var(--spacing-md);border-radius: 12px;margin: var(--spacing-xl) auto var(--spacing-lg);max-width: 100%;} .share-title{color: var(--color-primary);font-weight: 600;margin: 0 0 var(--spacing-md) 0;font-size: clamp(0.95rem, 2.5vw, 1.05rem);} .share-buttons{display: flex;flex-wrap: wrap;gap: var(--spacing-sm);justify-content: center;align-items: center;} .share-btn{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 0.9rem;transition: all var(--transition);min-height: var(--touch-target);border: 2px solid transparent;background: var(--color-bg);color: var(--color-text);cursor: pointer;} .share-btn:hover, .share-btn:focus{transform: translateY(-2px);box-shadow: var(--shadow-md);outline: none;} .share-btn svg{flex-shrink: 0;} .share-facebook:hover, .share-facebook:focus{background: #1877f2;color: #fff;border-color: #1877f2;} .share-twitter:hover, .share-twitter:focus{background: #000;color: #fff;border-color: #000;} .share-linkedin:hover, .share-linkedin:focus{background: #0077b5;color: #fff;border-color: #0077b5;} .share-whatsapp:hover, .share-whatsapp:focus{background: #25d366;color: #fff;border-color: #25d366;} .share-copy:hover, .share-copy:focus{background: var(--color-primary);color: #fff;border-color: var(--color-primary);} .share-copy.copied{background: #10b981;color: #fff;border-color: #10b981;} .share-copy.copied .share-copy-text::after{content: ' ✓';} .related-posts{margin: var(--spacing-xl) auto;text-align: center;padding: 0 var(--spacing-sm);} .related-posts h2{font-size: clamp(1.25rem, 4vw, 1.5rem);color: var(--color-primary);margin-bottom: var(--spacing-md);} .back-link{text-align: center;margin: var(--spacing-lg) 0;padding: 0 var(--spacing-sm);} .back-link a{font-weight: 600;color: var(--color-primary);padding: var(--spacing-xs) var(--spacing-sm);min-height: var(--touch-target);display: inline-flex;align-items: center;border-radius: 6px;} .back-link a:hover, .back-link a:focus{background-color: var(--color-bg-light);} .single-thumb{max-width: 100%;margin: var(--spacing-lg) auto var(--spacing-sm);padding: 0;overflow: hidden;border-radius: var(--border-radius-lg);} .single-thumb img.featured-image{display: block;width: 100%;height: auto;border-radius: var(--border-radius-lg);} .related-grid{display: grid;grid-template-columns: 1fr;gap: var(--spacing-lg);max-width: 900px;margin: var(--spacing-lg) auto;padding: 0 var(--spacing-sm);} .related-grid .post-card-horizontal{padding: var(--spacing-sm);} .related-grid .post-card-horizontal .excerpt{color: var(--color-text-light);font-size: clamp(0.85rem, 2.5vw, 0.95rem);margin-bottom: var(--spacing-xs);} .author-header{text-align: center;padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-lg);background: var(--color-bg-light);border-bottom: 1px solid var(--color-border-dark);margin-bottom: var(--spacing-lg);} .author-info{max-width: 700px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md);} .author-avatar{width: 120px;height: 120px;border-radius: 50%;border: 4px solid var(--color-primary);object-fit: cover;} .author-details{flex: 1;} .author-title{font-size: clamp(1.5rem, 5vw, 2rem);color: #222;margin-bottom: var(--spacing-xs);} .author-bio{color: var(--color-text-light);font-size: clamp(0.95rem, 2.5vw, 1.05rem);line-height: 1.6;margin-bottom: var(--spacing-sm);} .author-meta{font-size: clamp(0.85rem, 2.5vw, 0.95rem);color: var(--color-text-muted);} .author-posts-count{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-bg);border-radius: 20px;font-weight: 600;} .post-meta-small{font-size: clamp(0.8rem, 2vw, 0.9rem);color: var(--color-text-muted);margin-bottom: var(--spacing-xs);display: flex;flex-wrap: wrap;gap: var(--spacing-xs);align-items: center;} .post-meta-small .sep{color: var(--color-text-muted);} .sidebar{width: 100%;} .sidebar-widget{background: var(--color-bg);border-radius: var(--border-radius);padding: var(--spacing-md);margin-bottom: var(--spacing-lg);box-shadow: var(--shadow-sm);} .widget-title{font-size: clamp(1.1rem, 3vw, 1.25rem);color: #222;margin: 0 0 var(--spacing-md) 0;padding-bottom: var(--spacing-xs);border-bottom: 2px solid var(--color-border);font-weight: 700;} .author-widget-content{display: flex;flex-direction: column;gap: var(--spacing-sm);} .author-widget-link{display: flex;flex-direction: column;align-items: center;text-align: center;text-decoration: none;color: inherit;transition: transform 0.2s;} .author-widget-link:hover{transform: translateY(-2px);} .author-widget-avatar{width: 80px;height: 80px;border-radius: 50%;border: 3px solid var(--color-primary);object-fit: cover;margin-bottom: var(--spacing-sm);} .author-widget-info{width: 100%;} .author-widget-name{font-size: 1.1rem;color: #222;margin: 0 0 var(--spacing-xs) 0;font-weight: 600;} .author-widget-bio{font-size: 0.9rem;color: var(--color-text-light);line-height: 1.5;margin: 0 0 var(--spacing-xs) 0;} .author-widget-link-text{display: inline-block;font-size: 0.85rem;color: var(--color-primary);font-weight: 600;margin-top: var(--spacing-xs);} .recent-posts-list{list-style: none;margin: 0;padding: 0;} .recent-post-item{margin-bottom: var(--spacing-sm);padding-bottom: var(--spacing-sm);border-bottom: 1px solid var(--color-border);} .recent-post-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .recent-post-link{display: flex;gap: var(--spacing-sm);text-decoration: none;color: inherit;transition: transform 0.2s;} .recent-post-link:hover{transform: translateX(4px);} .recent-post-thumb{flex: 0 0 60px;width: 60px;height: 60px;border-radius: var(--border-radius);overflow: hidden;} .recent-post-thumb img{width: 100%;height: 100%;object-fit: cover;} .recent-post-content{flex: 1;min-width: 0;} .recent-post-title{font-size: 0.9rem;color: #222;margin: 0 0 var(--spacing-xs) 0;font-weight: 600;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .recent-post-date{font-size: 0.8rem;color: var(--color-text-muted);} .categories-list{list-style: none;margin: 0;padding: 0;} .category-item{margin-bottom: var(--spacing-xs);} .category-link{display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-xs) var(--spacing-sm);text-decoration: none;color: var(--color-text);border-radius: 6px;transition: background-color var(--transition);min-height: var(--touch-target);} .category-link:hover, .category-link:focus{background-color: var(--color-bg-light);color: var(--color-primary);} .category-name{font-weight: 500;} .category-count{font-size: 0.85rem;color: var(--color-text-muted);font-weight: 400;} .category-link:hover .category-count{color: var(--color-primary);} .tags-cloud{display: flex;flex-wrap: wrap;gap: var(--spacing-xs);} .tag-link{display: inline-block;padding: var(--spacing-xs) var(--spacing-sm);background: var(--color-bg-light);color: var(--color-text);text-decoration: none;border-radius: 20px;font-size: 0.85rem;transition: all var(--transition);min-height: var(--touch-target);display: inline-flex;align-items: center;} .tag-link:hover, .tag-link:focus{background: var(--color-primary);color: #fff;transform: translateY(-1px);} .error-404{text-align: center;padding: var(--spacing-xl) var(--spacing-sm);min-height: 50vh;display: flex;align-items: center;justify-content: center;} .error-content{max-width: 600px;margin: 0 auto;} .error-title{font-size: clamp(4rem, 15vw, 8rem);color: var(--color-primary);margin: 0;font-weight: 700;line-height: 1;} .error-subtitle{font-size: clamp(1.5rem, 5vw, 2rem);color: #222;margin: var(--spacing-md) 0 var(--spacing-sm);} .error-description{font-size: clamp(1rem, 3vw, 1.1rem);color: var(--color-text-light);margin-bottom: var(--spacing-lg);line-height: 1.6;} .error-actions{margin-top: var(--spacing-lg);} .suggested-posts{margin-top: var(--spacing-xl);padding: var(--spacing-lg) var(--spacing-sm);} .suggested-title{text-align: center;font-size: clamp(1.25rem, 4vw, 1.5rem);color: #222;margin-bottom: var(--spacing-lg);} .search-header{text-align: center;padding: var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);} .search-title{font-size: clamp(1.25rem, 4vw, 1.5rem);color: #222;margin: 0;} .search-query{color: var(--color-primary);font-weight: 700;} .no-results{text-align: center;padding: var(--spacing-xl) var(--spacing-sm);max-width: 600px;margin: 0 auto;} .no-results-text{font-size: clamp(1rem, 3vw, 1.1rem);color: var(--color-text-light);margin-bottom: var(--spacing-lg);line-height: 1.6;} .search-again{margin-top: var(--spacing-lg);} .search-again form{display: flex;gap: var(--spacing-sm);max-width: 400px;margin: 0 auto;} .search-again input[type="search"]{flex: 1;padding: var(--spacing-xs) var(--spacing-sm);border: 2px solid var(--color-border);border-radius: 8px;font-size: 1rem;min-height: var(--touch-target);} .search-again input[type="search"]:focus{outline: none;border-color: var(--color-primary);} .search-again button[type="submit"], .search-again input[type="submit"]{padding: var(--spacing-xs) var(--spacing-md);background: var(--color-primary);color: #fff;border: none;border-radius: 8px;font-weight: 600;cursor: pointer;min-height: var(--touch-target);transition: background var(--transition);} .search-again button[type="submit"]:hover, .search-again input[type="submit"]:hover{background: var(--color-primary-dark);} .category-header{text-align: center;padding: var(--spacing-lg) var(--spacing-sm) var(--spacing-sm);} .category-title{font-size: clamp(1.5rem, 5vw, 1.8rem);color: #222;margin-bottom: var(--spacing-xs);} .category-desc{max-width: 700px;margin: 0 auto;color: var(--color-text-light);font-size: clamp(0.9rem, 2.5vw, 1rem);line-height: 1.6;} .breadcrumbs{font-size: clamp(0.85rem, 2.5vw, 0.9rem);color: var(--color-text-muted);margin: var(--spacing-sm) auto;padding: 0 var(--spacing-sm);text-align: center;max-width: 1100px;} .breadcrumbs a{color: var(--color-primary);padding: var(--spacing-xs);min-height: var(--touch-target);display: inline-flex;align-items: center;border-radius: 4px;} .breadcrumbs a:hover, .breadcrumbs a:focus{text-decoration: underline;background-color: var(--color-bg-light);} footer.site-footer{background: var(--color-bg-light);text-align: center;padding: var(--spacing-lg) var(--spacing-sm);font-size: clamp(0.85rem, 2.5vw, 0.95rem);color: var(--color-text-light);margin-top: var(--spacing-xl);} footer.site-footer a{color: var(--color-primary);margin: 0 var(--spacing-xs);padding: var(--spacing-xs);min-height: var(--touch-target);display: inline-flex;align-items: center;border-radius: 4px;} footer.site-footer a:hover, footer.site-footer a:focus{background-color: rgba(255, 95, 138, 0.1);} @media (max-width: 767px){.post-card-horizontal .post-text{display: block !important;visibility: visible !important;opacity: 1 !important;height: auto !important;min-height: auto !important;overflow: visible !important;} .post-card-horizontal .post-title, .post-card-horizontal .excerpt, .post-card-horizontal .read-more{display: block !important;visibility: visible !important;opacity: 1 !important;} .menu-toggle{display: flex;} .main-nav{position: fixed;top: 0;right: -100%;width: 280px;max-width: 85vw;height: 100vh;background: var(--color-bg);box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);transition: right 0.3s ease;z-index: 999;overflow-y: auto;padding: calc(var(--spacing-lg) + var(--touch-target)) var(--spacing-md) var(--spacing-lg);} .main-nav.is-open{right: 0;} .main-nav .nav-list{flex-direction: column;align-items: stretch;gap: 0;width: 100%;} .main-nav .nav-list li{width: 100%;border-bottom: 1px solid var(--color-border);} .main-nav .nav-list a{padding: var(--spacing-sm) var(--spacing-md);width: 100%;border-radius: 0;justify-content: flex-start;} .main-nav .nav-list a:hover, .main-nav .nav-list a:focus{background-color: var(--color-bg-light);} body.menu-open::before{content: '';position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 998;opacity: 0;animation: fadeIn 0.3s ease forwards;} body.menu-open{overflow: hidden;}} @media (min-width: 600px){:root{--font-base: 17px;} .site-header .container{padding: 0 var(--spacing-md);} .post-grid{padding: var(--spacing-lg) var(--spacing-md);} .intro{padding: var(--spacing-xl) var(--spacing-md);} .post-card-horizontal{flex-direction: row;padding: var(--spacing-md);} .post-card-horizontal .post-thumb{flex: 0 0 240px;width: 240px;aspect-ratio: auto;} .post-card-horizontal .post-thumb img{width: 240px;height: auto;} .single-content{padding: var(--spacing-lg) var(--spacing-md);} .single-thumb{padding: 0;} .related-grid{padding: 0 var(--spacing-md);}} @media (min-width: 768px){:root{--font-base: 18px;} .menu-toggle{display: none;} .site-header .container{flex-wrap: nowrap;} .main-nav{position: static;width: auto;height: auto;background: transparent;box-shadow: none;padding: 0;} .main-nav .nav-list{flex-direction: row;gap: var(--spacing-md);} .main-nav .nav-list li{width: auto;border-bottom: none;} .main-nav .nav-list a{border-radius: 6px;} .post-grid{gap: var(--spacing-xl);} .related-grid{grid-template-columns: 1fr;}} @media (min-width: 1024px){.post-grid{grid-template-columns: 1fr;} .single-content{font-size: 1.05rem;} .single-wrapper{grid-template-columns: 1fr 320px;gap: var(--spacing-xl);}} @media print{.site-header, .main-nav, footer, .pagination, .back-link, .cta-share{display: none;} body{font-size: 12pt;line-height: 1.5;color: #000;} a{color: #000;text-decoration: underline;} .single-content{max-width: 100%;}} .pandos-lazy-blur{filter: blur(10px);transition: filter .35s ease;} img:not([data-pandos-lazy]){filter: none;}