/* Speechify widgets are now loaded on-demand (no need to hide) */
		
		/* Modern Action Bar */
		.post-action-bar {
			display: flex;
			gap: 12px;
			background: #ffffff;
			padding: 12px 20px;
			border-radius: 12px;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06);
			border: 1px solid rgba(0, 0, 0, 0.06);
			width: 100%;
			margin: 20px 0 10px 0;
		}
		
		/* Container for inline Speechify player (below action bar) */
		.speechify-inline-container {
			margin-bottom: 20px;
		}
		
		.action-btn {
			display: inline-flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			gap: 10px;
			padding: 14px 28px;
			height: 52px;
			flex: 1;
			background: #f8f9fa;
			border: 1px solid #e9ecef;
			border-radius: 8px;
			cursor: pointer;
			transition: all 0.2s ease;
			font-size: 15px;
			font-weight: 600;
			color: #495057;
			white-space: nowrap;
			line-height: 1;
		}
		
		.action-btn:hover {
			background: #e9ecef;
			border-color: #dee2e6;
			transform: translateY(-1px);
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
		}
		
		.action-btn:active {
			transform: translateY(0);
		}
		
		.action-btn svg {
			flex-shrink: 0;
			width: 20px;
			height: 20px;
			margin: 0;
		}
		
		.action-btn .btn-label {
			font-size: 15px;
			font-weight: 600;
			line-height: 1;
			margin: 0;
		}
		
		.action-btn.speechify-toggle-btn {
			background: #3a537e;
			color: white;
			border-color: #3a537e;
		}
		
		.action-btn.speechify-toggle-btn:hover {
			background: #2c4066;
			border-color: #2c4066;
		}
		
		.action-btn.saved {
			background: #10b981;
			color: white;
			border-color: #10b981;
		}
		
		.action-btn.saved:hover {
			background: #059669;
			border-color: #059669;
		}
		
		/* Per-paragraph hover play */
		.speechify-paragraph {
			border-radius: 3px;
			transition: background-color 0.15s ease;
		}
		
		.speechify-paragraph:hover {
			background-color: rgba(58, 83, 126, 0.06);
		}
		
		.speechify-sentence-active {
			background-color: rgba(58, 83, 126, 0.12);
		}
		
		.sentence-play-btn {
			display: none;
			position: absolute;
			z-index: 10000;
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: #3a537e;
			border: none;
			cursor: pointer;
			align-items: center;
			justify-content: center;
			padding: 0;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
			transition: transform 0.1s ease, background-color 0.1s ease;
		}
		
		.sentence-play-btn:hover {
			background: #2c4066;
			transform: scale(1.15);
		}
		
		.sentence-play-btn svg {
			width: 12px;
			height: 12px;
			pointer-events: none;
		}
		
		.open-speechify,
		.close-speechify {
			cursor: pointer;
			position: relative;
			top: 35px;
			left: 15px;
			font-size: 20px;
			background: #3a537e;
			color: #fff;
			padding: 10px 16px 8px 8px;
			border: 1px solid rgba(0, 0, 0, 0.1);
			display: flex;
			height: 60px;
			align-items: center;
			border-radius: 10px;
			box-shadow: 0 4px 16px rgba(0, 0, 0, 0.125);
		}

		.open-speechify:hover,
		.close-speechify:hover {
			opacity: 0.8;
		}

		@media (max-width:767px) {
			.post-action-bar {
				position: unset;
				left: 0;
				width: 100%;
				max-width: none;
				justify-content: center;
				padding: 12px 16px;
				gap: 10px;
				margin-bottom: 20px;
			}
			
			.action-btn {
				flex: 1;
				justify-content: center;
				padding: 12px 16px;
				height: 48px;
				gap: 8px;
			}
			
			.action-btn svg {
				width: 18px;
				height: 18px;
			}
			
			.action-btn .btn-label {
				font-size: 13px;
				font-weight: 600;
			}

			.open-speechify,
			.close-speechify {
				cursor: pointer;
				position: unset;
				font-size: 20px;
				padding: 10px 57px;
				border: 1px solid rgba(0, 0, 0, 0.1);
				display: flex;
				height: 50px;
				align-items: flex-start;
				border-radius: 10px;
				flex-direction: row;
				flex-wrap: nowrap;
				align-content: space-around;
				justify-content: space-between;
				margin-top: 10px;
			}
		}