:root{--primary-color: #0066CC;--primary-dark: #0052A3;--secondary-color: #1e40af;--success-color: #28a745;--warning-color: #ffc107;--danger-color: #dc3545;--light-blue: #E6F2FF;--light-green: #d4edda;--light-yellow: #fff3cd;--dark-bg: #003366;--light-bg: #f5f5f5;--card-shadow: 0 2px 4px rgba(0, 0, 0, .1);--card-shadow-hover: 0 4px 8px rgba(0, 0, 0, .15);--news-primary: #0066CC;--news-dark: #003366;--news-light: #E6F2FF;--news-gray: #64748b;--news-border: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:Segoe UI,Arial,sans-serif;background:#f5f5f5;min-height:100vh;display:flex;flex-direction:column;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1 auto}.main-navbar{background:var(--primary-color)!important;box-shadow:0 2px 4px #0000001a!important;padding:.75rem 0!important;position:sticky!important;top:0!important;z-index:1000!important;border-bottom:3px solid var(--primary-dark)!important;min-height:60px!important;width:100%!important;margin:0!important}.main-navbar .container-fluid{max-width:100%;margin:0;padding:0 15px;width:100%}.main-navbar .navbar-brand{font-weight:700;font-size:1.75rem;letter-spacing:-.5px;display:flex;align-items:center;gap:.5rem;color:#fff!important;text-decoration:none}.main-navbar .navbar-brand:hover{color:#ffffffe6!important}.main-navbar .navbar-brand i{font-size:1.5rem}.main-navbar .nav-link{color:#fff!important;font-weight:500;padding:.5rem 1rem!important;border-radius:6px;transition:all .3s ease;position:relative}.main-navbar .nav-link:hover{background:#ffffff26;color:#fff!important}.main-navbar .nav-link.active{background:#fff3;font-weight:600}.main-navbar .nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:3px;background:#fff;border-radius:2px 2px 0 0}.main-navbar .dropdown-menu{background:#fff;border:none;box-shadow:0 4px 12px #00000026;border-radius:8px;margin-top:.5rem;padding:.5rem 0}.main-navbar .dropdown-item{color:#333;padding:.5rem 1.5rem;transition:all .2s}.main-navbar .dropdown-item:hover{background:var(--light-blue);color:var(--primary-color)}.lang-switcher{display:flex;gap:8px}.lang-btn{padding:8px 12px;border:2px solid rgba(255,255,255,.3);background:#ffffff1a;color:#fff;border-radius:8px;text-decoration:none;transition:all .3s ease;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:1.2rem;position:relative;cursor:pointer}.lang-btn:hover{background:#ffffff40;border-color:#ffffff80;color:#fff;transform:translateY(-2px)}.lang-btn.active{background:#ffffffe6;color:var(--primary-color);border-color:#ffffffe6;font-weight:600}.hero-section{background:linear-gradient(135deg,var(--news-primary) 0%,var(--news-dark) 100%);color:#fff;padding:4rem 0;margin-bottom:3rem;border-radius:0 0 20px 20px;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;text-align:center}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2);line-height:1.2}.hero-content p{font-size:1.3rem;opacity:.95;font-weight:300;letter-spacing:.5px}.card{border:1px solid #dee2e6;border-radius:.5rem;box-shadow:var(--card-shadow);transition:box-shadow .3s ease;background:#fff;margin-bottom:1rem}.card:hover{box-shadow:var(--card-shadow-hover)}.card-title{color:var(--primary-color);font-weight:600;margin-bottom:1rem}.home-page{min-height:100vh}.trending-item{display:flex;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #dee2e6}.trending-item:last-child{border-bottom:none}.article-card{height:100%;display:flex;flex-direction:column}.article-card .card-img-top{aspect-ratio:4 / 3;object-fit:contain;width:100%}.newsletter-sidebar{background:linear-gradient(135deg,#06c,#036);border-radius:12px;padding:2rem;color:#fff;margin-bottom:2rem}.newsletter-sidebar h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.newsletter-sidebar p{opacity:.9;margin-bottom:1.5rem}.newsletter-form input{width:100%;padding:.75rem;border:none;border-radius:6px;margin-bottom:.75rem;font-size:.95rem}.newsletter-form button{width:100%;padding:.75rem;background:#fff;color:#06c;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.newsletter-form button:hover{background:#e6f2ff;transform:translateY(-2px)}.newsletter-form button:disabled{opacity:.6;cursor:not-allowed}.popular-articles{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 2px 8px #00000014}.popular-articles h3{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.popular-list{list-style:none;padding:0;margin:0}.popular-list li{padding:.75rem 0;border-bottom:1px solid #e5e7eb}.popular-list li:last-child{border-bottom:none}.popular-list a{color:#1e293b;text-decoration:none;font-weight:500;font-size:.95rem;line-height:1.4;display:block;transition:color .2s}.popular-list a:hover{color:#06c}.featured-article{background:linear-gradient(135deg,#0066cc1a,#0033660d);border-radius:12px;padding:2rem;margin-bottom:3rem;border:1px solid #e5e7eb;position:relative;overflow:hidden}.featured-article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#06c,#036)}.featured-article .category-badge{display:inline-block;background:#06c;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.featured-article h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:1rem;line-height:1.2}.featured-article .excerpt{font-size:1.1rem;color:#64748b;line-height:1.6;margin-bottom:1.5rem}.featured-article .meta{display:flex;align-items:center;gap:1rem;color:#64748b;font-size:.9rem}.trending-section{background:#fff5f5;border-left:4px solid #ef4444;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.trending-section h3{color:#ef4444;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.trending-list{list-style:none;padding:0;margin:0}.trending-list li{padding:.75rem 0;border-bottom:1px solid #fee2e2}.trending-list li:last-child{border-bottom:none}.trending-list a{color:#1e293b;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.75rem;transition:color .2s;line-height:1.5}.trending-list a:hover{color:#ef4444}.trending-list a:hover .trending-badge{background:#dc2626;transform:scale(1.05)}.trending-badge{background:#ef4444;color:#fff;font-size:.9rem;padding:.4rem .6rem;border-radius:4px;font-weight:700;min-width:32px;text-align:center;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.section-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0}.view-all-link{color:#06c;text-decoration:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.view-all-link:hover{text-decoration:underline}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}@media (min-width: 768px){.articles-grid{grid-template-columns:repeat(2,1fr)}}.article-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.article-card .image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#e6f2ff;position:relative}.article-card .image-wrapper img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.article-card .image-wrapper img.image-placeholder{object-fit:contain;background:#e6f2ff}.article-card:hover .image-wrapper img{transform:scale(1.05)}.article-card .category-tag{position:absolute;top:1rem;left:1rem;background:#0066cce6;color:#fff;padding:.3rem .8rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-card .content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.article-card h3{font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.75rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card .excerpt{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:1rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card .meta{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;border-top:1px solid #e5e7eb;font-size:.85rem;color:#64748b}.article-card a{text-decoration:none;color:inherit}.article-card a:hover h3{color:#06c}.info-widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.info-widget{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a;border:1px solid var(--news-border);transition:all .3s ease;position:relative;overflow:hidden}.info-widget:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--news-primary),var(--news-dark));opacity:0;transition:opacity .3s ease}.info-widget:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.info-widget:hover:before{opacity:1}.info-widget h3{font-size:.9rem;font-weight:600;color:#64748b;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:.5rem}.info-widget h3 i{font-size:1.2rem}.weather-widget{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.weather-widget h3{color:#ffffffe6}.weather-widget .widget-value{color:#fff}.weather-widget .widget-label{color:#ffffffe6}.pollution-widget{color:#fff;border:none}.pollution-widget h3{color:#ffffffe6}.pollution-widget .widget-value{color:#fff}.pollution-widget .widget-label{color:#ffffffe6}.widget-value{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;line-height:1;letter-spacing:-1px}.widget-label{font-size:.95rem;opacity:.9;font-weight:500;line-height:1.4}.info-widget .view-all-link{color:var(--news-primary);text-decoration:none;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;gap:.25rem;transition:all .2s}.info-widget .view-all-link:hover{color:var(--news-dark);gap:.5rem}.content-wrapper{max-width:1400px;margin:0 auto;padding:0 1rem}@media (max-width: 768px){.hero-section{padding:2.5rem 0;border-radius:0 0 15px 15px}.hero-content h1{font-size:2rem}.hero-content p{font-size:1rem}.featured-article h1{font-size:1.75rem}.articles-grid{grid-template-columns:1fr;gap:1.5rem}.info-widgets{grid-template-columns:1fr;gap:1rem}.info-widget{padding:1.5rem}.widget-value{font-size:2rem}.main-navbar .navbar-brand{font-size:1.5rem}.main-navbar .nav-link{padding:.5rem .75rem!important}}:root{--primary-blue: #3B82F6;--primary-blue-dark: #2563EB;--primary-blue-light: #60A5FA;--accent-yellow: #FCD34D;--accent-yellow-dark: #FBBF24;--text-dark: #111827;--text-gray: #6B7280;--bg-light: #F9FAFB;--border-color: #E5E7EB;--transition-fast: .15s ease;--transition-base: .2s ease;--shadow-elevated: 0 8px 24px rgba(15, 23, 42, .1);--shadow-card-hover: 0 12px 28px rgba(37, 99, 235, .14)}.top-info-bar{background:var(--primary-blue-dark);color:#e5e7eb;font-size:.75rem}.top-info-inner{max-width:1400px;margin:0 auto;padding:.25rem 2rem;display:flex;align-items:center;justify-content:space-between}.top-info-date{letter-spacing:.03em;text-transform:uppercase}.top-info-right{display:flex;align-items:center;gap:1.5rem;font-size:.75rem}.top-info-link{color:#e5e7eb;text-decoration:none;font-weight:500;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:.35rem;transition:color var(--transition-base),opacity var(--transition-fast)}.top-info-link:hover{color:#fef9c3}.top-info-bookmarks{position:relative;padding:.15rem 0}.bookmark-icon{display:inline-flex;align-items:center;justify-content:center}.bookmark-count{position:absolute;top:-.2rem;right:-.4rem;background:var(--accent-yellow);color:var(--text-dark);font-size:.6rem;font-weight:700;border-radius:999px;padding:0 .25rem}.top-info-account .top-info-link-icon{display:inline-flex;align-items:center;justify-content:center}.top-info-submit{padding:.25rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:#fef3c7;color:#92400e}.top-info-submit:hover{background:#fde68a;color:#78350f}.modern-navbar{background:#fff;border-bottom:2px solid var(--border-color);padding:1.25rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.navbar-logo{display:flex;align-items:center;gap:.875rem;text-decoration:none;color:var(--text-dark);font-weight:700;font-size:1.5rem;transition:opacity .2s}.navbar-logo:hover{opacity:.8}.logo-icon{width:44px;height:44px;background:var(--primary-blue);border-radius:0;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.5rem;flex-shrink:0}.logo-text{color:var(--text-dark);letter-spacing:-.5px}.navbar-links{display:flex;gap:2.5rem;align-items:center;margin-left:auto;justify-content:flex-end}.navbar-toggler{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:0;border:2px solid var(--border-color);background:#fff;border-radius:8px;cursor:pointer;gap:5px;transition:background .2s,border-color .2s}.navbar-toggler:hover{background:var(--bg-light);border-color:var(--primary-blue)}.navbar-toggler-bar{display:block;width:20px;height:2px;background:var(--text-dark);border-radius:1px;transition:transform .25s ease,opacity .25s ease}.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:nth-child(2){opacity:0}.navbar-toggler[aria-expanded=true] .navbar-toggler-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-item-with-mega{position:relative}.nav-link-button{border:none;background:none;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:.25rem}.nav-link-caret{font-size:.55rem}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:0;background:#fff;border:1px solid var(--border-color);box-shadow:0 12px 30px #0f172a2e;border-radius:0;width:min(100vw,1200px);min-width:640px;z-index:1200}.mega-menu-inner{display:grid;grid-template-columns:220px minmax(0,1fr)}.mega-menu-categories{border-right:1px solid var(--border-color);padding:1rem 1rem 1rem 1.25rem;display:flex;flex-direction:column;gap:.35rem}.mega-menu-category{border:none;background:none;text-align:left;padding:.4rem .5rem;font-size:.85rem;color:var(--text-gray);cursor:pointer;border-radius:4px}.mega-menu-category:hover,.mega-menu-category.active{background:var(--bg-light);color:var(--text-dark);font-weight:600}.mega-menu-articles{padding:1rem 1.25rem 1.25rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.mega-menu-article{display:flex;flex-direction:column;gap:.4rem;text-decoration:none;color:inherit}.mega-menu-article-thumb{width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:4px;background:#f3f4f6}.mega-menu-article-thumb img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease-out}.mega-menu-article-title{font-size:.85rem;font-weight:500;line-height:1.4}.tools-dropdown.mega-menu{width:auto;min-width:420px;left:auto;right:0;transform:none}.tools-dropdown-inner{display:flex;padding:0}.tools-dropdown-column{flex:1;min-width:180px;padding:1rem 1.25rem}.tools-dropdown-divider{width:1px;background:var(--border-color);margin:.75rem 0}.tools-dropdown-heading{font-size:.8rem;font-weight:700;text-transform:none;color:var(--text-dark);margin-bottom:.6rem;letter-spacing:.02em}.tools-dropdown-list{list-style:none;margin:0;padding:0}.tools-dropdown-list li{margin-bottom:.35rem}.tools-dropdown-link{display:block;font-size:.9rem;color:var(--text-gray);text-decoration:none;padding:.2rem 0}.tools-dropdown-link:hover{color:var(--primary-blue)}.tools-dropdown-empty{font-size:.85rem;color:var(--text-muted, #6b7280)}.mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#11182780;z-index:1100;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.mobile-menu-overlay-open{opacity:1;visibility:visible}.mobile-menu-drawer{position:fixed;top:0;right:0;width:min(320px,100vw);max-width:100%;height:100vh;background:#fff;z-index:1200;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease;overflow:hidden}.mobile-menu-drawer-open{transform:translate(0)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:2px solid var(--border-color);flex-shrink:0}.mobile-menu-title{font-size:1.125rem;font-weight:700;color:var(--text-dark)}.mobile-menu-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--bg-light);border-radius:8px;color:var(--text-dark);cursor:pointer;transition:background .2s,color .2s}.mobile-menu-close:hover{background:var(--border-color);color:var(--primary-blue)}.mobile-menu-actions{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;border-bottom:2px solid var(--border-color)}.mobile-menu-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;color:var(--text-dark);text-decoration:none;font-weight:500;font-size:.9375rem;border-radius:8px;transition:background .2s,color .2s}.mobile-menu-action:hover{background:var(--bg-light);color:var(--primary-blue)}.mobile-menu-action-submit{background:var(--accent-yellow);color:var(--text-dark);border:2px solid var(--accent-yellow-dark);justify-content:center;margin-top:.25rem}.mobile-menu-action-submit:hover{background:var(--accent-yellow-dark);color:var(--text-dark)}.mobile-menu-nav{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem;display:flex;flex-direction:column;gap:.25rem}.mobile-menu-link{display:block;padding:.75rem 1rem;color:var(--text-dark);text-decoration:none;font-weight:600;font-size:.875rem;letter-spacing:.5px;border-radius:8px;transition:background .2s,color .2s}.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--bg-light);color:var(--primary-blue)}.mobile-menu-accordion{border-radius:8px;overflow:hidden}.mobile-menu-accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border:none;background:none;font:inherit;font-weight:600;font-size:.875rem;letter-spacing:.5px;color:var(--text-dark);cursor:pointer;text-align:left;transition:background .2s,color .2s}.mobile-menu-accordion-trigger:hover,.mobile-menu-accordion-trigger.active{background:var(--bg-light);color:var(--primary-blue)}.mobile-menu-accordion-icon{font-size:.65rem;color:var(--text-gray)}.mobile-menu-accordion-panel{padding:.5rem 0 .5rem 1rem;display:flex;flex-direction:column;gap:.25rem;border-left:2px solid var(--border-color);margin-left:1rem}.mobile-menu-submenu-link{display:block;padding:.5rem .75rem;color:var(--text-gray);text-decoration:none;font-size:.875rem;border-radius:6px;transition:background .2s,color .2s}.mobile-menu-submenu-link:hover{color:var(--primary-blue);background:var(--bg-light)}.mobile-menu-submenu-link.active{color:var(--primary-blue);font-weight:600}.mobile-menu-tools-group{margin-bottom:.75rem}.mobile-menu-tools-group:last-child{margin-bottom:0}.mobile-menu-tools-heading{font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.05em;padding:.35rem .75rem .25rem}.tools-page-header{margin-bottom:2rem}.tools-page-title{font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.tools-page-lead{color:var(--text-gray);margin:0}.tools-page-section{margin-bottom:2.5rem}.tools-page-section-title{font-size:1.1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.tools-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.tools-page-card{display:block;padding:1.25rem;background:#fff;border:2px solid var(--border-color);border-radius:8px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.tools-page-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #00000014}.tools-page-card-title{font-weight:600;display:block;margin-bottom:.35rem}.tools-page-card-desc{font-size:.9rem;color:var(--text-gray);margin:0 0 .5rem;line-height:1.4}.tools-page-card-arrow{font-size:1rem;color:var(--primary-blue)}.tools-page-empty{color:var(--text-gray);margin:0}.tools-detail{max-width:720px}.tools-detail-breadcrumb{font-size:.875rem;color:var(--text-gray);margin-bottom:1rem}.tools-detail-breadcrumb a{color:var(--primary-blue);text-decoration:none}.tools-detail-breadcrumb a:hover{text-decoration:underline}.tools-detail-breadcrumb span{margin:0 .35rem}.tools-detail-title{font-size:1.75rem;font-weight:700;margin:0 0 1rem}.tools-detail-description{margin-bottom:1.5rem;line-height:1.6;color:var(--text-gray)}.tools-detail-actions .tools-detail-btn{display:inline-block;padding:.75rem 1.5rem;background:var(--primary-blue);color:#fff;font-weight:600;text-decoration:none;border-radius:6px;transition:background .2s}.tools-detail-actions .tools-detail-btn:hover{background:var(--primary-blue-dark, #0052A3);color:#fff}.tools-detail-error{padding:2rem;text-align:center}.tools-detail-error h1{margin-bottom:1rem}.tools-detail-error a{color:var(--primary-blue)}.mega-menu-article:hover .mega-menu-article-thumb img{transform:scale(1.05)}.mega-menu-empty{grid-column:1 / -1;font-size:.82rem;color:var(--text-gray)}.navbar-links .nav-link{color:var(--text-dark);text-decoration:none;font-weight:500;font-size:.875rem;letter-spacing:.5px;transition:color var(--transition-base),background var(--transition-base);position:relative;padding:.5rem .65rem;border-radius:6px}.navbar-links .nav-link:hover{color:var(--primary-blue-dark);background:#3b82f614}.navbar-links .nav-link:focus-visible{outline:2px solid var(--accent-yellow-dark);outline-offset:2px}.navbar-links .nav-link.active{color:var(--primary-blue)}.navbar-links .nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--primary-blue)}.contact-button{background:var(--accent-yellow);color:var(--text-dark);padding:.75rem 1.5rem;border-radius:0;text-decoration:none;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.625rem;transition:all .2s;white-space:nowrap;box-shadow:0 2px 4px #fcd34d4d;border:2px solid var(--accent-yellow-dark)}.contact-button:hover{background:var(--accent-yellow-dark);color:var(--text-dark);transform:translateY(-1px);box-shadow:0 4px 8px #fcd34d66}.contact-button svg{width:16px;height:16px}.blog-home-page{background:var(--bg-light);min-height:100vh}.sidebar-search-section{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid var(--border-color)}.sidebar-search-form{display:flex;flex-direction:column;gap:1rem}.search-input-wrapper{width:100%;position:relative;background:#fff;border:2px solid var(--border-color);border-radius:0;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;transition:border-color .2s,box-shadow .2s}.search-input-wrapper:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.search-icon{color:var(--text-gray);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-size:.9375rem;color:var(--text-dark);background:transparent}.search-input::placeholder{color:#9ca3af}.category-select{width:100%;background:#fff;border:2px solid var(--border-color);border-radius:0;padding:.75rem 2.25rem .75rem 1rem;font-size:.875rem;color:var(--text-dark);cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.category-select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #3b82f61a}.blog-page-wrapper{display:grid;grid-template-columns:160px 1fr 160px;gap:2rem;max-width:1920px;margin:0 auto;padding:0 1rem;align-items:start}.blog-content-container{min-width:0}.blog-content{padding:3rem 0}.blog-layout{max-width:1400px;margin:0 auto}.ad-sidebar{position:sticky;top:0;align-self:start;max-height:100vh;padding:2rem 0;overflow-y:auto;overflow-x:hidden;z-index:10;will-change:transform;display:flex;flex-direction:column;justify-content:center}.ad-sidebar-left,.ad-sidebar-right{display:flex;flex-direction:column;gap:2rem;width:100%;justify-content:center;flex:1}.ad-wrapper{background:#fff;border:1px solid var(--border-color);padding:1rem;display:flex;align-items:center;justify-content:center}.ad-container{width:100%;display:flex;align-items:center;justify-content:center}.ad-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ad-placeholder{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px dashed var(--border-color);border-radius:4px;overflow:hidden;min-height:200px}.ad-placeholder-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.5) 45%,transparent 55%);background-size:200% 100%;animation:lazy-image-shimmer 2s ease-in-out infinite;pointer-events:none}.ad-placeholder-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.375rem;color:var(--text-gray);font-size:.8125rem}.ad-placeholder-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--primary-blue);color:#fff;font-size:.6875rem;font-weight:700;letter-spacing:.5px}.ad-placeholder-label{font-weight:500}.ad-placeholder-size{font-size:.6875rem;color:#9ca3af}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:1.5rem;margin-bottom:3rem;align-items:stretch;min-height:280px}.home-tools-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem}.home-tools-strip-item{display:flex;flex-direction:column;gap:.25rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:12px;text-decoration:none;color:inherit;box-shadow:0 2px 12px #0000000a;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.home-tools-strip-item:hover{transform:translateY(-2px);border-color:var(--primary-blue);box-shadow:var(--shadow-elevated)}.home-tools-strip-label{font-weight:700;font-size:1rem;color:var(--text-dark)}.home-tools-strip-hint{font-size:.8125rem;color:#6b7280}.home-headlines{margin-bottom:2.5rem}.home-headlines-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:var(--text-dark)}.home-headlines-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.home-headlines-column{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem 1.25rem;box-shadow:0 2px 12px #0000000a}.home-headlines-column-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-blue)}.home-headlines-column-title{font-size:.9rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0;color:var(--text-dark)}.home-headlines-more{font-size:.75rem;font-weight:600;color:var(--primary-blue);text-decoration:none;white-space:nowrap}.home-headlines-more:hover{text-decoration:underline}.home-headlines-list{list-style:none;margin:0;padding:0}.home-headlines-list li{border-bottom:1px solid var(--border-color)}.home-headlines-list li:last-child{border-bottom:none}.home-headlines-link{display:block;padding:.6rem 0;font-size:.875rem;line-height:1.4;color:var(--text-dark);text-decoration:none;transition:color var(--transition-fast),padding-left var(--transition-fast)}.home-headlines-link:hover{color:var(--primary-blue);padding-left:.25rem}.home-headlines-empty{padding:.5rem 0}.home-hero-main{min-width:0;min-height:0;height:100%;display:flex;flex-direction:column}.home-hero-column{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem 1.25rem 1.5rem;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:column;min-height:320px}.home-hero-events-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:2px solid var(--primary-blue)}.home-hero-events-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#eff6ff);color:var(--primary-blue);flex-shrink:0}.home-hero-heading{font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dark);margin:0}.home-hero-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}.home-hero-list-item{border-radius:8px;border-bottom:1px solid var(--border-color)}.home-hero-list-item:last-child{border-bottom:none}.home-hero-link{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:var(--text-dark);font-size:.875rem;padding:.85rem 1.75rem .85rem 0;border-radius:8px;transition:background .2s ease,color .2s ease;position:relative}.home-hero-link:hover{background:#3b82f60f}.home-hero-link:hover .home-hero-list-title{color:var(--primary-blue)}.home-hero-link:hover .home-hero-list-arrow{opacity:1;transform:translate(2px)}.home-hero-list-category{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary-blue);line-height:1.2}.home-hero-list-title{font-weight:600;line-height:1.35;color:var(--text-dark);transition:color .2s ease}.home-hero-list-meta{font-size:.72rem;color:var(--text-gray);font-weight:500}.home-hero-list-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);font-size:1rem;color:var(--primary-blue);opacity:0;transition:opacity .2s ease,transform .2s ease}.home-hero-list-empty{font-size:.85rem;color:var(--text-gray);padding:1rem 0;text-align:center}.featured-post-card{display:flex;flex-direction:column;flex:1;min-height:0;text-decoration:none;color:inherit;margin-bottom:0;transition:transform .35s cubic-bezier(.25,.46,.45,.94),box-shadow .35s cubic-bezier(.25,.46,.45,.94)}.featured-post-card:hover{transform:translateY(-3px);box-shadow:0 10px 32px #0000001a,0 4px 12px #3b82f61f,0 0 0 1px #3b82f614}.featured-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;flex:1;min-height:220px;border-radius:12px;overflow:hidden;margin-bottom:0;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000f;border:1px solid var(--border-color);background:#0f172a;transition:border-color .3s ease,box-shadow .35s ease}.featured-post-card:hover .featured-image-wrapper{border-color:#3b82f659;box-shadow:0 8px 28px #0000001a,0 2px 8px #3b82f626}.featured-image-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#3b82f600;pointer-events:none;z-index:1;transition:background .35s ease}.featured-post-card:hover .featured-image-wrapper:after{background:#3b82f60f}.featured-image-wrapper .lazy-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.featured-image-wrapper .lazy-image-img{border-radius:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.featured-image-wrapper .lazy-image-wrap.featured-image{width:100%;height:100%}.featured-image-wrapper .lazy-image-img.placeholder-image{object-fit:cover!important}.featured-post-card:hover .featured-image-wrapper .lazy-image-img{transform:scale(1.03)}.featured-overlay-text{position:absolute;bottom:0;left:0;right:0;padding:28px 32px 40px 40px;background:linear-gradient(to top,rgba(15,23,42,.92) 0%,rgba(15,23,42,.5) 50%,transparent 100%);z-index:2;display:flex;flex-direction:column;gap:.5rem;box-sizing:border-box}.featured-label{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-yellow);margin-bottom:.25rem}.featured-category-badge{display:inline-block;align-self:flex-start;background:var(--primary-blue);color:#fff;padding:.4rem .9rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.featured-title-overlay{font-size:1.85rem;font-weight:700;color:#fff;line-height:1.25;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:-.02em}.featured-meta-overlay{font-size:.8rem;color:#fffc;font-weight:500;margin-top:.25rem;margin-bottom:.5rem}.featured-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.25rem 0 0;flex-shrink:0}.featured-content .featured-category{font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--primary-blue);text-transform:uppercase}.featured-meta-dot{color:var(--text-gray);font-weight:300;font-size:1rem;line-height:1}.featured-content .featured-date{font-size:.8rem;color:var(--text-gray);font-weight:500}.featured-content .featured-title{width:100%;font-size:1.35rem;font-weight:700;color:var(--text-dark);margin:.35rem 0 0;line-height:1.35;letter-spacing:-.01em}.featured-articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.featured-article-card{position:relative;aspect-ratio:4 / 3;border-radius:0;overflow:hidden;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 8px #0000001a;border:2px solid var(--border-color)}.featured-article-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000026;border-color:var(--primary-blue)}.featured-article-image{width:100%;height:100%;position:relative}.featured-article-image .lazy-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.featured-article-image img,.featured-article-image .lazy-image-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.featured-article-card:hover .featured-article-image img,.featured-article-card:hover .featured-article-image .lazy-image-img{transform:scale(1.1)}.featured-article-category{position:absolute;top:1rem;left:1rem;background:var(--primary-blue);color:#fff;padding:.4rem .875rem;border-radius:0;font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;border:2px solid var(--primary-blue-dark)}.home-topic-sections{margin-bottom:2.5rem}.home-topic-sections-title{font-size:1.35rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.25rem;color:var(--text-dark)}.home-topic-section{margin-bottom:2.5rem;padding-left:.75rem;border-left:4px solid var(--primary-blue);border-radius:4px 0 0 4px}.home-topic-section:last-child{margin-bottom:0}.home-category-sections{margin-bottom:3rem}.home-category-section{margin-bottom:2.5rem}.home-category-section:last-child{margin-bottom:0}.home-category-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.home-category-section-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.home-category-section-title:hover{color:var(--primary-blue)}.home-category-section-viewall{font-size:.875rem;font-weight:600;color:var(--primary-blue);text-decoration:none}.home-category-section-viewall:hover{text-decoration:underline}.home-category-section-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.home-latest-section{margin-top:2rem;margin-bottom:2rem}.home-latest-heading{font-size:1.25rem;font-weight:700;margin:0 0 1.25rem;letter-spacing:-.02em}.category-page-header{margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.category-breadcrumb{font-size:.875rem}.category-breadcrumb a{color:var(--primary-blue);text-decoration:none;font-weight:600}.category-breadcrumb a:hover{text-decoration:underline}.category-breadcrumb-sep{margin:0 .35rem;color:#9ca3af}.category-page-title{font-size:clamp(1.75rem,2.5vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--text-dark);margin:0 0 .5rem;line-height:1.2}.category-page-lead{font-size:1.0625rem;line-height:1.6;color:#64748b;max-width:40rem;margin:0}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.article-card-modern{position:relative;aspect-ratio:4 / 3;border-radius:0;overflow:hidden;text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);box-shadow:0 2px 8px #0000001a;display:block;border:2px solid var(--border-color)}.article-card-modern:hover{transform:translateY(-5px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-blue)}.article-card-modern:focus-visible{outline:2px solid var(--primary-blue);outline-offset:3px}.article-card-modern--featured{grid-column:1 / -1;aspect-ratio:2.35 / 1;max-height:min(320px,42vw)}.article-card-modern--featured .article-card-image img,.article-card-modern--featured .article-card-image .lazy-image-img{object-fit:cover}@media (max-width: 992px){.article-card-modern--featured{grid-column:auto;aspect-ratio:4 / 3;max-height:none}.article-card-modern--featured .article-card-image img,.article-card-modern--featured .article-card-image .lazy-image-img{object-fit:contain}}.articles-grid--with-featured{grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.articles-grid--with-featured{grid-template-columns:repeat(2,1fr)}.article-card-modern--featured{grid-column:1 / -1}}.article-card-image{width:100%;height:100%;position:relative}.article-card-image .lazy-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.article-card-image img,.article-card-image .lazy-image-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.article-card-modern:hover .article-card-image img,.article-card-modern:hover .article-card-image .lazy-image-img{transform:scale(1.1)}.article-card-category{position:absolute;top:1rem;left:1rem;background:var(--primary-blue);color:#fff;padding:.35rem .75rem;border-radius:999px;font-size:.6875rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;z-index:2;border:2px solid var(--primary-blue-dark);box-shadow:0 2px 8px #2563eb59;transition:background var(--transition-base),transform var(--transition-fast)}.article-card-modern:hover .article-card-category{background:var(--primary-blue-dark)}.blog-sidebar{background:#fff;border-radius:0;padding:1.5rem;box-shadow:0 2px 8px #0000000d;height:fit-content;position:sticky;top:100px;border:2px solid var(--border-color)}.sidebar-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:1.5rem}.tab-button{flex:1;padding:.875rem 1rem;background:none;border:none;font-size:.875rem;font-weight:600;color:var(--text-gray);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s;position:relative}.tab-button:hover{color:var(--text-dark)}.tab-button.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.sidebar-content{display:flex;flex-direction:column;gap:1.5rem}.sidebar-article-card{display:flex;gap:1rem;text-decoration:none;color:inherit;transition:transform .2s;padding:.5rem;border-radius:0;border:1px solid transparent}.sidebar-article-card:hover{transform:translate(4px);background:var(--bg-light);border-color:var(--border-color)}.sidebar-article-image{width:120px;aspect-ratio:4 / 3;border-radius:0;overflow:hidden;flex-shrink:0;box-shadow:0 2px 4px #0000001a;border:1px solid var(--border-color);position:relative}.sidebar-article-image .lazy-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:0}.sidebar-article-image img,.sidebar-article-image .lazy-image-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.sidebar-article-card:hover .sidebar-article-image img,.sidebar-article-card:hover .sidebar-article-image .lazy-image-img{transform:scale(1.05)}.sidebar-article-content{flex:1;min-width:0}.sidebar-article-category{font-size:.625rem;font-weight:700;letter-spacing:1px;color:var(--primary-blue);margin-bottom:.5rem;text-transform:uppercase}.sidebar-article-title{font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-article-source{font-size:.75rem;color:var(--text-gray);font-weight:500;letter-spacing:.5px}.no-articles,.no-sidebar-articles{text-align:center;padding:3rem 1rem;color:var(--text-gray)}.inline-ad{margin:2rem 0;display:flex;justify-content:center;align-items:center;min-height:90px}.inline-ad-horizontal{width:100%;max-width:728px;margin-left:auto;margin-right:auto}.inline-ad-vertical{width:300px;margin-left:auto;margin-right:auto}.lazy-image-wrap{position:relative;overflow:hidden;background:var(--bg-light)}.lazy-image-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:lazy-image-shimmer 1.2s ease-in-out infinite}.lazy-image-skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:lazy-image-shimmer 1.5s ease-in-out infinite}@keyframes lazy-image-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lazy-image-wrap .lazy-image-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease-out}.lazy-image-wrap .lazy-image-img.lazy-image-loaded{opacity:1}.placeholder-image{background:#f3f4f6;object-fit:contain!important}.featured-image.placeholder-image,.article-card-image img.placeholder-image,.featured-article-image img.placeholder-image,.sidebar-article-image img.placeholder-image{background:#e6f2ff}.product-image.placeholder-image,.main-product-image.placeholder-image{background:#f3f4f6}@media (max-width: 1400px){.blog-page-wrapper{grid-template-columns:1fr;padding:0}.ad-sidebar{display:none}.blog-content-container{margin-left:0;margin-right:0;padding:0 1rem}}@media (max-width: 1200px){.blog-layout{grid-template-columns:1fr 350px;gap:3rem}}@media (max-width: 1280px){.home-hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.25rem}.home-tools-strip,.home-headlines-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.blog-layout{grid-template-columns:1fr;gap:3rem}.home-hero-grid{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}.home-hero-main{grid-column:auto}.home-hero-column{padding:1rem 1rem 1.25rem}.blog-sidebar{position:static}.articles-grid,.featured-articles-grid,.home-category-section-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 992px){.navbar-toggler{display:flex}.navbar-links{display:none!important}.mobile-menu-overlay{display:block}.top-info-inner{padding:.35rem 1rem}.top-info-right{gap:.75rem}.modern-navbar{padding:.75rem 0}}@media (max-width: 768px){.top-info-bar{font-size:.7rem}.top-info-inner{padding:.4rem .75rem;gap:.5rem}.top-info-right{gap:.5rem;flex-shrink:0}.top-info-account-label{display:none}.top-info-account{padding:.25rem}.top-info-submit{padding:.35rem .65rem;font-size:.7rem;white-space:nowrap}.modern-navbar{padding:.6rem 0}.navbar-container{padding:0 .75rem}}@media (max-width: 768px){.navbar-container{padding:0 1rem}.articles-grid,.featured-articles-grid,.home-category-section-grid{grid-template-columns:1fr}.blog-content{padding:2rem 0}.featured-image-wrapper{height:300px;border-radius:8px}.featured-title-overlay{font-size:1.25rem}.featured-content .featured-title{font-size:1.15rem}}@media (max-width: 480px){.navbar-logo{font-size:1.25rem}.logo-icon{width:36px;height:36px;font-size:1.25rem}.contact-button{padding:.625rem 1rem;font-size:.8125rem}.contact-button svg{width:14px;height:14px}}.devotional-header .lead{max-width:42rem}.devotional-topic-card{transition:transform .15s ease,box-shadow .15s ease}.devotional-topic-card:hover{transform:translateY(-2px);box-shadow:0 .25rem .75rem #0000001a!important;color:var(--text-dark)}.devotional-topic-link{color:var(--primary-blue);font-weight:500}.devotional-prayers-list .devotional-prayer-item:hover{background:var(--bg-light)}.devotional-prayers-list .devotional-prayer-item:hover h2{color:var(--primary-blue)}.article-content .prayer-section{margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color)}.article-content .prayer-section:last-child{border-bottom:none}.article-content .prayer-section h3{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-gray);margin-bottom:.5rem}.article-content .prayer-sanskrit{font-size:1.15rem;line-height:1.7;font-family:inherit}.article-content .prayer-transliteration{font-style:italic;color:var(--text-gray);line-height:1.6}.article-content .prayer-meaning{line-height:1.65}.article-content .prayer-explanation{color:var(--text-gray);line-height:1.6;font-size:.95rem}.prayers-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.prayers-search-form{display:flex;gap:.5rem;flex:1;min-width:200px;max-width:360px}.prayers-search-input{flex:1;min-width:0}.prayers-sort{display:flex;align-items:center;gap:.5rem}.prayers-sort-label{margin:0;font-size:.875rem;font-weight:500;color:var(--text-gray)}.prayers-sort-select{width:auto;min-width:140px}.prayers-view-toggle{display:flex;gap:.25rem}.prayers-view-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--border-color);background:#fff;color:var(--text-gray);border-radius:4px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.prayers-view-btn:hover{background:var(--bg-light);color:var(--primary-blue);border-color:var(--primary-blue)}.prayers-view-btn.active{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.prayers-view-btn i{font-size:1.1rem}.prayers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.prayers-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .2s,border-color .2s,transform .2s}.prayers-card:hover{border-color:var(--primary-blue);box-shadow:0 6px 20px #00000014}.prayers-card-grid{height:100%}.prayers-card-grid:hover{transform:translateY(-2px)}.prayers-card-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-light)}.prayers-card-image .lazy-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.prayers-card-image .lazy-image-img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.prayers-card:hover .prayers-card-image .lazy-image-img{transform:scale(1.03)}.prayers-card-body{padding:1rem;flex:1;display:flex;flex-direction:column;min-width:0}.prayers-card-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;line-height:1.35;color:var(--text-dark);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prayers-card:hover .prayers-card-title{color:var(--primary-blue)}.prayers-card-excerpt{font-size:.875rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.prayers-card-date{font-size:.75rem;margin-top:.5rem;display:block}.prayers-block-list{display:flex;flex-direction:column;gap:1.25rem}.prayers-card-block{flex-direction:row;align-items:stretch}.prayers-card-block .prayers-card-image{width:280px;min-width:280px;aspect-ratio:4 / 3}.prayers-card-block .prayers-card-body{padding:1.25rem;justify-content:center}.prayers-card-block .prayers-card-title{-webkit-line-clamp:1;font-size:1.2rem}.prayers-card-block .prayers-card-excerpt{-webkit-line-clamp:2}.prayers-list{display:flex;flex-direction:column;gap:0}.prayers-list li{border-bottom:1px solid var(--border-color)}.prayers-list li:last-child{border-bottom:none}.prayers-card-list{flex-direction:row;align-items:center;gap:1rem;padding:.75rem 0;border:none;border-radius:0}.prayers-card-list:hover{background:var(--bg-light);box-shadow:none}.prayers-card-list .prayers-card-image{width:120px;min-width:120px;aspect-ratio:4 / 3;border-radius:6px;flex-shrink:0}.prayers-card-list .prayers-card-body{padding:0;flex:1;min-width:0}.prayers-card-list .prayers-card-title{font-size:1rem;margin-bottom:.25rem;-webkit-line-clamp:1}.prayers-card-list .prayers-card-excerpt{-webkit-line-clamp:1;margin-bottom:0}@media (max-width: 768px){.prayers-toolbar{flex-direction:column;align-items:stretch}.prayers-search-form{max-width:none}.prayers-card-block{flex-direction:column}.prayers-card-block .prayers-card-image{width:100%;min-width:0}.prayers-grid{grid-template-columns:1fr}.prayers-card-list .prayers-card-image{width:80px;min-width:80px}}.top-info-link:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px;border-radius:4px}.home-category-section-title,.home-category-section-viewall{transition:color var(--transition-base),opacity var(--transition-fast)}.blog-main a:focus-visible,.category-page a:focus-visible{outline:2px solid var(--primary-blue);outline-offset:2px;border-radius:2px}.directory-page{background:var(--bg-light);min-height:100vh}.directory-hero{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);padding:4rem 2rem;position:relative;overflow:hidden}.directory-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/><line x1="20" y1="20" x2="40" y2="40" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/><line x1="80" y1="40" x2="60" y2="60" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></svg>');opacity:.3}.directory-hero-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.directory-title{color:#fff;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.directory-subtitle{color:#ffffffe6;font-size:1.125rem;text-align:center;margin-bottom:3rem}.directory-search-form{background:#fffffff2;padding:2rem;border-radius:0;box-shadow:0 4px 12px #00000026}.search-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr auto;gap:1rem;align-items:end}.search-field{display:flex;flex-direction:column;gap:.5rem}.search-field label{font-size:.875rem;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px}.search-field input,.search-field select{padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:0;font-size:.9375rem;color:var(--text-dark);background:#fff;transition:border-color .2s}.search-field input:focus,.search-field select:focus{outline:none;border-color:var(--primary-blue)}.search-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%236b7280' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.search-button{background:var(--accent-yellow);color:var(--text-dark);padding:.875rem 2rem;border:2px solid var(--accent-yellow-dark);border-radius:0;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.search-button:hover{background:var(--accent-yellow-dark);transform:translateY(-1px);box-shadow:0 4px 8px #fcd34d66}.directory-features{background:var(--primary-blue);padding:3rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto}.feature-card{text-align:center;color:#fff}.feature-icon{font-size:3rem;margin-bottom:1rem;display:block}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.feature-card p{font-size:.9375rem;line-height:1.6;opacity:.9}.directory-listings{padding:4rem 2rem}.listings-title{font-size:2rem;font-weight:700;color:var(--text-dark);margin-bottom:2rem;text-align:center}.listings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.listing-card{background:#fff;border:2px solid var(--border-color);border-radius:0;padding:1.5rem;transition:all .2s}.listing-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.listing-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem;gap:1rem}.listing-header h3{font-size:1.125rem;font-weight:700;color:var(--text-dark);flex:1;line-height:1.4}.listing-category{background:var(--primary-blue);color:#fff;padding:.25rem .75rem;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-radius:0;white-space:nowrap}.listing-description{color:var(--text-gray);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.listing-footer{border-top:1px solid var(--border-color);padding-top:1rem}.listing-link{color:var(--primary-blue);text-decoration:none;font-weight:600;font-size:.9375rem;transition:color .2s}.listing-link:hover{color:var(--primary-blue-dark)}.no-listings{text-align:center;padding:4rem 2rem;color:var(--text-gray)}@media (max-width: 1024px){.search-row{grid-template-columns:1fr}.search-button{width:100%}.features-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.directory-title{font-size:1.75rem}.directory-subtitle{font-size:1rem}.directory-search-form{padding:1.5rem}.listings-grid{grid-template-columns:1fr}}.forum-page-modern{background:var(--bg-light);min-height:100vh}.forum-page-modern .blog-page-wrapper{align-items:start}.forum-sub-nav{background:#4b5563;border-bottom:1px solid #374151;padding:.75rem 0}.forum-sub-nav .container{max-width:1400px;margin:0 auto;padding:0 2rem}.sub-nav-links{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.sub-nav-link{color:#ffffffe6;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;background:none;border:none;cursor:pointer;padding:0}.sub-nav-link:hover{color:#fff}.sub-nav-link.dropdown{display:flex;align-items:center;gap:.25rem}.dropdown-arrow{font-size:.75rem}.forum-content-wrapper{padding:2rem 0}.forum-main-layout{display:grid;grid-template-columns:1fr 300px;gap:2rem;max-width:1400px;margin:0 auto;padding:0}.forum-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-color)}.forum-title{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0}.forum-actions{display:flex;gap:1rem}.action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:0;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s;border:2px solid}.new-posts-btn{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue-dark)}.new-posts-btn:hover{background:var(--primary-blue-dark);color:#fff}.post-thread-btn{background:#fff;color:var(--text-dark);border-color:var(--border-color)}.post-thread-btn:hover{background:var(--bg-light);border-color:var(--primary-blue);color:var(--primary-blue)}.action-icon{font-size:1rem}.forum-categories-list{background:#fff;border:2px solid var(--border-color)}.forum-category-group{border-bottom:1px solid var(--border-color)}.forum-category-group:last-child{border-bottom:none}.category-header{background:#374151;padding:.75rem 1rem;border-bottom:1px solid #4B5563}.category-name{color:#fff;font-weight:600;font-size:.9375rem;text-transform:uppercase;letter-spacing:.5px}.category-row{display:grid;grid-template-columns:2fr 150px 300px;gap:1.5rem;padding:1.5rem;align-items:center;transition:background .2s}.category-row:hover{background:var(--bg-light)}.category-info{display:flex;gap:1rem;align-items:start}.category-icon{font-size:1.5rem;flex-shrink:0;margin-top:.25rem}.category-details{flex:1}.category-title{font-size:1.125rem;font-weight:600;color:var(--text-dark);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .2s}.category-title:hover{color:var(--primary-blue)}.category-description{font-size:.875rem;color:var(--text-gray);margin:.5rem 0;line-height:1.5}.sub-forums{font-size:.8125rem;color:var(--text-gray);margin-top:.5rem}.sub-forums-label{font-weight:600;margin-right:.5rem}.sub-forum-link{color:var(--primary-blue);text-decoration:none}.sub-forum-link:hover{text-decoration:underline}.category-stats{display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.25rem}.stat-label{font-size:.75rem;color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:1.125rem;font-weight:700;color:var(--text-dark)}.category-latest{font-size:.875rem}.latest-post{display:flex;flex-direction:column;gap:.5rem}.latest-title{color:var(--text-dark);text-decoration:none;font-weight:500;line-height:1.4;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.latest-title:hover{color:var(--primary-blue)}.latest-meta{color:var(--text-gray);font-size:.8125rem}.latest-author{color:var(--primary-blue);font-weight:600}.latest-time{margin-left:.5rem}.no-posts{color:var(--text-gray);font-style:italic;font-size:.875rem}.no-categories{text-align:center;padding:4rem 2rem;color:var(--text-gray)}.forum-sidebar{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;align-self:start;max-height:100vh;overflow-y:auto}.sidebar-section{background:#fff;border:2px solid var(--border-color);border-radius:0;padding:0;overflow:hidden}.sidebar-header{background:#374151;color:#fff;padding:.875rem 1rem;font-weight:700;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #4B5563}.stats-section{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);border:none}.stats-section .sidebar-header{background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.forum-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem}.stat-box{text-align:center;color:#fff}.stat-number{font-size:1.75rem;font-weight:700;margin-bottom:.25rem;line-height:1}.stat-label{font-size:.75rem;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.quick-actions{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem}.quick-action-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:0;text-decoration:none;font-weight:600;font-size:.875rem;transition:all .2s;background:#fff;color:var(--text-dark)}.quick-action-btn:hover{border-color:var(--primary-blue);background:var(--bg-light);color:var(--primary-blue);transform:translate(4px)}.quick-action-btn.primary{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue-dark)}.quick-action-btn.primary:hover{background:var(--primary-blue-dark);color:#fff;transform:translate(4px)}.quick-action-btn .action-icon{font-size:1.125rem}.featured-topics,.recent-topics,.popular-topics{display:flex;flex-direction:column;gap:0;padding:0}.featured-topic-item,.recent-topic-item,.popular-topic-item{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);transition:background .2s}.featured-topic-item:last-child,.recent-topic-item:last-child,.popular-topic-item:last-child{border-bottom:none}.featured-topic-item:hover,.recent-topic-item:hover,.popular-topic-item:hover{background:var(--bg-light)}.featured-topic-link,.recent-topic-link,.popular-topic-link{text-decoration:none;color:inherit;display:block}.featured-topic-title,.recent-topic-title,.popular-topic-title{font-size:.875rem;font-weight:600;color:var(--text-dark);margin-bottom:.5rem;line-height:1.4;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.featured-topic-link:hover .featured-topic-title,.recent-topic-link:hover .recent-topic-title,.popular-topic-link:hover .popular-topic-title{color:var(--primary-blue)}.featured-topic-meta,.recent-topic-meta{font-size:.75rem;color:var(--text-gray);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.author-name{color:var(--primary-blue);font-weight:600}.meta-separator{color:var(--text-gray);opacity:.5}.featured-topic-replies{font-size:.75rem;color:var(--primary-blue);font-weight:600;display:inline-block;padding:.25rem .5rem;background:#3b82f61a;border-radius:0}.popular-topic-item{display:flex;gap:1rem;align-items:start}.popular-rank{font-size:1.125rem;font-weight:700;color:var(--primary-blue);flex-shrink:0;min-width:2rem}.popular-topic-link{flex:1}.popular-topic-stats{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.stat-badge{font-size:.75rem;color:var(--text-gray);display:flex;align-items:center;gap:.25rem}.ad-section{padding:1.5rem}.no-featured{color:var(--text-gray);font-style:italic;text-align:center;padding:2rem 1rem}.error-message{background:#fee2e2;color:#991b1b;padding:1rem;border-radius:0;margin-bottom:1.5rem;border:2px solid #FCA5A5}@media (max-width: 1024px){.forum-main-layout{grid-template-columns:1fr}.category-row{grid-template-columns:1fr;gap:1rem}.category-stats{flex-direction:row;justify-content:space-around}.category-latest{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}}@media (max-width: 768px){.forum-header{flex-direction:column;align-items:flex-start;gap:1rem}.forum-actions{width:100%}.action-button{flex:1;justify-content:center}.sub-nav-links{gap:1rem}}.article-detail-layout{display:grid;grid-template-columns:1fr 350px;gap:3rem;max-width:1400px;margin:0 auto}.article-main-content{min-width:0}.article-main-content .article-content{font-size:1.0625rem;line-height:1.78;color:var(--text-dark, #1f2937)}.article-main-content .article-content>p{margin-bottom:1.15rem}.article-main-content .article-content h2,.article-main-content .article-content h3,.article-main-content .article-content h4{margin-top:1.85rem;margin-bottom:.65rem;font-weight:700;line-height:1.3;color:var(--text-dark, #111827)}.article-main-content .article-content h2{font-size:1.5rem}.article-main-content .article-content h3{font-size:1.25rem}.article-main-content .article-content ul,.article-main-content .article-content ol{margin-bottom:1.15rem;padding-left:1.35rem}.article-main-content .article-content a{color:var(--primary-blue, #2563eb);text-decoration:underline;text-underline-offset:2px}.article-main-content .article-content a:hover{color:#1d4ed8}.article-main-content .article-detail-title{font-size:clamp(1.75rem,2.5vw,2.35rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;color:var(--text-dark, #111827)}.article-block-infinite{scroll-margin-top:1rem}.article-block-divider{border:0;border-top:1px solid var(--border-color, #e5e7eb);opacity:.8}.article-prev-next-card{transition:box-shadow .2s,border-color .2s}.article-prev-next-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--primary-blue, #2563eb)!important}.article-prev-next-thumb{background:var(--border-color, #e5e7eb)}.article-load-more-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;min-height:120px;background:var(--bg-muted, #f8fafc);border-radius:8px;margin:.5rem 0}.article-load-more-spinner{width:36px;height:36px;border:3px solid var(--border-color, #e5e7eb);border-top-color:var(--primary-blue, #2563eb);border-radius:50%;animation:article-load-spin .8s linear infinite}@keyframes article-load-spin{to{transform:rotate(360deg)}}.article-load-more-text{margin-top:.75rem;font-size:.9375rem;color:var(--text-muted, #64748b)}.article-detail-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.article-detail-nav-outer{position:relative}.article-detail-nav-fixed{position:fixed;top:64px;left:0;right:0;z-index:100;background:#f1f5f9;border-bottom:1px solid #cbd5e1;box-shadow:0 2px 8px #0000001a;padding:.5rem 0 .75rem}.article-detail-nav-fixed .article-back-link{color:#2563eb}.article-detail-nav-fixed .article-back-link:hover{color:#1d4ed8}.article-detail-nav-fixed .article-breadcrumb{color:#475569}.article-detail-nav-fixed .article-breadcrumb-item a{color:#2563eb}.article-detail-nav-fixed .article-breadcrumb-item a:hover{color:#1d4ed8}.article-detail-nav-fixed .article-breadcrumb-item span[aria-current=page]{color:#0f172a;font-weight:600}.article-detail-nav-fixed .article-breadcrumb-sep{color:#64748b}.article-detail-nav-inner{max-width:1400px;margin:0 auto;padding:0 1rem}.article-detail-nav-fixed .article-detail-nav-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.article-detail-nav-spacer{min-height:3.25rem}.article-sidebar-breadcrumb{padding:.75rem 1rem;margin-bottom:1rem;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:.5rem}.article-sidebar-breadcrumb .article-back-link{color:#2563eb;font-size:.875rem}.article-sidebar-breadcrumb .article-back-link:hover{color:#1d4ed8}.article-breadcrumb--sidebar{font-size:.8125rem;color:#475569;line-height:1.4}.article-breadcrumb--sidebar .article-breadcrumb-item a{color:#2563eb}.article-breadcrumb--sidebar .article-breadcrumb-item a:hover{color:#1d4ed8}.article-breadcrumb--sidebar .article-breadcrumb-item span[aria-current=page]{color:#0f172a;font-weight:600}.article-breadcrumb--sidebar .article-breadcrumb-sep{color:#64748b}.article-back-link{display:inline-flex;align-items:center;font-size:.9375rem;font-weight:500;color:var(--primary-blue, #2563eb);text-decoration:none;transition:color .2s}.article-back-link:hover{color:var(--primary-blue-dark, #1d4ed8);text-decoration:underline}.article-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;font-size:.9375rem;color:#6b7280}.article-breadcrumb-item{display:inline-flex;align-items:center}.article-breadcrumb-item a{color:var(--primary-blue, #2563eb);text-decoration:none}.article-breadcrumb-item a:hover{text-decoration:underline}.article-breadcrumb-item span[aria-current=page]{color:#1f2937;font-weight:600}.article-breadcrumb-sep{margin:0 .35rem;color:#64748b;-webkit-user-select:none;user-select:none}.article-detail-title{font-size:1.75rem;font-weight:700;line-height:1.3;color:var(--text-dark, #1f2937)}.article-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.article-detail-meta .badge{border-radius:999px;padding:.35rem .75rem;font-weight:600;letter-spacing:.02em}.article-detail--prayer .article-detail-title{font-size:1.85rem;letter-spacing:-.02em}.article-detail--prayer .article-content{font-size:1.0625rem;line-height:1.75}.article-detail--prayer .article-content .prayer-section h3{margin-top:1.5rem;margin-bottom:.5rem}.article-sidebar{position:sticky;top:100px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}.tutorial-content .tutorial-chapter{scroll-margin-top:1rem}.tutorial-content .tutorial-block.code pre{background:#1e1e1e;color:#d4d4d4;padding:1rem;border-radius:6px;overflow-x:auto;font-size:.9rem;line-height:1.5}.tutorial-content .tutorial-block.code code{background:none;padding:0;color:inherit}.tutorial-content .tutorial-block.paragraph{line-height:1.7}.tutorial-content .tutorial-block.bullets{padding-left:1.5rem}@media (max-width: 1024px){.article-detail-layout{grid-template-columns:1fr}.article-sidebar{position:static;max-height:none}}.article-related-bottom{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.article-related-bottom-title{font-size:1.2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:var(--text-dark, #111827)}.article-related-bottom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}@media (max-width: 992px){.article-related-bottom-grid{grid-template-columns:1fr}}.article-related-card .card-body{padding:0}.article-related-sidebar-list{display:flex;flex-direction:column}.article-related-sidebar-link{display:flex;gap:.75rem;align-items:flex-start;padding:.65rem .75rem;margin:0 -.75rem;text-decoration:none;color:inherit;border-radius:8px;transition:background .15s ease}.article-related-sidebar-link+.article-related-sidebar-link{border-top:1px solid var(--border-color, #e5e7eb)}.article-related-sidebar-thumb{flex-shrink:0;width:88px;height:66px;border-radius:8px;overflow:hidden;border:1px solid var(--border-color, #e5e7eb);background:#f3f4f6}.article-related-sidebar-thumb .lazy-image-wrap{width:100%;height:100%}.article-related-sidebar-thumb .lazy-image-img{object-fit:cover;width:100%;height:100%}.article-related-sidebar-title{font-size:.875rem;font-weight:600;line-height:1.4;color:var(--text-dark, #1f2937)}.article-related-sidebar-link:hover{background:#3b82f612}.article-related-sidebar-link:hover .article-related-sidebar-title{color:var(--primary-blue, #2563eb)}.article-related-sidebar-link:focus-visible{outline:2px solid var(--primary-blue, #2563eb);outline-offset:2px}.commodity-page{max-width:960px;margin:0 auto}.commodity-page-header{margin-bottom:1.75rem}.commodity-page-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;color:var(--text-primary, #1a1a2e);margin:0 0 .5rem}.commodity-page-lead{color:var(--text-muted, #5c5c6f);font-size:1rem;line-height:1.5;margin:0}.commodity-meta-banner{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.35rem .75rem;border-radius:6px;font-size:.85rem;background:#f3f4f6;color:#374151}.commodity-meta-banner.stale{background:#fef3c7;color:#92400e}.commodity-rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2.5rem}.commodity-rate-card{border-radius:12px;padding:1.35rem 1.5rem;color:#fff;box-shadow:0 4px 14px #0000001f}.commodity-rate-card.gold{background:linear-gradient(145deg,#c9a227,#8b6914)}.commodity-rate-card.silver{background:linear-gradient(145deg,#9ca3af,#6b7280)}.commodity-rate-card h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.95}.commodity-card-note{margin:-.35rem 0 .85rem;font-size:.8rem;opacity:.9;line-height:1.35}.commodity-gold-grid{display:grid;grid-template-columns:1fr auto auto;gap:.25rem .75rem;align-items:baseline;font-size:.9rem;margin-bottom:.5rem}.commodity-gold-grid-head{display:contents}.commodity-gold-grid>span:nth-child(1),.commodity-gold-grid>span:nth-child(2),.commodity-gold-grid>span:nth-child(3){font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.35)}.commodity-gold-grid>span:nth-child(2),.commodity-gold-grid>span:nth-child(3){text-align:right}.commodity-gold-grid-row{display:contents}.commodity-gold-grid-row>span:first-child{border-bottom:1px solid rgba(255,255,255,.2);padding:.35rem 0}.commodity-gold-grid-row>strong{border-bottom:1px solid rgba(255,255,255,.2);padding:.35rem 0;text-align:right;font-size:1.02rem;font-variant-numeric:tabular-nums}.commodity-gold-grid-row:last-of-type>span,.commodity-gold-grid-row:last-of-type>strong{border-bottom:none}.commodity-gold-hint{font-size:.72rem;font-weight:400;opacity:.85}.commodity-rate-row{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem 0;font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.2)}.commodity-rate-row:last-child{border-bottom:none}.commodity-rate-row span:first-child{opacity:.9}.commodity-rate-row strong{font-size:1.05rem;font-variant-numeric:tabular-nums}.commodity-rate-source{margin-top:.75rem;font-size:.75rem;opacity:.85}.commodity-section{margin-bottom:2.5rem}.commodity-section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1a1a2e);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.commodity-history-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.commodity-table-wrap{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.commodity-table{width:100%;border-collapse:collapse;font-size:.9rem}.commodity-table th,.commodity-table td{padding:.6rem .75rem;text-align:right;border-bottom:1px solid #f3f4f6}.commodity-table th:first-child,.commodity-table td:first-child{text-align:left}.commodity-table th{background:#f9fafb;font-weight:600;color:#374151}.commodity-table tr:last-child td{border-bottom:none}.commodity-news-list{list-style:none;margin:0;padding:0}.commodity-news-item{border-bottom:1px solid #eee;padding:.85rem 0}.commodity-news-item:last-child{border-bottom:none}.commodity-news-item a{color:#2563eb;text-decoration:none;font-weight:500;line-height:1.4}.commodity-news-item a:hover{text-decoration:underline}.commodity-news-meta{font-size:.8rem;color:#6b7280;margin-top:.35rem}.commodity-error{padding:1.25rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.commodity-error-hint{margin-top:.75rem;font-size:.9rem;color:#7f1d1d}.commodity-about{margin-bottom:2.5rem;padding:1rem 1.15rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px}.commodity-about .commodity-section-title{border-bottom:none;padding-bottom:0;margin-bottom:.65rem;font-size:1.1rem}.commodity-about-list{margin:0;padding-left:1.15rem;color:var(--text-muted, #5c5c6f);font-size:.92rem;line-height:1.55}.commodity-about-list li+li{margin-top:.5rem}.commodity-trust-strip{display:flex;flex-wrap:wrap;gap:.5rem .75rem;margin-top:1rem}.commodity-trust-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;color:#374151;background:#f3f4f6;padding:.35rem .75rem;border-radius:999px;border:1px solid #e5e7eb}.commodity-trust-icon{color:#b45309;font-size:.65rem}.commodity-highlight-share{margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.25rem}.commodity-highlight-box{flex:1;min-width:220px;padding:1.1rem 1.25rem;border-radius:12px;background:linear-gradient(135deg,#fefce8,#fef9c3);border:1px solid #fde047;box-shadow:0 2px 12px #b4530914}.commodity-highlight-label{margin:0 0 .35rem;font-size:.85rem;font-weight:600;color:#713f12;text-transform:uppercase;letter-spacing:.04em}.commodity-highlight-value{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:800;color:#1a1a2e;font-variant-numeric:tabular-nums}.commodity-highlight-sub{margin:.5rem 0 0;font-size:.85rem;color:#6b7280}.commodity-share-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.commodity-share-btn{cursor:pointer;border:1px solid #e5e7eb;border-radius:8px;padding:.5rem .9rem;font-size:.85rem;font-weight:600;background:#fff;color:#374151;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.commodity-share-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.commodity-share-wa:hover{border-color:#22c55e;color:#15803d}.commodity-share-fb:hover{border-color:#3b82f6;color:#1d4ed8}.commodity-city-section{margin-bottom:2rem;padding:1.15rem 1.25rem;background:#fafafa;border-radius:12px;border:1px solid #eee}.commodity-city-label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:.35rem}.commodity-city-select{width:100%;max-width:320px;padding:.55rem .75rem;font-size:1rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;margin-bottom:1rem}.commodity-city-headline{margin:0 0 .5rem;font-size:1.2rem;font-weight:700;color:var(--text-primary, #1a1a2e)}.commodity-city-note{margin:0 0 1rem;font-size:.88rem;color:#6b7280;line-height:1.45}.commodity-city-rates{display:flex;flex-wrap:wrap;gap:1.25rem}.commodity-city-rates>div{display:flex;flex-direction:column;gap:.25rem;min-width:140px}.commodity-city-rates span{font-size:.8rem;color:#6b7280}.commodity-city-rates strong{font-size:1.15rem;font-variant-numeric:tabular-nums}.commodity-card-title-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.commodity-card-title-row h2{margin:0}.commodity-card-icon{font-size:1.25rem;opacity:.95}.commodity-card-interactive{transition:transform .2s ease,box-shadow .2s ease}.commodity-card-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.commodity-pct-badge{display:inline-block;font-size:.78rem;font-weight:700;padding:.2rem .5rem;border-radius:6px;margin-bottom:.5rem;font-variant-numeric:tabular-nums}.commodity-pct-badge.up{background:#16a34a33;color:#166534}.commodity-pct-badge.down{background:#dc262626;color:#b91c1c}.commodity-sparkline{width:100%;max-width:320px;height:auto;display:block;margin:.5rem 0}.commodity-trend-caption{font-size:.85rem;color:#6b7280;margin:.5rem 0 0}.commodity-muted{color:#6b7280;font-size:.92rem}.commodity-compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}.commodity-h3{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#374151}.commodity-up{color:#16a34a;font-weight:700}.commodity-down{color:#dc2626;font-weight:700}.commodity-compare-note{font-size:.92rem;line-height:1.55;color:var(--text-muted, #5c5c6f);margin:0}.commodity-faq{margin-bottom:2.5rem}.commodity-faq-list{display:flex;flex-direction:column;gap:1.25rem}.commodity-faq-item{padding-bottom:1.25rem;border-bottom:1px solid #f3f4f6}.commodity-faq-item:last-child{border-bottom:none;padding-bottom:0}.commodity-faq-q{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;color:var(--text-primary, #1a1a2e);line-height:1.35}.commodity-faq-a{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-muted, #5c5c6f)}.commodity-internal-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.65rem}.commodity-internal-links a{color:#2563eb;font-weight:500;text-decoration:none}.commodity-internal-links a:hover{text-decoration:underline}.commodity-ft{font-family:inherit;--ft-gold1: #c9a227;--ft-gold2: #ffd700;--ft-silver1: #9ca3af;--ft-silver2: #e8e8e8;--ft-up: #16a34a;--ft-down: #dc2626;--ft-bg: #0f172a;--ft-card: #ffffff;--ft-muted: #64748b;--ft-text: #333;--ft-radius: 14px;--ft-sticky-h: 52px;--ft-bottom-h: 56px;--ft-safe-bottom: env(safe-area-inset-bottom, 0px)}.commodity-ft article.commodity-page.commodity-ft-page{max-width:none;margin-left:0;margin-right:0}.commodity-ft-page{padding-top:calc(var(--ft-sticky-h) + 8px);padding-bottom:calc(var(--ft-bottom-h) + var(--ft-safe-bottom) + 24px);width:100%;max-width:none;margin:0;color:var(--ft-text)}.commodity-ft-sticky-head{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,#0f172afa,#0f172af0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08);min-height:var(--ft-sticky-h);padding:.35rem max(12px,env(safe-area-inset-left)) .35rem max(12px,env(safe-area-inset-right))}.commodity-ft-sticky-inner{max-width:min(1400px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.8rem;color:#e2e8f0}.commodity-ft-sticky-title{font-weight:500;letter-spacing:.01em}.commodity-ft-sticky-price{font-weight:700;font-variant-numeric:tabular-nums;font-size:.95rem;color:#fef08a}.commodity-ft-sticky-pct{font-weight:600;font-variant-numeric:tabular-nums;font-size:.78rem}.commodity-ft-sticky-pct.is-up{color:#86efac}.commodity-ft-sticky-pct.is-down{color:#fca5a5}.commodity-ft-bottombar{position:fixed;bottom:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,#0f172af2,#0f172a);border-top:1px solid rgba(255,255,255,.1);padding:.35rem max(12px,env(safe-area-inset-left)) calc(.35rem + var(--ft-safe-bottom)) max(12px,env(safe-area-inset-right));box-shadow:0 -4px 20px #0003}.commodity-ft-bottombar-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.commodity-ft-bottombar-price{font-size:.85rem;font-weight:600;color:#fef9c3;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commodity-ft-btn-wa{flex-shrink:0;border:none;border-radius:10px;padding:.5rem .85rem;font-size:.8rem;font-weight:600;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;cursor:pointer;transition:transform .15s ease,filter .15s ease}.commodity-ft-btn-wa:active{transform:scale(.97)}.commodity-ft-toast{position:fixed;bottom:calc(var(--ft-bottom-h) + var(--ft-safe-bottom) + 12px);left:50%;transform:translate(-50%);z-index:110;background:#1e293b;color:#f1f5f9;padding:.65rem 1rem;border-radius:10px;font-size:.85rem;max-width:90vw;box-shadow:0 8px 24px #00000040;animation:commodity-ft-fade .25s ease}@keyframes commodity-ft-fade{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.commodity-ft-wrap.blog-page-wrapper{align-items:flex-start}.commodity-ft-grid.blog-layout{display:block;width:100%;max-width:1400px;margin:0 auto}.commodity-ft-rates-pair{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:0}@media (min-width: 768px){.commodity-ft-rates-pair{grid-template-columns:1fr 1fr;align-items:stretch;gap:1.25rem}.commodity-ft-rates-pair .commodity-ft-card{margin-bottom:0}}@media (max-width: 1023px){.commodity-ft .ad-sidebar-left,.commodity-ft .ad-sidebar-right{display:none}}.commodity-ft-h1-main{margin:0 0 .75rem;font-size:clamp(1.5rem,4.5vw,1.85rem);font-weight:700;letter-spacing:-.01em;color:var(--ft-text);line-height:1.2}.commodity-ft-hero{margin-bottom:1rem}.commodity-ft-hero-card{background:linear-gradient(145deg,var(--ft-gold1) 0%,#a16207 55%,#713f12 100%);border-radius:var(--ft-radius);padding:1.25rem 1.15rem;color:#fff;box-shadow:0 12px 40px #a1620759}.commodity-ft-hero-kicker{margin:0 0 .35rem;font-size:.8rem;opacity:.92;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.commodity-ft-hero-price{margin:0;font-size:clamp(2.25rem,8vw,2.85rem);font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1;transition:color .2s ease}.commodity-ft-hero-price.is-up{text-shadow:0 0 24px rgba(74,222,128,.35)}.commodity-ft-hero-price.is-down{text-shadow:0 0 24px rgba(248,113,113,.35)}.commodity-ft-hero-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-top:.65rem}.commodity-ft-pill{display:inline-flex;align-items:center;gap:.25rem;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;padding:.25rem .55rem;border-radius:8px;background:#0003}.commodity-ft-pill.is-up{color:#bbf7d0}.commodity-ft-pill.is-down{color:#fecaca}.commodity-ft-delta-rs{font-weight:600;opacity:.95;font-size:.78rem}.commodity-ft-updated{font-size:.75rem;opacity:.88}.commodity-ft-trust-line{margin:.75rem 0 0;font-size:.72rem;opacity:.85;line-height:1.35}.commodity-ft-actions{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:.35rem;margin-bottom:1rem;scrollbar-width:none}.commodity-ft-actions::-webkit-scrollbar{display:none}.commodity-ft-action-chip{flex:0 0 auto;border:1px solid #e2e8f0;background:#fff;border-radius:999px;padding:.5rem .9rem;font-size:.8rem;font-weight:500;color:#333;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}.commodity-ft-action-chip:active{transform:scale(.97)}.commodity-ft-action-chip:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.commodity-ft-action-primary{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#fff}.commodity-ft-chips{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;margin-bottom:1.25rem;padding-bottom:.25rem;scrollbar-width:none}.commodity-ft-chips::-webkit-scrollbar{display:none}.commodity-ft-chip{flex:0 0 auto;border:1px solid #e2e8f0;background:#f8fafc;border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:500;color:#333;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.commodity-ft-chip.is-active{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#d97706;color:#78350f}.commodity-ft-chip-more{border-style:dashed}.commodity-ft-h2{margin:0 0 .35rem;font-size:1.15rem;font-weight:700;color:var(--ft-text);letter-spacing:-.01em}.commodity-ft-insight{display:flex;gap:.5rem;align-items:flex-start;padding:.75rem .9rem;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;margin-bottom:1.25rem;font-size:.88rem;line-height:1.45;color:#14532d}.commodity-ft-insight-icon{flex-shrink:0}.commodity-ft-card{border-radius:var(--ft-radius);padding:1.1rem 1.15rem;margin-bottom:1rem;color:#fff;box-shadow:0 8px 28px #0000001f;transition:transform .2s ease,box-shadow .2s ease}@media (hover: hover){.commodity-ft-card:hover{transform:translateY(-2px);box-shadow:0 12px 36px #00000024}}.commodity-ft-card-gold{background:linear-gradient(160deg,var(--ft-gold1) 0%,#a16207 50%,#713f12 100%)}.commodity-ft-card-silver{background:linear-gradient(160deg,#64748b,#94a3b8 45%,#cbd5e1);color:var(--ft-text)}.commodity-ft-card-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.commodity-ft-card-title{margin:0;font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.commodity-ft-card-silver .commodity-ft-card-title{color:#333}.commodity-ft-card-icon{font-size:1.2rem}.commodity-ft-mini-pct{margin-left:auto;font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.commodity-ft-mini-pct.is-up{color:#14532d}.commodity-ft-mini-pct.is-down{color:#991b1b}.commodity-ft-tabs{display:flex;gap:.35rem;margin-bottom:.85rem}.commodity-ft-tab{flex:1;border:1px solid rgba(255,255,255,.35);background:#00000026;color:#fff;border-radius:10px;padding:.45rem .4rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease}.commodity-ft-tab.is-active{background:#fff3;border-color:#ffffff8c}.commodity-ft-tab-panel{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.commodity-ft-metric{display:flex;flex-direction:column;gap:.2rem}.commodity-ft-metric span{font-size:.72rem;opacity:.85;text-transform:uppercase;letter-spacing:.04em}.commodity-ft-metric strong{font-size:1.2rem;font-variant-numeric:tabular-nums}.commodity-ft-card-silver .commodity-ft-metric span{color:#334155;opacity:.9}.commodity-ft-silver-rows{display:flex;flex-direction:column;gap:.65rem}.commodity-ft-section{margin-bottom:1.75rem}.commodity-ft-section--detail{margin-bottom:1.35rem}.commodity-ft-detail-h2{margin-bottom:.35rem}.commodity-ft-detail-lead{margin:0 0 1rem;font-size:.875rem;line-height:1.5;color:#64748b;max-width:42rem}.commodity-ft-seg{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.65rem;padding:1px;background:#e2e8f0;border-radius:10px}.commodity-ft-seg-btn{border:none;background:transparent;padding:.4rem .85rem;font-size:.8rem;font-weight:700;color:#64748b;border-radius:9px;cursor:pointer}.commodity-ft-seg-btn.is-active{background:#fff;color:var(--ft-text);box-shadow:0 1px 4px #00000014}.commodity-ft-trend-meta{font-size:.8rem;color:var(--ft-muted);margin:.35rem 0 0}.commodity-ft-trend-panel{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:var(--ft-radius);box-shadow:0 4px 24px #0f172a12;padding:1.25rem 1.35rem 1.35rem}.commodity-ft-trend-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin-bottom:1rem}.commodity-ft-trend-title{margin:0;flex:1 1 auto;min-width:0}.commodity-ft-trend-seg{margin-bottom:0;flex-shrink:0}.commodity-ft-trend-body{width:100%}.commodity-ft-trend-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem 1rem;margin-bottom:.85rem}.commodity-ft-trend-pct{font-size:clamp(1.2rem,3.5vw,1.45rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.commodity-ft-trend-pct.is-up{color:#15803d}.commodity-ft-trend-pct.is-down{color:#b91c1c}.commodity-ft-trend-stat-label{font-size:.8rem;font-weight:500;color:var(--ft-muted)}.commodity-ft-trend-chart-wrap{width:100%;padding:.65rem .5rem .5rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.commodity-ft-trend-body .commodity-ft-trend-meta{margin-top:.75rem;margin-bottom:0;padding:0 .15rem}.commodity-ft-trend-empty{padding:1.35rem 1rem 1.5rem;text-align:center;background:linear-gradient(145deg,#fffbeb,#fef9c3 40%,#fff);border-radius:12px;border:1px solid #fde68a;box-shadow:inset 0 1px #fffc}.commodity-ft-trend-empty-visual{display:flex;align-items:flex-end;justify-content:center;gap:.5rem;height:52px;margin:0 auto 1rem;max-width:200px}.commodity-ft-trend-empty-line{display:block;flex:0 0 32px;width:32px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#c9a2278c,#c9a2271f);opacity:.9;transform-origin:bottom center;animation:commodity-ft-trend-empty-pop .55s ease-out both}.commodity-ft-trend-empty-line:nth-child(1){height:40%}.commodity-ft-trend-empty-line:nth-child(2){height:85%;animation-delay:.08s}.commodity-ft-trend-empty-line:nth-child(3){height:58%;animation-delay:.16s}@keyframes commodity-ft-trend-empty-pop{0%{transform:scaleY(.15);opacity:.4}to{transform:scaleY(1);opacity:.9}}.commodity-ft-trend-empty-title{font-weight:600;color:var(--ft-text);margin:0 0 .4rem;font-size:1rem}.commodity-ft-trend-empty-sub{margin:0;font-size:.875rem;color:#64748b;line-height:1.55;max-width:40rem;margin-inline:auto}.commodity-sparkline--ft{width:100%;max-width:100%;height:auto;min-height:120px;display:block}.commodity-ft-compare-panel{width:100%;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:var(--ft-radius);box-shadow:0 2px 16px #0f172a0d;padding:1.2rem 1.25rem 1.1rem}.commodity-ft-compare-scroll{display:flex;flex-direction:column;gap:1rem;margin-bottom:.65rem}@media (min-width: 640px){.commodity-ft-compare-scroll{flex-direction:row;align-items:stretch}.commodity-ft-compare-card{flex:1;min-width:0}}.commodity-ft-compare-card{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.05rem 1.1rem 1.1rem;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s ease,border-color .2s ease}.commodity-ft-compare-card--gold{border-left:4px solid #c9a227}.commodity-ft-compare-card--silver{border-left:4px solid #94a3b8}@media (hover: hover){.commodity-ft-compare-card:hover{box-shadow:0 6px 20px #0f172a12;border-color:#cbd5e1}}.commodity-ft-compare-missing{font-size:.95rem;font-weight:500;font-style:italic;color:#94a3b8}.commodity-ft-compare-missing--inline{font-size:inherit;font-style:italic}.commodity-ft-h3{margin:0 0 .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.commodity-ft-compare-pct{font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums;margin:0 0 .35rem}.commodity-ft-compare-pct .is-up{color:var(--ft-up)}.commodity-ft-compare-pct .is-down{color:var(--ft-down)}.commodity-ft-muted{font-size:.8rem;color:#64748b;margin:0 0 .35rem}.commodity-ft-tag{font-size:.75rem;font-weight:600;color:var(--ft-text);margin:0}.commodity-ft-note-small{font-size:.78rem;color:#94a3b8;margin:0;line-height:1.45;padding-top:.25rem;border-top:1px solid #f1f5f9}.commodity-ft-calc-panel{width:100%;background:linear-gradient(135deg,#f8fafc,#fff,#f0f9ff);border:1px solid #e2e8f0;border-radius:var(--ft-radius);box-shadow:0 2px 16px #0f172a0d;padding:1.2rem 1.25rem 1.25rem}.commodity-ft-calc-grid{display:grid;gap:1.15rem;align-items:end}@media (min-width: 560px){.commodity-ft-calc-grid{grid-template-columns:minmax(0,220px) 1fr;gap:1.5rem}}.commodity-ft-calc-field{min-width:0}.commodity-ft-calc-label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.4rem}.commodity-ft-input{width:100%;max-width:100%;padding:.65rem .85rem;font-size:1.05rem;border-radius:10px;border:1px solid #cbd5e1;font-variant-numeric:tabular-nums;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.commodity-ft-input:hover{border-color:#94a3b8}.commodity-ft-input:focus{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 3px #0066cc26}.commodity-ft-calc-result{padding:.85rem 1rem;background:#ffffffd9;border:1px solid #e0f2fe;border-radius:12px;min-height:3.5rem;display:flex;flex-direction:column;justify-content:center}.commodity-ft-calc-result-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.25rem}.commodity-ft-calc-out{margin:0;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--ft-text);line-height:1.2}.commodity-ft-news-panel{width:100%}.commodity-ft-news-scroll{display:flex;gap:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.15rem .15rem .5rem;margin:0 -.15rem;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.commodity-ft-news-scroll::-webkit-scrollbar{height:6px}.commodity-ft-news-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}@media (min-width: 900px){.commodity-ft-news-scroll{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:1rem;margin:0;padding:0}}.commodity-ft-news-empty{margin:0;padding:1.25rem;text-align:center;color:#94a3b8;font-size:.9rem;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0;grid-column:1 / -1}.commodity-ft-news-card{flex:0 0 min(78vw,320px);display:flex;gap:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:.75rem .85rem;text-decoration:none;color:inherit;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease}@media (min-width: 900px){.commodity-ft-news-card{flex:unset;min-width:0}}.commodity-ft-news-card:hover{box-shadow:0 6px 22px #0f172a14;border-color:#cbd5e1}@media (hover: hover){.commodity-ft-news-card:hover{transform:translateY(-1px)}}.commodity-ft-news-thumb{width:56px;height:56px;flex-shrink:0;border-radius:10px;background:linear-gradient(145deg,#fef3c7,#f59e0b 55%,#d97706);box-shadow:inset 0 1px #ffffff59}.commodity-ft-news-body{display:flex;flex-direction:column;gap:.25rem;min-width:0}.commodity-ft-news-title{font-size:.88rem;font-weight:600;color:var(--ft-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.commodity-ft-news-meta{font-size:.72rem;color:#94a3b8}.commodity-ft-faq-section{margin-bottom:1.5rem}.commodity-ft-faq-panel{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:var(--ft-radius);box-shadow:0 2px 14px #0f172a0d;padding:1.2rem 1.25rem .35rem}.commodity-ft-faq-list{border-radius:10px;overflow:hidden;margin-top:.25rem}.commodity-ft-faq-item{border-bottom:1px solid #f1f5f9}.commodity-ft-faq-item:last-child{border-bottom:none}.commodity-ft-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:.75rem;text-align:left;background:none;border:none;padding:.95rem .15rem;font-size:.95rem;font-weight:600;color:var(--ft-text);cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.commodity-ft-faq-q:hover{background:#f8fafc;color:var(--primary-color, #0066cc)}.commodity-ft-faq-chevron{font-size:1.1rem;font-weight:600;color:#94a3b8;flex-shrink:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:8px;transition:background .15s ease,color .15s ease}.commodity-ft-faq-q:hover .commodity-ft-faq-chevron{background:#e0f2fe;color:var(--primary-color, #0066cc)}.commodity-ft-faq-a{margin:0 0 .85rem .15rem;padding:0 .15rem .5rem .75rem;font-size:.88rem;line-height:1.6;color:#475569;border-left:3px solid #e0f2fe}.commodity-ft-about{margin-bottom:1.5rem}.commodity-ft-about-ul{margin:0;padding-left:1.15rem;color:#64748b;font-size:.88rem;line-height:1.5}.commodity-ft-links{margin-bottom:1.5rem}.commodity-ft-link-row{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.commodity-ft-link-row a{color:#2563eb;font-weight:600;font-size:.9rem;text-decoration:none}.commodity-ft-link-row a:hover{text-decoration:underline}.commodity-ft-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:200;animation:commodity-ft-fade .2s ease}.commodity-ft-sheet{position:fixed;left:0;right:0;bottom:0;z-index:210;max-height:min(85vh,560px);background:#fff;border-radius:16px 16px 0 0;padding:.5rem 1rem calc(1rem + var(--ft-safe-bottom));box-shadow:0 -8px 32px #0000002e;display:flex;flex-direction:column;animation:commodity-ft-sheet-up .28s ease}@keyframes commodity-ft-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.commodity-ft-sheet-handle{width:40px;height:4px;background:#e2e8f0;border-radius:10px;margin:0 auto .75rem}.commodity-ft-sheet-title{margin:0 0 .75rem;font-size:1.1rem;font-weight:800}.commodity-ft-sheet-search{margin-bottom:.75rem}.commodity-ft-sheet-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.commodity-ft-sheet-row{width:100%;text-align:left;border:none;background:none;padding:.75rem .25rem;font-size:1rem;font-weight:600;color:var(--ft-text);border-bottom:1px solid #f1f5f9;cursor:pointer}.commodity-ft-sheet-row.is-active{color:#b45309}.commodity-ft-sheet-close{margin-top:.75rem;width:100%;padding:.65rem;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;font-weight:700;cursor:pointer}