/* This CSS ensures smooth transitions and hides sections ONLY if JS is enabled */
        .page-section { display: block; animation: fadeIn 0.3s ease-in-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        /* When JS is enabled via script, hide inactive sections */
        .js-enabled .page-section { display: none; }
        .js-enabled .page-section.active { display: block; }

        .seo-content { background: #ffffff; border-radius: 12px; padding: 30px; margin-top: 30px; border: 1px solid #e5e7eb; }
        .seo-content h2 { font-size: 1.5rem; font-weight: 700; color: #1f2937; margin-top: 1.5rem; margin-bottom: 0.75rem; }
        .seo-content h3 { font-size: 1.25rem; font-weight: 600; color: #374151; margin-top: 1.25rem; margin-bottom: 0.5rem; }
        .seo-content p { color: #4b5563; line-height: 1.8; margin-bottom: 1rem; }
        .seo-content ul, .seo-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; color: #4b5563; }
        .seo-content li { margin-bottom: 0.5rem; line-height: 1.7; }
        
        .dark .seo-content { background: #1e293b; border-color: #334155; }
        .dark .seo-content h2 { color: #f8fafc; }
        .dark .seo-content h3 { color: #e2e8f0; }
        .dark .seo-content p, .dark .seo-content ul, .dark .seo-content ol { color: #94a3b8; }

        .geo-badge { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; font-size: 0.75rem; font-weight: 700; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.05em; }
        .canvas-container { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); margin: 0 auto; }
.seo-content a{color:#4f46e5;font-weight:600}.th{display:flex;align-items:center;gap:14px;margin-bottom:12px}.th h1{margin:0}.crumb{font-size:14px;color:#6b7280;margin-bottom:14px}.crumb a{color:#4f46e5}.tool-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000d}.dark .tool-card{background:#1e293b;border-color:#334155}.tool-card input,.tool-card select,.tool-card textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px;margin:4px 0 12px;background:#fff;color:inherit;font:inherit}.dark .tool-card input,.dark .tool-card select,.dark .tool-card textarea{background:#0f172a;border-color:#334155}.tool-card input[type=color],.tool-card input[type=range]{padding:2px;height:40px}.tool-card button{width:100%;padding:12px;border:0;border-radius:10px;background:#4f46e5;color:#fff;font-weight:700;cursor:pointer;margin:2px 0 10px}.tool-card button:hover{background:#4338ca}.tool-card .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.res{background:#eef2ff;border-radius:10px;padding:12px;font-weight:600;margin-top:10px}.dark .res{background:#312e81}.chip{display:inline-block;background:#eef2ff;border-radius:20px;padding:5px 14px;margin:4px;cursor:pointer;font-weight:500}.dark .chip{background:#312e81}.tool-card img,.tool-card canvas{max-width:100%}@media(max-width:560px){.tool-card .row{grid-template-columns:1fr}}