@font-face {font-family: 'Inter Fallback';src: local('Arial');size-adjust: 107%;ascent-override: 90%;descent-override: 22%;line-gap-override: 0%;}@font-face {font-family: 'Playfair Fallback';src: local('Georgia');size-adjust: 112%;ascent-override: 90%;descent-override: 22%;line-gap-override: 0%;}:root {--primary: #0e7c6b;--primary-dark: #0a5e52;--primary-light: #e6f5f2;--secondary: #64748b;--accent: #e67e22;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--dark: #1a1a2e;--gray-900: #1e293b;--gray-800: #334155;--gray-700: #475569;--gray-600: #64748b;--gray-500: #94a3b8;--gray-400: #cbd5e1;--gray-300: #e2e8f0;--gray-200: #f1f5f9;--gray-100: #f8fafc;--white: #ffffff;--font: 'Inter', 'Inter Fallback', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-heading: 'Playfair Display', 'Playfair Fallback', Georgia, 'Times New Roman', serif;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg: 0 10px 25px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.04);--transition: 0.2s ease;--max-width: 1200px;}*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; overflow-x: hidden; }body {font-family: var(--font);color: var(--gray-800);background: var(--gray-100);line-height: 1.7;font-size: 16px;-webkit-font-smoothing: antialiased;overflow-x: hidden;width: 100%;}a { color: var(--primary); text-decoration: none; transition: color var(--transition); }a:hover { color: var(--primary-dark); }h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); }img { max-width: 100%; height: auto; display: block; }.container { max-width: var(--max-width); margin: 0 auto; padding: 0 24px; width: 100%; }.header {background: rgba(255,255,255,0.98);border-bottom: 1px solid var(--gray-300);position: sticky;top: 0;z-index: 100;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transition: box-shadow 0.3s ease;}.header.scrolled {box-shadow: 0 1px 12px rgba(0,0,0,0.06);}.header-inner {display: flex;align-items: center;padding: 0 24px;max-width: 1320px;margin: 0 auto;height: 64px;gap: 0;width: 100%;}.logo {font-size: 1.35rem;font-weight: 700;color: var(--dark);letter-spacing: -0.02em;display: flex;align-items: center;gap: 10px;flex-shrink: 0;margin-right: auto;font-family: var(--font-heading);}.logo-icon {width: 36px;height: 36px;background: linear-gradient(135deg, var(--primary), #10a37f);border-radius: 10px;display: flex;align-items: center;justify-content: center;color: white;font-size: 16px;font-weight: 700;}.site-logo-img {max-height: 38px;width: auto;display: block;}.nav {display: flex;align-items: center;gap: 1px;margin: 0 auto;padding: 0 12px;flex-shrink: 1;min-width: 0;}.nav a {color: var(--gray-600);font-weight: 500;padding: 8px 10px;border-radius: 6px;font-size: 0.84rem;transition: all var(--transition);white-space: nowrap;position: relative;}.nav a:hover {color: var(--primary);background: var(--primary-light);}.nav a.active {color: var(--primary);font-weight: 600;}.nav a.active::after {content: '';position: absolute;bottom: 0;left: 12px;right: 12px;height: 2px;background: var(--primary);border-radius: 1px;}.nav-more {position: relative;}.nav-more-btn {display: flex;align-items: center;gap: 4px;color: var(--gray-600);font-weight: 500;padding: 8px 10px;border-radius: 6px;font-size: 0.84rem;transition: all var(--transition);white-space: nowrap;cursor: pointer;background: none;border: none;font-family: var(--font);}.nav-more-btn:hover {color: var(--primary);background: var(--primary-light);}.nav-more-btn svg {width: 14px;height: 14px;transition: transform 0.2s;}.nav-more.open .nav-more-btn svg {transform: rotate(180deg);}.nav-dropdown {position: absolute;top: calc(100% + 8px);right: 0;background: var(--white);border: 1px solid var(--gray-200);border-radius: 10px;box-shadow: 0 8px 30px rgba(0,0,0,0.1);min-width: 200px;padding: 6px;opacity: 0;visibility: hidden;transform: translateY(-4px);transition: all 0.2s ease;z-index: 200;}.nav-more.open .nav-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}.nav-dropdown a {display: flex;align-items: center;gap: 10px;padding: 10px 14px;color: var(--gray-700);font-size: 0.875rem;font-weight: 500;border-radius: 6px;transition: all var(--transition);}.nav-dropdown a:hover {background: var(--primary-light);color: var(--primary);}.nav-dropdown-divider {height: 1px;background: var(--gray-200);margin: 4px 6px;}.nav-toggle {display: none;background: none;border: none;font-size: 1.4rem;cursor: pointer;color: var(--gray-600);padding: 8px;border-radius: 6px;transition: background 0.2s;line-height: 0;}.nav-toggle:hover { background: var(--gray-200); }.header-actions {display: flex;align-items: center;gap: 4px;flex-shrink: 0;margin-left: 4px;}.search-form {display: flex;align-items: center;gap: 0;}.search-form input {padding: 7px 10px;border: 1px solid var(--gray-300);border-radius: 6px 0 0 6px;font-size: 0.8rem;outline: none;width: 120px;transition: all var(--transition);font-family: var(--font);background: var(--gray-100);}.search-form input:focus {border-color: var(--primary);background: var(--white);width: 150px;}.search-form button {padding: 7px 10px;background: var(--primary);color: white;border: 1px solid var(--primary);border-left: none;border-radius: 0 6px 6px 0;cursor: pointer;font-size: 0.825rem;transition: background var(--transition);display: flex;align-items: center;justify-content: center;line-height: 0;}.search-form button:hover { background: var(--primary-dark); }.dark-mode-toggle {background: none;border: 1px solid var(--gray-300);border-radius: 6px;cursor: pointer;padding: 6px;display: flex;align-items: center;justify-content: center;color: var(--gray-500);transition: all var(--transition);}.dark-mode-toggle:hover {color: var(--primary);border-color: var(--primary);background: var(--primary-light);}.dark-mode-toggle .icon-moon { display: none; }.dark-mode-toggle .icon-sun { display: block; }html.dark-mode .dark-mode-toggle .icon-moon { display: block; }html.dark-mode .dark-mode-toggle .icon-sun { display: none; }.reading-list-link {position: relative;display: flex;align-items: center;padding: 6px;border: 1px solid var(--gray-300);border-radius: 6px;color: var(--gray-500);transition: all var(--transition);}.reading-list-link:hover {color: var(--primary);border-color: var(--primary);background: var(--primary-light);}.reading-list-badge {position: absolute;top: -6px;right: -6px;background: var(--accent);color: white;font-size: 0.6rem;font-weight: 700;min-width: 16px;height: 16px;border-radius: 8px;display: flex;align-items: center;justify-content: center;padding: 0 4px;}.reading-list-badge-inline {background: var(--accent);color: white;font-size: 0.65rem;font-weight: 700;min-width: 18px;height: 18px;border-radius: 9px;display: inline-flex;align-items: center;justify-content: center;padding: 0 5px;margin-left: auto;}.bookmark-btn {background: none;border: none;cursor: pointer;color: var(--gray-400);padding: 4px;transition: all var(--transition);display: flex;align-items: center;}.bookmark-btn:hover { color: var(--accent); }.bookmark-btn.bookmarked { color: var(--accent); }.bookmark-btn.bookmarked svg { fill: var(--accent); }.hero {background: linear-gradient(135deg, var(--primary) 0%, #096354 50%, #064e42 100%);color: white;padding: 56px 0;text-align: center;position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events: none;}.hero h1 { font-size: 2.4rem; font-weight: 800; margin-bottom: 10px; letter-spacing: -0.02em; position: relative; }.hero p { font-size: 1.05rem; opacity: 0.9; max-width: 560px; margin: 0 auto; position: relative; }.main-content {display: grid;grid-template-columns: 1fr 320px;gap: 32px;padding: 32px 0;}.full-width { grid-template-columns: 1fr; }.featured-section { padding: 32px 0 0; }.featured-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;}.card {background: var(--white);border-radius: var(--radius);overflow: hidden;transition: all 0.3s ease;border: 1px solid var(--gray-200);}.card:hover {transform: translateY(-3px);box-shadow: 0 12px 28px rgba(0,0,0,0.08);}.card-image {width: 100%;height: 200px;object-fit: cover;background: var(--gray-200);aspect-ratio: 3/2;}.card-image-placeholder {width: 100%;height: 200px;background: linear-gradient(135deg, #0e7c6b 0%, #16a085 40%, #1abc9c 70%, #e67e22 100%);display: flex;align-items: center;justify-content: center;color: rgba(255,255,255,0.5);aspect-ratio: 3/2;}.card-tags {display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 12px;}.card-tag {background: var(--gray-200);color: var(--gray-600);padding: 2px 10px;border-radius: 12px;font-size: 0.72rem;font-weight: 500;transition: all var(--transition);}.card-tag:hover {background: var(--primary);color: white;}.card-body { padding: 20px; }.card-meta {display: flex;align-items: center;gap: 12px;font-size: 0.8rem;color: var(--gray-600);margin-bottom: 10px;flex-wrap: wrap;}.card-meta .category-badge {background: var(--primary-light);color: var(--primary);padding: 3px 10px;border-radius: 20px;font-weight: 600;font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.04em;}.card-title {font-size: 1.12rem;font-weight: 700;color: var(--dark);margin-bottom: 8px;line-height: 1.4;letter-spacing: -0.01em;}.card-title a { color: inherit; }.card-title a:hover { color: var(--primary); }.card-excerpt {color: var(--gray-600);font-size: 0.88rem;line-height: 1.6;margin-bottom: 14px;}.card-footer {display: flex;align-items: center;justify-content: space-between;font-size: 0.8rem;color: var(--gray-500);}.read-more {color: var(--primary);font-weight: 600;font-size: 0.85rem;display: inline-flex;align-items: center;gap: 4px;transition: gap 0.2s ease;}.read-more:hover { gap: 8px; }.post-list .card {display: grid;grid-template-columns: 280px 1fr;margin-bottom: 20px;}.post-list .card-image, .post-list .card-image-placeholder { height: 100%; min-height: 200px; }.sidebar {position: sticky;top: 80px;align-self: start;}.widget {background: var(--white);border-radius: var(--radius);padding: 24px;margin-bottom: 24px;border: 1px solid var(--gray-200);}.widget-title {font-size: 0.95rem;font-weight: 700;color: var(--dark);margin-bottom: 16px;padding-bottom: 12px;border-bottom: 2px solid var(--primary);letter-spacing: -0.01em;}.widget-list { list-style: none; }.widget-list li {padding: 10px 0;border-bottom: 1px solid var(--gray-200);}.widget-list li:last-child { border-bottom: none; }.widget-list a {color: var(--gray-700);font-size: 0.88rem;font-weight: 500;display: flex;justify-content: space-between;align-items: center;}.widget-list a:hover { color: var(--primary); }.widget-list .count {background: var(--gray-200);color: var(--gray-600);padding: 2px 8px;border-radius: 12px;font-size: 0.72rem;font-weight: 600;}.tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }.tag-cloud a {background: var(--gray-200);color: var(--gray-700);padding: 5px 14px;border-radius: 20px;font-size: 0.8rem;font-weight: 500;transition: all var(--transition);}.tag-cloud a:hover { background: var(--primary); color: white; }.article-header {padding: 40px 0 24px;max-width: 800px;margin: 0 auto;}.breadcrumbs {display: flex;gap: 8px;font-size: 0.85rem;color: var(--gray-500);margin-bottom: 20px;flex-wrap: wrap;}.breadcrumbs a { color: var(--gray-600); }.breadcrumbs a:hover { color: var(--primary); }.breadcrumbs span { color: var(--gray-400); }.article-title {font-size: 2.2rem;font-weight: 800;color: var(--dark);line-height: 1.3;margin-bottom: 16px;letter-spacing: -0.02em;}.article-meta {display: flex;align-items: center;gap: 16px;color: var(--gray-600);font-size: 0.9rem;flex-wrap: wrap;}.article-meta .author-info {display: flex;align-items: center;gap: 8px;}.author-avatar {width: 40px;height: 40px;border-radius: 50%;background: var(--primary-light);display: flex;align-items: center;justify-content: center;color: var(--primary);font-weight: 700;font-size: 1rem;}.author-avatar-img {width: 40px;height: 40px;border-radius: 50%;object-fit: cover;}.article-content {max-width: 800px;margin: 0 auto;padding: 0 0 40px;}.article-featured-image {width: 100%;max-height: 500px;object-fit: cover;border-radius: var(--radius);margin-bottom: 32px;aspect-ratio: 16/9;}.prose { font-size: 1.05rem; line-height: 1.8; color: var(--gray-800); }.prose h2 { font-size: 1.6rem; font-weight: 700; margin: 32px 0 16px; color: var(--dark); }.prose h3 { font-size: 1.3rem; font-weight: 700; margin: 24px 0 12px; color: var(--dark); }.prose p { margin-bottom: 20px; }.prose ul, .prose ol { margin: 16px 0; padding-left: 24px; }.prose li { margin-bottom: 8px; }.prose blockquote {border-left: 4px solid var(--primary);padding: 16px 24px;margin: 24px 0;background: var(--gray-100);border-radius: 0 var(--radius-sm) var(--radius-sm) 0;color: var(--gray-700);font-style: italic;}.prose code {background: var(--gray-200);padding: 2px 8px;border-radius: 4px;font-size: 0.9em;}.prose pre {background: var(--dark);color: var(--gray-300);padding: 20px;border-radius: var(--radius-sm);overflow-x: auto;margin: 24px 0;}.prose pre code { background: none; padding: 0; }.prose img { border-radius: var(--radius); margin: 24px 0; max-width: 100%; height: auto; }.article-image { margin: 36px 0; text-align: center; }.article-image img { width: 100%; height: auto; border-radius: var(--radius); box-shadow: 0 4px 20px rgba(0,0,0,0.1); }.prose a { color: var(--primary); text-decoration: underline; }.prose a:hover { text-decoration: none; }.article-tags {display: flex;flex-wrap: wrap;gap: 8px;padding: 24px 0;border-top: 1px solid var(--gray-300);margin-top: 32px;}.article-tags a {background: var(--gray-200);color: var(--gray-700);padding: 6px 16px;border-radius: 20px;font-size: 0.85rem;font-weight: 500;}.article-tags a:hover { background: var(--primary); color: white; }.author-box {background: var(--gray-100);border-radius: var(--radius);padding: 24px;display: flex;gap: 20px;align-items: flex-start;margin: 32px 0;border: 1px solid var(--gray-200);}.author-box-avatar {width: 64px;height: 64px;border-radius: 50%;background: var(--primary);display: flex;align-items: center;justify-content: center;color: white;font-weight: 700;font-size: 1.5rem;flex-shrink: 0;}.author-box-avatar-img {width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}.author-box h4 { font-size: 1.1rem; font-weight: 700; color: var(--dark); margin-bottom: 4px; }.author-box p { font-size: 0.9rem; color: var(--gray-600); line-height: 1.5; }.related-posts { padding: 40px 0; }.related-posts h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 20px; color: var(--dark); }.related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }.form-group { margin-bottom: 16px; }.form-group label {display: block;font-weight: 600;font-size: 0.85rem;color: var(--gray-700);margin-bottom: 6px;}.form-group input, .form-group textarea, .form-group select {width: 100%;padding: 10px 14px;border: 1px solid var(--gray-300);border-radius: var(--radius-sm);font-size: 0.9rem;transition: border-color var(--transition);font-family: var(--font);background: var(--white);}.form-group input:focus, .form-group textarea:focus, .form-group select:focus {outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(14, 124, 107, 0.1);}.form-group textarea { resize: vertical; min-height: 120px; }.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 10px 20px;border-radius: var(--radius-sm);font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: all var(--transition);border: none;font-family: var(--font);text-decoration: none;}.btn-primary { background: var(--primary); color: white; }.btn-primary:hover { background: var(--primary-dark); color: white; }.btn-success { background: var(--success); color: white; }.btn-success:hover { background: #059669; color: white; }.btn-danger { background: var(--danger); color: white; }.btn-danger:hover { background: #dc2626; color: white; }.btn-outline { background: transparent; color: var(--gray-700); border: 1px solid var(--gray-300); }.btn-outline:hover { background: var(--gray-200); }.btn-sm { padding: 6px 12px; font-size: 0.8rem; }.pagination {display: flex;justify-content: center;gap: 8px;padding: 32px 0;}.pagination a, .pagination span {padding: 8px 14px;border-radius: var(--radius-sm);font-size: 0.9rem;font-weight: 500;border: 1px solid var(--gray-300);color: var(--gray-700);transition: all var(--transition);}.pagination a:hover { background: var(--primary-light); border-color: var(--primary); color: var(--primary); }.pagination .current {background: var(--primary);color: white;border-color: var(--primary);}.footer {background: var(--dark);color: var(--gray-400);padding: 56px 0 0;margin-top: 48px;position: relative;}.footer::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary));}.footer-grid {display: grid;grid-template-columns: 1.5fr 1fr 1fr 1fr;gap: 40px;margin-bottom: 40px;}.footer h4 {color: var(--white);font-size: 0.95rem;font-weight: 700;margin-bottom: 20px;position: relative;}.footer p { font-size: 0.88rem; line-height: 1.7; }.footer ul { list-style: none; }.footer ul li { margin-bottom: 10px; }.footer ul a {color: var(--gray-400);font-size: 0.88rem;transition: all var(--transition);display: inline-flex;align-items: center;gap: 6px;}.footer ul a:hover { color: var(--white); transform: translateX(2px); }.footer-bottom {border-top: 1px solid rgba(255,255,255,0.08);padding: 20px 0;display: flex;justify-content: space-between;align-items: center;font-size: 0.82rem;color: var(--gray-500);}.alert {padding: 14px 20px;border-radius: var(--radius-sm);margin-bottom: 20px;font-size: 0.9rem;font-weight: 500;}.alert-success { background: #d1fae5; color: #065f46; border: 1px solid #a7f3d0; }.alert-error { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; }.alert-info { background: var(--primary-light); color: var(--primary-dark); border: 1px solid #93c5fd; }.empty-state {text-align: center;padding: 60px 20px;color: var(--gray-500);}.empty-state h3 { font-size: 1.3rem; color: var(--gray-700); margin-bottom: 8px; }.empty-state p { font-size: 0.95rem; }.page-header {padding: 40px 0 20px;border-bottom: 1px solid var(--gray-300);margin-bottom: 32px;}.page-header h1 {font-size: 2rem;font-weight: 800;color: var(--dark);letter-spacing: -0.02em;}.page-header p { color: var(--gray-600); margin-top: 8px; font-size: 1rem; }@media (max-width: 1024px) {.main-content { grid-template-columns: 1fr; }.featured-grid { grid-template-columns: repeat(2, 1fr); }.related-grid { grid-template-columns: repeat(2, 1fr); }.footer-grid { grid-template-columns: repeat(2, 1fr); }.nav a { padding: 8px 10px; font-size: 0.82rem; }.nav-more-btn { padding: 8px 10px; font-size: 0.82rem; }.search-form input { width: 100px; }.search-form input:focus { width: 130px; }}@media (max-width: 768px) {.header-inner { flex-wrap: wrap; height: auto; padding: 12px 20px; gap: 0; }.logo { margin-right: 0; }.nav {display: none;width: 100%;flex-direction: column;padding: 12px 0;gap: 2px;order: 3;border-top: 1px solid var(--gray-200);margin-top: 12px;}.nav.open { display: flex; }.nav a { padding: 10px 12px; width: 100%; border-radius: 6px; }.nav a.active::after { display: none; }.nav-more { width: 100%; }.nav-more-btn { width: 100%; padding: 10px 12px; }.nav-dropdown {position: static;box-shadow: none;border: none;background: var(--gray-100);border-radius: 6px;transform: none;margin-top: 4px;}.nav-more.open .nav-dropdown { transform: none; }.nav-toggle { display: flex; align-items: center; justify-content: center; order: 2; margin-left: auto; }.header-actions { order: 1; margin-left: auto; margin-right: 8px; }.search-form { display: none; }.hero h1 { font-size: 1.8rem; }.hero { padding: 40px 0; }.featured-grid { grid-template-columns: 1fr; }.related-grid { grid-template-columns: 1fr; }.post-list .card { grid-template-columns: 1fr; }.article-title { font-size: 1.6rem; }.form-row { grid-template-columns: 1fr; }.footer-grid { grid-template-columns: 1fr; gap: 32px; }.footer-bottom { flex-direction: column; gap: 8px; text-align: center; }.author-box { flex-direction: column; text-align: center; align-items: center; }.container { padding: 0 16px; }}.reading-progress-bar {position: fixed;top: 0;left: 0;width: 0;height: 3px;background: linear-gradient(90deg, var(--primary), var(--accent));z-index: 9999;transition: width 0.1s linear;}.article-meta-link {color: var(--primary);font-weight: 500;cursor: pointer;transition: color var(--transition);}.article-meta-link:hover {color: var(--primary-dark);}.back-to-top {position: fixed;bottom: 32px;right: 32px;width: 44px;height: 44px;border-radius: 50%;background: var(--primary);color: white;border: none;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.2rem;box-shadow: 0 4px 12px rgba(14,124,107,0.3);opacity: 0;visibility: hidden;transform: translateY(10px);transition: all 0.3s ease;z-index: 99;}.back-to-top.visible {opacity: 1;visibility: visible;transform: translateY(0);}.back-to-top:hover {background: var(--primary-dark);transform: translateY(-2px);}.related-fallback-text {color: var(--gray-600);font-size: 0.95rem;}@media print {.header, .footer, .sidebar, .comments-section, .comment-form,.social-share, .related-posts, .back-to-top, .reading-progress-bar,.breadcrumbs, .nav, .search-form, .btn, .nav-toggle { display: none !important; }body { background: white; color: black; font-size: 12pt; line-height: 1.6; }.container { max-width: 100%; padding: 0; }.article-header { padding: 0 0 16px; }.article-title { font-size: 24pt; }.article-content { max-width: 100%; padding: 0; }.article-featured-image { max-height: none; break-inside: avoid; }.prose { font-size: 11pt; }.prose a { text-decoration: underline; color: black; }.prose a::after { content: " (" attr(href) ")"; font-size: 9pt; color: #555; }.prose pre { border: 1px solid #ccc; padding: 8px; white-space: pre-wrap; }.prose blockquote { border-left: 3px solid #999; }.author-box { border: 1px solid #ccc; }.article-tags a { border: 1px solid #ccc; color: black; }img { max-width: 100% !important; }a { color: black; }}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}.ad-unit,[class*="ad-slot-"] {min-height: 50px;}.ad-unit {margin: 16px 0;text-align: center;overflow: hidden;line-height: 0;}.ad-unit img.ad-image {max-width: 100%;height: auto;display: inline-block;}.ad-slot-header_below,.ad-slot-footer_above {min-height: 90px;}.ad-slot-header_below {background: var(--gray-50);padding: 12px 0;}.ad-slot-footer_above {padding: 20px 0;background: var(--gray-50);}.ad-slot-sidebar_top,.ad-slot-sidebar_middle,.ad-slot-sidebar_bottom {margin: 12px 0;min-height: 250px;}.ad-slot-between_posts {margin: 20px 0;padding: 16px;background: var(--gray-50);border-radius: 12px;}.ad-slot-post_before_content,.ad-slot-post_after_content,.ad-slot-post_after_image,.ad-slot-post_mid_content,.ad-slot-post_before_comments,.ad-slot-post_after_related {margin: 24px 0;}.ad-slot-home_above_content,.ad-slot-home_below_featured,.ad-slot-category_above_posts,.ad-slot-search_above_results {margin: 16px 0;}.ad-desktop-only {display: block;}.ad-mobile-only {display: none;}@media (max-width: 768px) {.ad-desktop-only {display: none;}.ad-mobile-only {display: block;}}.stats-banner {background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color: white;padding: 24px 0;text-align: center;min-height: 100px;}.stats-banner-inner {display: flex;justify-content: center;gap: 48px;flex-wrap: wrap;}.stats-banner-item {display: flex;flex-direction: column;align-items: center;}.stats-banner-value {font-size: 1.8rem;font-weight: 800;font-family: var(--font-heading);}.stats-banner-label {font-size: 0.85rem;opacity: 0.85;margin-top: 2px;}html.dark-mode {--white: #1a1a2e;--gray-100: #0f0f1a;--gray-200: #1e1e36;--gray-300: #2a2a4a;--gray-400: #3a3a5e;--gray-500: #8888aa;--gray-600: #9999bb;--gray-700: #bbbbdd;--gray-800: #ddddee;--gray-900: #eeeeff;--dark: #f0f0ff;--primary-light: rgba(14, 124, 107, 0.15);--shadow: 0 1px 3px rgba(0,0,0,0.3), 0 1px 2px rgba(0,0,0,0.2);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.3), 0 2px 4px -2px rgba(0,0,0,0.2);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.3), 0 4px 6px -4px rgba(0,0,0,0.2);}html.dark-mode body {color: var(--gray-800);background: var(--gray-100);}html.dark-mode .header {background: rgba(26, 26, 46, 0.98);border-bottom-color: var(--gray-300);}html.dark-mode .search-form input {background: var(--gray-200);color: var(--gray-800);border-color: var(--gray-300);}html.dark-mode .nav-dropdown {background: #1e1e36;border-color: var(--gray-300);box-shadow: 0 8px 30px rgba(0,0,0,0.3);}html.dark-mode .nav-dropdown a { color: var(--gray-700); }html.dark-mode .nav-dropdown a:hover { background: rgba(14, 124, 107, 0.15); }html.dark-mode .card { background: var(--white); border-color: var(--gray-300); }html.dark-mode .widget { background: var(--white); border-color: var(--gray-300); }html.dark-mode .footer { background: #0a0a14; }html.dark-mode .footer::before { background: linear-gradient(90deg, var(--primary), var(--accent), var(--primary)); }html.dark-mode .prose code { background: var(--gray-200); }html.dark-mode .card-tag { background: var(--gray-300); color: var(--gray-700); }html.dark-mode .tag-cloud a { background: var(--gray-300); color: var(--gray-700); }html.dark-mode .article-tags a { background: var(--gray-300); color: var(--gray-700); }html.dark-mode .breadcrumbs a { color: var(--gray-600); }html.dark-mode .prose blockquote { background: var(--gray-200); }html.dark-mode .btn-outline { border-color: var(--gray-400); color: var(--gray-700); }html.dark-mode .widget-list li { border-bottom-color: var(--gray-300); }html.dark-mode .alert { background: var(--gray-200); }@media (max-width: 768px) {.stats-banner-inner { gap: 24px; }.header-actions { gap: 4px; }.reading-list-link,.dark-mode-toggle { padding: 5px; }.header { backdrop-filter: none; -webkit-backdrop-filter: none; }.card:hover { transform: none; box-shadow: var(--shadow); }}